fix: sky and compression

Author: dudewheresmycode

src/fuse/CourseScene.jsx

@@ -292,7 +292,7 @@ export default function CourseScene({
     raycasterRef.current.setFromCamera(pointerRef.current, cameraRef.current);
     const meshes = surfacesRef.current.map(s => s.mesh);
     const hits = raycasterRef.current.intersectObjects(meshes, false);
-
+    console.log(hits);
     const layer = hits.length > 0 ? project._meshes.find(l => l.id === hits[0].object.name) : null;
     if (onSelect) onSelect(layer);
   }, [project._meshes]);
@@ -324,11 +324,12 @@ export default function CourseScene({
     }
   }, [project._meshes]);
 
+
   useEffect(() => {
     const ctx = sceneRef.current;
-    if (!ctx || !skySettings) return;
+    if (!ctx || !rendererReady || !skySettings) return;
     const { scene, camera } = ctx;
-
+    console.log("SKY SETTINGS CHANGED");
     // Update background
     scene.background = new THREE.Color(skySettings.clouds.skyColor);
 
@@ -337,16 +338,17 @@ export default function CourseScene({
       scene.remove(cloudsRef.current.object);
     }
 
-    // const clouds = new VolumetricClouds(camera, {
-    //   radius: 800,
-    //   skyColor: new THREE.Color(skySettings.clouds.skyColor),
-    //   cloudColor: new THREE.Color(skySettings.clouds.cloudColor),
-    //   density: skySettings.clouds.density,
-    //   scale: 4,
-    // });
-    // scene.add(clouds.object);
-    // cloudsRef.current = clouds;
-  }, [skySettings]);
+    const clouds = new VolumetricClouds(camera, {
+      radius: 800,
+      skyColor: new THREE.Color(skySettings.clouds.skyColor),
+      cloudColor: new THREE.Color(skySettings.clouds.cloudColor),
+      fogColor: new THREE.Color(skySettings.clouds.fogColor),
+      density: skySettings.clouds.density,
+      scale: 4,
+    });
+    scene.add(clouds.object);
+    cloudsRef.current = clouds;
+  }, [skySettings, rendererReady]);
 
   useEffect(() => {
     const container = containerRef.current;
@@ -635,6 +637,8 @@ export default function CourseScene({
           const neighborMesh = new THREE.Mesh(new THREE.BufferGeometry(), neighborMaterial);
           neighborMesh.userData.tileSize = TEXTURE_MAP[neighborSurface]?.tileSize || 2.0;
 
+          mesh.receiveShadow = true;
+
           // SandMaterial reads from both meshes and replaces the material
           new SandMaterial(
             mesh,
@@ -690,7 +694,7 @@ export default function CourseScene({
          mesh.name = layer.id;
          mesh.visible = layer.visible !== false;
          mesh.receiveShadow = true;
-
+         console.log(`Add base texture ${layer.surface}`, layer.id);
          scene.add(mesh);
          surfacesRef.current.push({ mesh, geometry, material });
        }

src/lib/project.js

@@ -778,11 +778,13 @@ export async function updateHoleByNumber(holeNumber, update) {
 }
 
 export async function updateScene(update) {
-  const updatedScene = _.merge({ ...openProject.scene }, update);
-  const changed = !_.isEqual(updatedScene, openProject.scene);
+  // const updatedScene = _.merge({ ...openProject.scene }, update);
+  const changed = !_.isEqual(update, openProject.scene);
+  console.log('updateScene', update, openProject.scene);
+  console.log('changed', changed);
   if (changed) {
     console.log('Project scene changed!');
-    openProject.scene = updatedScene;
+    openProject.scene = update;
     await saveProjectSettings();
   // } else {
     // console.log('Project scene NOT changed!');

src/lib/settings.js

@@ -188,8 +188,21 @@ export const defaultSettings = {
     // blend: 0,
     // blending: { ...defaultBlend },
     blend: 0.5,
-    blending: { ...defaultBlend },
-    // blending: { enabled: true, distance: 2, spacing: 0.5 },
+    // blending: { ...defaultBlend },
+    blending: {
+      enabled: true,
+      distance: 2.0,       // narrow blend zone
+      noiseFreq: 0.8,      // gentle undulation
+      noiseAmp: 0.8,      // subtle edge wander
+      lipDarken: 0.0,
+      dirtTint: '#5a4a32',
+      dirtWidth: 0.0,
+      dirtStrength: 0.0,
+      sandNoiseFreq: 0.15,          // scale of sand color variation
+      sandVariationStrength: 0.3,    // how much dark patches show (0-1)
+      sandLowDarken: 0.25,           // how much lower spots darken (0-1)
+      sandBaseHeight: 0,             // reference height — set to bunker floor Y
+    },
     dig: { ...defaultDig }
   }
 }

src/lib/textures.js

@@ -3,7 +3,7 @@
 // Texture paths are URIs relative to the output .gltf file.
 export const TEXTURE_MAP = {
   fairway: {
-    tileSize: 2.0,
+    tileSize: 3.5,
     baseColor: 'gen_fairway_tex.png',
     normal:    'gen_fairway_map.png',
     normalScale: [0.2, 0.5],
@@ -14,7 +14,7 @@ export const TEXTURE_MAP = {
     // tint: 'hsl(21, 42%, 84%)',
   },
   first_cut: {
-    tileSize: 2.0,
+    tileSize: 3.5,
     baseColor: 'gen_fairway_tex.png',
     normal:    'gen_fairway_map.png',
     // tint: 'rgb(240, 233, 204)',
@@ -24,7 +24,7 @@ export const TEXTURE_MAP = {
     tint: 'hsl(20, 50%, 80%)',
   },
   green: {
-    tileSize: 3.0,
+    tileSize: 3.2,
     baseColor: 'gen_green_tex.png',
     normal:    'gen_green_map.png',
     normalScale: [0.2, 0.3],
@@ -41,7 +41,7 @@ export const TEXTURE_MAP = {
     roughnessFactor: 0.95,
   },
   tee: {
-    tileSize: 1.0,
+    tileSize: 3.0,
     baseColor: 'gen_fairway_tex.png',
     normal:    'gen_fairway_map.png',
     normalScale: [0.8, 1],
@@ -81,24 +81,25 @@ export const TEXTURE_MAP = {
     tint: 'rgb(214, 197, 163)',
   },
   water: {
-    tileSize: 1.5,
+    tileSize: 2.5,
     baseColor: 'ground_color.png',
     normal:    'ground_normal_gl.png',
     roughnessFactor: 0.8,
     tint: 'hsl(68, 27%, 63%)',
   },
   river: {
-    tileSize: 1.5,
+    tileSize: 2.5,
     baseColor: 'ground_color.png',
     normal:    'ground_normal_gl.png',
     roughnessFactor: 0.8,
     tint: 'hsl(68, 27%, 63%)',
   },
   pine_straw: {
-    tileSize: 1.5,
+    tileSize: 2.5,
     baseColor: 'pine_straw_map.png',
     normal:    'pine_straw_normal.png',
     roughnessFactor: 1.0,
+    tint: 'hsl(68, 27%, 63%)',
   },
   // Fallback for layers whose surface isn't textured yet — uses layer.color.
   _default: { tileSize: 2.0, roughnessFactor: 0.9 },

src/lib/workers/export.worker.js

@@ -76,7 +76,8 @@ async function encodeTexture(rawImageData, ktx2Options = {}) {
     const resultData = new Uint8Array(1024 * 1024 * 10);
     const resultSize = encoder.encode(resultData);
     if (resultSize === 0) throw new Error('KTX2 encode failed');
-    return new Uint8Array(resultData.buffer, 0, resultSize);
+    // return new Uint8Array(resultData.buffer, 0, resultSize);
+    return resultData.slice(0, resultSize);
   } finally {
     encoder.delete();
   }

src/pages/Course.jsx

@@ -302,7 +302,7 @@ export default function Course() {
       skySettingsInit.current = true;
       return;
     }
-    console.log('skySettings-changed', skySettings);
+    console.log('sky Settings-changed', skySettings);
     updateSceneSettings({ sky: skySettings });
   }, [skySettings]);