Skip to content

Instantly share code, notes, and snippets.

@lilgreenland
lilgreenland / index.html
Created September 11, 2017 03:00
vocoder
<div id='bodybox'>
<select id = 'language'>
<option value="en-GB">GB</option>
<option value="en-US">US</option>
<option value="en-AU">AU</option>
<option value="fr-FR">FR</option>
<option value="de-DE">DE</option>
<option value="en-IN">IN</option>
<option value="zh-CN">CN</option>
<option value="pl">PL</option>
@lilgreenland
lilgreenland / 2-d-ballistics-calculator-vue-js.markdown
Last active September 11, 2017 02:59
2-D ballistics calculator (vue.js)
@lilgreenland
lilgreenland / index.html
Created December 22, 2016 16:30
pick better than random (local storage API)
<center>
<button type="button" class="button" onclick="nextPeriod()">period <span id='period'>1</span></button>
<button type="button" class="button blue" onclick="pickRandom(1)"><span>random</span></button>
</center>
<ul class="grid" id='grid'></ul>
<center>
<button type="button" class="button red" onclick="reset()">reset</button>
<button type="button" class="button" onclick="exportToJsonFile(localStorage.getItem('classes'))">export</button>
<button type="button" class="button" onclick="import()">import</button>
<button type="button" class="button" onclick="add()">add</button>
@lilgreenland
lilgreenland / gravity-diagram.markdown
Last active October 25, 2016 01:37
gravity diagram
@lilgreenland
lilgreenland / cs-class-assignments-2017-2018.markdown
Last active October 18, 2016 11:49
CS class: Assignments 2017-2018
@lilgreenland
lilgreenland / index.html
Last active October 10, 2016 11:51
side scroller shooter v0.4 (matter.js)
<canvas id="canvas"></canvas>
<svg class='background'>
<defs>
<style type="text/css"><![CDATA[
.keyrect {
stroke: #333;
fill: "#555";
rx: 5;
}
@lilgreenland
lilgreenland / index.html
Last active November 9, 2016 12:35
side scroller v0.6 (matter.js)
<div id="keysleft">
move: WASD
<br>hold/drop: E
<br>pause: F
<br>gravity: R
</div>
<div id="keysright">
zoom: + -
<br>fire: click
<br>testing: T
@lilgreenland
lilgreenland / 2-d-side-scroller-matter-js.markdown
Last active October 2, 2016 23:54
side scroller v0.2 (matter.js)

2-D side scroller (matter.js)

Base platformer structure

with matter.js physics engine

WASD and mouse to move

A Pen by lilgreenland on CodePen.

@lilgreenland
lilgreenland / index.html
Created August 27, 2016 14:05
orientation, rotation, acceleration (mobile only)
<p><b>Orientation</b>
<br>α(z) [0, 360]: <span class="data"><a id='alpha'> </a>°</span>
<br>β(x) [-180,180]: <span class="data"><a id='beta'> </a>°</span>
<br>γ(y) [-90,90]: <span class="data"><a id='gamma'> </a>°</span>
</p>
<hr>
<p>
<b>Rotation</b>
<br>α: <span class="data"><a id='rx'></a>°</span>
@lilgreenland
lilgreenland / index.html
Last active July 14, 2016 02:49
notes: motion 3 - 2-D, 3-D motion
<!--
LaTex equations are form the mathjax library
http://docs.mathjax.org/en/latest/#
put LaTex between $$ $$ example: $$v = \lambda f$$
use this to generate LaTex
http://www.hostmath.com/
-->
<body onload="vectorDiagram()">