JavaScript/WebGL demos
Tests built with a couple different WebGL libraries, in order to demonstrate:
- JS coding proficiency - ES2015 syntax (eg. modules, classes, template strings)
- Translation of 3D graphics knowledge (eg. glTF models, shader programming, vector math)
three.js basic scene - A basic scene to set up 3D view sizing, lighting, mouse picking/raycasting, loading a model, and using events for communicating between the WebGL scene and DOM-based HUD.
three.js custom shader - A vertex shader (written in GLSL) that displaces based on time, as well as a fragment shader that colors pixels based on both the amount of displacement and a texture image.
three.js product configurator - Prototype product configurator that uses the browser's DOM for the app's GUI, adjusting the model's appearance based on button clicks.
Babylon.js test - Although three.js was used for all the previous demos, this test was built using Babylon.js to demonstrate ease of picking up new WebGL libraries.