Below are some of my simple experiments with WebGL and Three.js library.



Previous personal page

This was my previous personal web page. I used two separate renderers: one for the background 2D texture, and one for the moving 3D clouds.


CuSha page

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.


2D heat (incomplete)

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

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.