Skip to content

Instantly share code, notes, and snippets.

View gregtatum's full-sized avatar

Greg Tatum gregtatum

View GitHub Profile
@gregtatum
gregtatum / index.js
Last active January 14, 2016 05:02
Hello world for GlamJS
var Glam = require('glam')
var Bunny = require('bunny')
Glam.Engine( function onReady( engine, scene ) {
var camera = Glam.PerspectiveCamera()
var material = Glam.FlatMaterial({ color : [0.1,0.3,0.4] })
var geometry = Glam.Geometry( Bunny )
var mesh = Glam.Mesh( geometry, material )
@gregtatum
gregtatum / index.js
Last active January 14, 2016 05:03
Fog Augment for GlamJS
var Glam = require('glam')
var Bunny = require('bunny')
Glam.Engine( function onReady( engine, scene ) {
var material = Glam.FlatMaterial({ color : [0.5,0.3,0.4] })
.use( Glam.FogAugment, {
near : 15,
far : 25,
color : [1, 1, 1],
@gregtatum
gregtatum / index.js
Last active January 14, 2016 05:03
Normal Colors Augment for Glam
var Glam = require('glam')
var Bunny = require('bunny')
var Normals = require('normals')
Glam.Engine(function onReady( engine, scene ) {
var camera = Glam.PerspectiveCamera()
.use( Glam.OrbitControls, {
distance: 20
})
@gregtatum
gregtatum / index.js
Last active January 14, 2016 05:04
Directional Lights using Glam
// Glam - A WebGL Rendering Engine: https://github.com/glamjs/glam
// This demo shows off how to create a lit surface using directional lights and
// a Lambert reflectance model.
var Bunny = require('bunny')
var Normals = require('normals')
var Glam = require('glam')
var Vec3 = require('gl-vec3')
var CreateVignette = require('gl-vignette-background')
{
"positions":[0.0844629,0.435553,-0.0394816,0.0836372,0.437023,-0.0413903,0.0841949,0.437046,-0.0412691,0.084874,0.436996,-0.0410556,0.0855159,0.436826,-0.0407516,0.0860809,0.436549,-0.0403776,0.0865335,0.436184,-0.0399588,0.0884596,0.422357,-0.0553014,0.0880553,0.4243,-0.0565499,0.0874977,0.424276,-0.056671,0.0887344,0.42425,-0.0563364,0.0893764,0.42408,-0.0560324,0.0899414,0.423803,-0.0556583,0.090394,0.423438,-0.0552396,0.0857978,0.434008,-0.0383296,0.0854248,0.433634,-0.038112,0.0861838,0.434513,-0.0386536,0.0864432,0.435068,-0.0390511,0.0865616,0.435638,-0.039496,0.0892853,0.420888,-0.0533928,0.0896582,0.421262,-0.0536104,0.0900442,0.421767,-0.0539344,0.0903037,0.422322,-0.0543319,0.0904221,0.422891,-0.0547768,0.0884736,0.424683,-0.0396105,0.0888119,0.42469,-0.0396378,0.0885234,0.424567,-0.0396079,-0.0844629,0.435553,-0.0394816,-0.0841949,0.437046,-0.0412691,-0.0836372,0.437023,-0.0413903,-0.084874,0.436996,-0.0410556,-0.0855159,0.436826,-0.0407516,-0.0860809,0.436549,-0.0403776,-0.0865335,0.436184,-0.
@gregtatum
gregtatum / index.js
Last active July 30, 2017 00:46
requirebin sketch
// Glam - A WebGL Rendering Engine: https://github.com/glamjs/glam
// This demo shows off how to create a wireframe
// Load in all of the dependencies to start
var Glam = require('glam')
var Bunny = require('bunny')
var Normals = require('normals')
var Vec3 = require('gl-vec3')
var CreateVignette = require('gl-vignette-background')
var WireframeCells = require('gl-wireframe')
@gregtatum
gregtatum / tooltip.html
Last active March 9, 2016 20:42
Tooltip example
<div class='sign-in-area'>
<a class="button" class='sign-in-btn' href="/accounts/fxa/login/">Sign in with <i class="fa fa-firefox"></i> Firefox Account</a>
<div class='sign-in-tooltip'>Blah</div>
</div>
<style>
.sign-in-tooltip {
transition: transform 300ms, opacity 300ms;
transform: translateY(-1em);
opacity: 0;
@gregtatum
gregtatum / greasemonkey.js
Created April 8, 2016 14:43
Facebook de-politicize
setInterval(() => {
Array.from(document.querySelectorAll('._4-u8')).map(el => {
if( el.textContent.match(/(Bernie)|(Sanders)|(Hillary)|(Clinton)|(Trump)|(Cruz)|(Democrat)|(Republican)|(Conservative)|(Liberal)/i) ) {
Object.assign(el.style, {
maxHeight: '5em',
overflow: 'hidden',
backgroundColor: 'red'
})
}
})
@gregtatum
gregtatum / greasemonkey-bugzilla.js
Created April 15, 2016 15:59
Greasemonkey bugzilla
// ==UserScript==
// @name Saved Searches
// @namespace gregtatum
// @include https://bugzilla.mozilla.org*
// @version 1
// @grant none
// ==/UserScript==
// Moves the saved searches to the top of the page and formats them into buttons
@gregtatum
gregtatum / round.js
Last active July 21, 2016 03:32
Round a corner
const {
dot,
length,
add,
scale,
normalize,
divide,
subtract,
cross,
distance,