Dev Random Notes




DEV RANDOM NOTES -
WEBGL PLAYGROUND AND INTERACTIVE EXPERIMENTS

My personal project - WebGL Playground and interactive experiments that vary in gpgpu, frame buffer tricks, geometries and liquid simulations. Using Three.js and custom Shaders. From some of the unsorted folders to a finally organized experience on the screen, these experiments are so named as random notes.  INFO - The Flamingo Model used in one of the experiments was ported and revised from Three.js official examples. The project building was tackled by Gulp command line. The image textures assets are photos I took when I was traveling worldwide.

INTERACTIVE RENDERINGS
The normal mode and views of the run-time visual effects. I just have a passion for coding graphics and interactive design, therefore I've been experimenting with WebGL stuff (Three.js and Pixi.js) on and off. From some of the unsorted folders to a finally organized experience, that's why these experiments are so named as random notes. Using Three.js and custom Shaders.

















HOLD THE SPACEBAR
Get the reactions when the users are holding the spacebar on desktop side
It will be “hold the longtap” on mobile side







SCROLL TO TOGGLE & 
THE TRANSITION EFX
The swap transition efx and the noise glitch when the users toggle the items










MOBILE DEVICES READY
HOLD THE LONGTAP

Optimized for mobile devices to provide the same progressive experience across multi-platforms
The 'Hold the click/spacebar/tap/longtap' thing went trendy lately, all of a sudden. It's fun. So the site was designed to have two interactive modes. Regardless of the normal mode, once the users hold the spacebar/longtap, it will strike some interactive reactions to please the eyes. 







DEV RANDOM NOTES
My personal project - WebGL Playground and interactive experiments that vary in gpgpu, frame buffer tricks, geometries and liquid simulations. Using Three.js and custom Shaders. From some of the unsorted folders to a finally organized experience on the screen, these experiments are so named as random notes. 
INFO - The Flamingo Model used in one of the experiments was ported and revised from Three.js official examples. The project building was tackled by Gulp command line. The image textures assets are photos I took when I was travelling in Stockholm.

Accolades - FWA of the Day x2 for Desktop and Mobile


URL
____
http://www.devrandomnotes.com/
____

August, 2016






Dev Random Notes
210
2,349
10
Published:

Dev Random Notes

WebGL Playground and interactive experiments that vary in gpgpu, frame buffer tricks, geometries and liquid simulations. Using Three.js and custo Read More
210
2,349
10
Published: