The following were built with PaperActive, a JavaScript library I wrote that runs on top of the HTML5 Canvas. It is designed to create interactive 2D applications using a WebGL context.

Multiply

For Joshua.

Charts

line, bar, and pie charts

Particles

A satisfying particle demo.

Ultimate Tic-Tac-Toe

A more sophisticated version of the game.

Bezier

Visually see how a bezier curve is plotted. Adjust the curve by moving the control points.

Mandelbrot Set

Plot the Mandelbrot and Julia sets.

MNIST

A convolutional neural network that has been trained to classify hand written numbers (0-9).

Color Picker

Color selection providing HSL, HSV, RGB, and HEX values.

Line Width

By default WebGL does not support any line width other than 1. This demo uses custom logic to draw 2D lines in WebGL

Ultimate Tic-Tac-Toe!

A more sophisticated version of the game.

Charts

Line, bar, and pie charts.

Multiply!

For Josh.

Polygon Fill

A demo that breaks a polygon into x-monotone polygons using a sweep-line approach.

Mandelbrot Set

Plotting the Mandelbrot Set.

Color Picker

Color selection providing HSL, HSV, RGB, and HEX values.

MNIST

A convolutional neural network that has been trained to classify hand written numbers (0-9).

Bezier Curve

Visually see how a bezier curve is plotted. Adjust the curve by moving the control points.

100,000 Particles

A satisfying particle demo.

Line Width

By default WebGL does not support any line width other than 1. This demo uses custom logic to draw 2D lines in WebGL

Stopwatch

One of the first demo's I created to get a feel for the Paper API.

Sine Cosine

Another demo to test my Paper framework.