Skip to content

Instantly share code, notes, and snippets.

View jessycormier's full-sized avatar
💭
Oh, hello!

Jessy jessycormier

💭
Oh, hello!
View GitHub Profile

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

@jessycormier
jessycormier / WebGL-WebGPU-frameworks-libraries.md
Created August 18, 2021 01:35 — forked from dmnsgn/WebGL-WebGPU-frameworks-libraries.md
A collection of WebGL and WebGPU frameworks and libraries

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries

  • three.js: JavaScript 3D library
  • stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
  • PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
  • Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
  • Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
  • Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
  • ClayGL: A WebGL graphic library
@jessycormier
jessycormier / ie9Html5ElementCreate
Created July 26, 2019 14:45
Enable HTML5 elements for <IE9
<!--[if lt IE 9]>
<script>
//Enable HTML5 elements for <IE9
'abbr article aside audio bdi canvas data datalist details dialog \
figcaption figure footer header hgroup main mark meter nav output \
progress section summary template time video'.replace(/\w+/g,function(n){document.createElement(n)});
</script>
<![endif]-->
@jessycormier
jessycormier / revealing-module.js
Created May 16, 2019 16:58
Revealing Module Pattern
Thing = (function (window) {
function privateThing() { }
return {
exposedThing: privateThing,
}
})(window);
@jessycormier
jessycormier / object-transformer.ts
Created November 17, 2018 00:16
Object transformer
import { Injectable } from '@angular/core';
type Checker = (any: any) => boolean;
type Transformer = (any: any) => any;
@Injectable()
export class ObjectTransformerService {
/**
* process data and transform it.
* @description Checker and transformer are passed the value currently being evaluated, if the
.grippy {
$grippy-spacing: 2px;
&::before,
&::after {
content: '....';
will-change: contents;
transition: all 180ms;
opacity: 0.0;
color: #aaa;
display: inline-block;
@jessycormier
jessycormier / timer.js
Last active May 30, 2023 18:31
timer/timeout reset
var timer = setInterval( function() { /* do your thing */ }, 125);;
function stopTimer() { clearTimeout(timer); }
@jessycormier
jessycormier / README.MD
Last active January 23, 2016 23:09
Simple pub/sub script.

#Basic Pub / Sub Based off of this gist by learncodeacademy.

The min.js version removes ViewLedger funciton.

(function(){
'use strict';
var X = function (val) {
console.log('instance created');
this.name = val;
};
X.prototype.foo = function() {
@jessycormier
jessycormier / bs-screensize-bird.css
Last active January 23, 2016 22:49
A screen size bird, changes colors depending on which screen size is viable in bootstrap.
.bird {
position: absolute;
right: 16px;
width: 29px;
height: 16px;
border-radius: 100px 8px 100px 0;
border: solid 1px #000;
transform: rotate(37deg);
transition: all 120ms ease-out;
}