CineShader is a real-time 3D shader visualiser. It leverages the Shadertoy.com API and three.js to bring thousands of existing shader artworks into a cinematic 3D environment.

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL.

Three.js allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins. This is possible due to the advent of WebGL.

CineShader give to the Shadertoy users an extension to demonstrate their shaders with a different presentation. Hence, all shaders are still hosted at Shadertoy.com and reverse compatiable in Shadertoy.

To start the experience click here

Note: We recoment to you do click in “Editor” end select “Free nav”.