Shader Lab was created as part of a tutored project supervised by Venceslas Biri during our second year of engineering school IMAC (Image Multimedia Audiovisual Communication). The website allows the user to experiment different illumination models through raymarching in an educational purpose. Shader Lab aim to give the user the opportunity to code its own shader.
In this project, we use Three.js for rendering our scene in a canva and for the camera but all of the scene is made from scratch as it was not possible to do it with Three.js.
As we wanted to use raymarching, we made it from scratch using SDF's for our objects and webGL for our shaders.
We also used Webpack as development environment and Saas for the design implementation.
We mainly worked with POO to make it easy to implements new illumination models later. Finnaly, as we had only 3weeks to develop it we were doing sprint of 3 or 4 days to always be sure not to working on the bad direction.
I mainly worked on the illumination models implementation in order to give some examples for the users.
you can test it there : shaderlab
And find the source code here