Oscillate Wildly is a collection of HTML5 canvas oscillators and fractal/chaos animations packaged as a jQuery plugin (because I'm lazy). The algorithms are broken apart fairly well, so the code could easily be ported and modified to other projects and languages.
To use, include jQuery and the OW javascript code, and instantiate similarly:
$("#oscillate-wildly").OscillateWildly('lorenz');The following animation types are currently available:
- Ellipse Orbit (2D & 3D)
ellipse - Rose Oscillator
rose - Lissajous Oscillator
lissajous - Van der Pol Oscillator
vanderpol - Duffing Oscillator
duffing - Lorenz Attractor
lorenz - Helix Spiral
helix
The plugin also accepts an optional settings object with fps, shape, and pause properties.
The shape property is a function that is passed two arguments.
- A
calculatorobject for the given animation type - The
canvas2d context
The calculator has a calculate function that returns an object representing the state of the equation for each frame in which it is called. This setup allows you to do basically anything you want with the variables returned buring computation.
The pause property is an element the plugin will listen to in order to pause animation. If the element has the class name paused, the animation will pause until that class name is removed. If the pause element is not provided, the default behavior will be to pause on canvas click.
Feel free to fork this repo and submit a pull request. Thanks!
Created and maintained by Charles Hudson