Skip to content

Exploring JavaScript, using both core language and client-side scripts.

Notifications You must be signed in to change notification settings

dancingfrog/js-demos

 
 

Repository files navigation

js-demos

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 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+ 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)

Stymaps11 Stymaps12 Stymaps15 Stymaps25















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



Gradient Example 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)

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

<script type="text/javascript" id="cvSrc" src="/js-demos/scripts/interact-visualizer.js"></script>

About

Exploring JavaScript, using both core language and client-side scripts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.0%
  • HTML 17.8%
  • ActionScript 0.1%
  • Perl 0.1%
  • CSS 0.0%
  • Processing 0.0%