Overview

Folder Structure

⚠️ video.mp4 and grenouille.jpg is not uploaded due to the file size limit.

ShaderColorScience
│   README.md
│
└───Ex1
│   │   Ex1.html (source: video.mp4)
│   │   Ex1-VR.html
│   │   Ex1-MR.html
│   │   shader.js
│   │   main.js
│   
└───Ex2
│   │   Ex2.html (source: video.mp4)
│   │   Ex2-img.html (source: grenouille.jpg)
│   │   Ex2-VR.html
│   │   Ex2-MR.html
│   │   shader2.js
│   │   main2.js
│   
└───Ex3
│   │   Ex3.html (source: video.mp4)
│   │   Ex3-img.html (source: grenouille.jpg)
│   │   Ex3-VR.html
│   │   Ex3-MR.html
│   │   shader3.js
│   │   main3.js

Links

• Exercise 1
  • for the laptop: https://solid-maid.surge.sh/Ex1.html
  • for the VR env: https://solid-maid.surge.sh/Ex1-VR.html
  • for the MR env: https://solid-maid.surge.sh/Ex1-MR.html
• Exercise 2
  • for the laptop: https://ajar-toys.surge.sh/Ex2.html
  • for the VR env: https://ajar-toys.surge.sh/Ex2-VR.html
  • for the MR env: https://ajar-toys.surge.sh/Ex2-MR.html
• Exercise 3
  • for the laptop: https://shallow-knot.surge.sh/Ex3.html
  • for the VR env: https://shallow-knot.surge.sh/Ex3-VR.html
  • for the MR env: https://shallow-knot.surge.sh/Ex3-MR.html

Reference

Course Material and Useful Links

• Instruction PDF: https://imlex.couleur.org/courses/Realtime3D-XR-Visualization/PW2-Shaders_and_Color_Sciences.pdf
• VR sandbox: https://github.com/mrdoob/three.js/blob/master/examples/webxr_vr_sandbox.html
• Surge: https://surge.sh/