feat: cursor-steered headlights light the hero name, plates and world

src/scene/world/terrain.ts

@@ -1,4 +1,5 @@
 import * as THREE from 'three';
+import { BEAM_PARS, beamUniforms } from './headlights';
 import type { EnvironmentChapter } from '@/journey/types';
 import type { RenderQualitySettings } from '@/scene/render-quality';
 import type { SceneResourceBag } from '@/scene/resources';
@@ -235,7 +236,7 @@ export function createTerrain(
   const groundMaterial = resources.own(
     'material',
     new THREE.ShaderMaterial({
-      uniforms,
+      uniforms: { ...uniforms, ...beamUniforms },
       vertexShader: material.vertexShader.replace(
         'displaced.y += height + 0.028;',
         'displaced.y += height - 0.12;',
@@ -249,11 +250,15 @@ export function createTerrain(
       varying float vDepthFade;
       varying vec3 vTerrainPosition;
       varying vec3 vGridColor;
+      ${BEAM_PARS}
       void main() {
         vec3 normal = normalize(cross(dFdx(vTerrainPosition), dFdy(vTerrainPosition)));
         float light = abs(dot(normal, normalize(vec3(-0.5, 0.8, -0.3))));
         vec3 color = mix(vec3(0.012, 0.003, 0.024), vGridColor * (0.065 + uSurge * 0.016), light);
         color += uHighColor * pow(vHeight, 2.0) * light * 0.06;
+        // HIGH BEAM: the ridges beside the road catch the headlights.
+        float beam = headlightBeam(vTerrainPosition);
+        color += vec3(1.0, 0.84, 0.66) * beam * (0.3 + 0.7 * abs(dot(normal, normalize(uBeamOrigin - vTerrainPosition)))) * 0.28;
         color = mix(uFogColor * 0.55, color, vDepthFade);
         gl_FragColor = vec4(color, 1.0);
         #include <tonemapping_fragment>