Return to Homepage
GLSL Toying Demos
To run demos, your graphics card and your browser must support WebGL.
Mouse speed 03-04-14

"How fast can you move your mouse?" This demo could be written much easier and probably be prettier by using vertex shader and line primitives. Well I decided to make it coding only in fragment shader.

2D heat (incomplete) 02-28-14

Exhibition of 2D heat propagation. Similar to Donny, here I collect the last 128 mouse clicks using Javascript and send them as uniforms to GPU. Here click times matter. It's an incomplete version so you might see some unexpected behaviours.

Donny 02-27-14

Here I collect the last 32 mouse movement coordinates with corresponding times in a round robin fashion, and send them as uniforms to GPU. Written fragment shader uses collected times only to remove invalid initial data. Timing data are not involved into fragment color intensity calculations. I haven't tried it on any tablet but it should work on touch devices as well by moving the finger on the screen. This demo reminds me of the creature in this anime.

The zeroth one 02-25-14

Starting point. Yoohoo!

Three.js Toying Demos
To run some of these demos, your graphics card and your browser must support WebGL.
CuSha Page 04-26-14

After the acceptance of CuSha paper, I created this page using Three.js CSS 3D renderer in order to use it as the CuSha page. But before I finalize it, I changed my mind because 1) it was very slow on some browser-OS combinations, and 2) the placement of items was depending on the aspect ratio of the page-viewer screen.