feat: water shader with Fresnel, caustics & light shafts (#3)

src/main.ts

@@ -1,5 +1,6 @@
 import * as THREE from "three";
 import { createTank } from "./scene/Tank";
+import { createWater } from "./scene/Water";
 import { setupLighting } from "./scene/Lighting";
 
 const canvas = document.querySelector<HTMLCanvasElement>("#aquarium");
@@ -28,6 +29,7 @@ camera.lookAt(0, 1.2, 0);
 // Scene content
 setupLighting(scene, renderer);
 createTank(scene);
+const water = createWater(scene);
 
 // Resize handling
 function resize(): void {
@@ -42,8 +44,11 @@ resize();
 window.addEventListener("resize", resize);
 
 // Render loop
+const startTime = performance.now();
 function animate(): void {
   requestAnimationFrame(animate);
+  const time = (performance.now() - startTime) / 1000;
+  water.update(time);
   renderer.render(scene, camera);
 }
 animate();