beepy0 / web_3d_shaders

Various shaders for 3D web objects using THREE-js and JavaScript

Browser_3D_Shaders

A 3D browser environment that simulates a few different shading techniques. Demo link

• Uses THREE.js to render 3D environments
• Written in JavaScript

How to use

• Use the Demo Link or import into an IDE and load into the browser locally
• Switch shaders from the dropdown menu
• Magnitude corresponds to the strength of the shader
• lightX/Y/Z will move the light source in the X/Y/Z dimension
• It is a full 3D environment, you can zoom-in/-out (scroll-wheel), rotate the view (left mouse button), or pan the view (right mouse button)

Notes

• THREE.js is a JavaScript 3D-rendering library, so the entirety of the implementation can be found in index.html and the corresponding javascript code under js/
• This is one of my earlier projects, before I read anything on Clean Code.