JS Demos

js-demos

Play

These are some very loosely organized experiments, for the purpose of improving my understanding.

Here’s an equally loose index of what can be viewed online:

WebGL Video Cube (Projection of HTML5 video onto a WebGL Cube with deformed normals)

Visualizer (+VIDEO) (Exploration of music visualization, adding real-time compositing of HTML5 video)

FFT Simple (first try at music visualization using pre-analyzed fft data)

FFT More (continues exploration of music visualization using pre-analyzed fft data)

Visualizer (+input) (continues exploration of music visualization, adding mouse interaction)

Stylogical Maps (these demos were my first efforts with HTML5 Canvas, initially using the Processing.js API. Later demos in the series use direct calls to the Canvas API)

Koch Snowflake (expansion of example from ‘Canvas Pocket Reference’ by D. Flanagan, 2011)

Gradient (Gradient example converted to Canvas API from Processing API )

MOV16 (output shows up in console; an emulation of an assembly MOV opperation on a 16-bit microprocessor)

Range2 Class (based on example from ‘JavaScript Pocket Reference’ by D. Flanagan, 2012)

Try ‘this’ (comparing use of ‘this’ v.s. vars within methods; partially based on code from ‘JavaScript Enlightenment’ by C. Lindley, 2012)

Fathers

Don’t Give Up

On Yourself

On Your Dreams

This is the moment

Your power has never been greater

Your priviledge has never stood higher

Your influence is without measure

Only your fear

Only your lost spirit

Can keep you from the promised land

The land of your ancestors

The land of your children

Where you would join them

If you would lead and follow

As your heart demands

These demos by John are licensed under the Creative Commons Attribution-ShareAlike 3.0 License, 2009-2020