This is the submission of the Graphics Shader Assignment for Snaptrude.

1. Clone the repo and run

   npm install local-web-server

   This installs a simple web server to run the application.
2. Now, run npx ws to run the server and use the url address then displayed in your browser to open index.html.
3. All the tasks will been rendered on index.html

• Task 1: Create a scene with meshes using the mesh builder and load a custom obj (bunny model) mesh into the scene. (See createScene() in main.js)

• Task 2:
  - Return a mesh object when the mouse hovers over it. (See outlineMeshOnHover() in helpers.js).
  - Outline a mesh on hover, using a shader. (See outlineMeshOnHover() in helpers.js).
  Demo: outline.webm

• Addtional task: Create a UI to set the oulline width and color (See createUI() helpers.js)
  Demo: ui.webm

The outlining has bene done using post processing with multiple passes. A silhoutte buffer is created to render all selected meshes to a specific color (something like a mask). Another blurred buffer is created to expand the silhoutte and then finally the blurred silhoutte is merged with the original textures to form the outline. References:

1. https://ameye.dev/notes/rendering-outlines/
2. https://gamedev.stackexchange.com/questions/68401/how-can-i-draw-outlines-around-3d-models
3. And obvioulsy, the Babylon.js documentation and community forum.