`a3649c6`

scale things somewhat

Authored by

espadonne 4 months ago

SHA: a3649c6c268dba8dae258562e80841c9bc819ae4
Parents: f9ef9de
Tree: 7125fe6

1 changed file

Status	File	+	-
M	`src/renderers/three/pond.js`	72	72

src/renderers/three/pond.jsmodified

    // ============================================
    // DISTANT SCENERY - Mountains and Village
++  // Scaled small like game board pieces!
    // ============================================
--  const sceneDistance = 12 // How far away the scenery is
--
    // Mountain range materials
    const mountainMaterial = new THREE.MeshToonMaterial({
      color: 0x6b8e7a, // Muted green-grey
      gradientMap: gradientMap
    })
--  // Create mountain range (back-left)
++  // Create mountain range (back-left corner)
    const mountains = new THREE.Group()
    // Large back mountain
--  const bigMountainGeom = new THREE.ConeGeometry(3, 5, 6)
++  const bigMountainGeom = new THREE.ConeGeometry(0.8, 1.4, 6)
    const bigMountain = new THREE.Mesh(bigMountainGeom, mountainMaterial)
--  bigMountain.position.set(-sceneDistance, 2, -sceneDistance * 0.8)
++  bigMountain.position.set(-5.5, 0.7, -5)
--  bigMountain.rotation.y = 0.3
    mountains.add(bigMountain)
    // Snow cap for big mountain
--  const snowCapGeom = new THREE.ConeGeometry(1.2, 1.5, 6)
++  const snowCapGeom = new THREE.ConeGeometry(0.35, 0.45, 6)
    const snowCap = new THREE.Mesh(snowCapGeom, mountainSnowMaterial)
--  snowCap.position.set(-sceneDistance, 4.2, -sceneDistance * 0.8)
++  snowCap.position.set(-5.5, 1.35, -5)
--  snowCap.rotation.y = 0.3
    mountains.add(snowCap)
    // Medium mountain
--  const medMountainGeom = new THREE.ConeGeometry(2.2, 3.5, 5)
++  const medMountainGeom = new THREE.ConeGeometry(0.6, 1.0, 5)
    const medMountain = new THREE.Mesh(medMountainGeom, mountainDarkMaterial)
--  medMountain.position.set(-sceneDistance * 0.7, 1.5, -sceneDistance)
++  medMountain.position.set(-4.5, 0.5, -5.8)
--  medMountain.rotation.y = -0.2
    mountains.add(medMountain)
    // Small mountain
--  const smallMountainGeom = new THREE.ConeGeometry(1.8, 2.8, 5)
++  const smallMountainGeom = new THREE.ConeGeometry(0.5, 0.8, 5)
    const smallMountain = new THREE.Mesh(smallMountainGeom, mountainMaterial)
--  smallMountain.position.set(-sceneDistance * 1.1, 1.2, -sceneDistance * 0.5)
++  smallMountain.position.set(-6.2, 0.4, -4.2)
    mountains.add(smallMountain)
--  // Another range on the right side (further back)
++  // Another tiny peak
--  const farMountainGeom = new THREE.ConeGeometry(2.5, 4, 5)
++  const tinyMountainGeom = new THREE.ConeGeometry(0.4, 0.6, 5)
--  const farMountain = new THREE.Mesh(farMountainGeom, mountainDarkMaterial)
++  const tinyMountain = new THREE.Mesh(tinyMountainGeom, mountainDarkMaterial)
--  farMountain.position.set(sceneDistance * 0.5, 1.8, -sceneDistance * 1.2)
++  tinyMountain.position.set(-5, 0.3, -4)
--  mountains.add(farMountain)
++  mountains.add(tinyMountain)
--
--  const farSnowGeom = new THREE.ConeGeometry(0.9, 1.2, 5)
--  const farSnow = new THREE.Mesh(farSnowGeom, mountainSnowMaterial)
--  farSnow.position.set(sceneDistance * 0.5, 3.6, -sceneDistance * 1.2)
--  mountains.add(farSnow)
    group.add(mountains)
    // ============================================
--  // VILLAGE
++  // VILLAGE - tiny game-board scale!
    // ============================================
    const village = new THREE.Group()
--  const villageX = sceneDistance * 0.8
++  const villageX = 5.5
--  const villageZ = -sceneDistance * 0.4
++  const villageZ = -3
    // House materials
    const houseMaterial = new THREE.MeshToonMaterial({
      gradientMap: gradientMap
    })
--  // Helper to create a simple house
++  // Helper to create a tiny house
    function createHouse(x, z, scale, roofMat) {
      const houseGroup = new THREE.Group()
      // House body
--    const bodyGeom = new THREE.BoxGeometry(0.8, 0.6, 0.6)
++    const bodyGeom = new THREE.BoxGeometry(0.3, 0.25, 0.25)
      const body = new THREE.Mesh(bodyGeom, houseMaterial)
--    body.position.y = 0.3
++    body.position.y = 0.125
      houseGroup.add(body)
      // Roof
--    const roofGeom = new THREE.ConeGeometry(0.55, 0.5, 4)
++    const roofGeom = new THREE.ConeGeometry(0.22, 0.2, 4)
      const roof = new THREE.Mesh(roofGeom, roofMat)
--    roof.position.y = 0.75
++    roof.position.y = 0.32
      roof.rotation.y = Math.PI / 4
      houseGroup.add(roof)
--    // Window
++    // Window (tiny dot)
--    const windowGeom = new THREE.PlaneGeometry(0.15, 0.15)
++    const windowGeom = new THREE.PlaneGeometry(0.06, 0.06)
      const windowMesh = new THREE.Mesh(windowGeom, windowMaterial)
--    windowMesh.position.set(0.401, 0.35, 0)
++    windowMesh.position.set(0.151, 0.14, 0)
      houseGroup.add(windowMesh)
      houseGroup.position.set(x, 0, z)
      return houseGroup
+   }
--  // Create village houses
++  // Create village houses - clustered together
--  const house1 = createHouse(villageX, villageZ, 1.2, roofMaterial)
++  const house1 = createHouse(villageX, villageZ, 1.0, roofMaterial)
    village.add(house1)
--  const house2 = createHouse(villageX + 1.5, villageZ + 0.8, 0.9, roofRedMaterial)
++  const house2 = createHouse(villageX + 0.5, villageZ + 0.3, 0.8, roofRedMaterial)
    village.add(house2)
--  const house3 = createHouse(villageX + 0.5, villageZ + 1.5, 1.0, roofMaterial)
++  const house3 = createHouse(villageX + 0.2, villageZ + 0.6, 0.9, roofMaterial)
    village.add(house3)
--  const house4 = createHouse(villageX - 0.8, villageZ + 0.6, 0.8, roofRedMaterial)
++  const house4 = createHouse(villageX - 0.35, villageZ + 0.25, 0.7, roofRedMaterial)
    village.add(house4)
    // Chimney on main house
--  const chimneyGeom = new THREE.BoxGeometry(0.15, 0.4, 0.15)
++  const chimneyGeom = new THREE.BoxGeometry(0.06, 0.15, 0.06)
    const chimney = new THREE.Mesh(chimneyGeom, new THREE.MeshToonMaterial({
      color: 0x8b7355,
      gradientMap: gradientMap
    }))
--  chimney.position.set(villageX + 0.2, 1.1, villageZ + 0.1)
++  chimney.position.set(villageX + 0.08, 0.45, villageZ + 0.04)
    village.add(chimney)
--  // Smoke particles
++  // Smoke particles (tiny puffs)
    const smokeParticles = []
    const smokeMaterial = new THREE.MeshBasicMaterial({
--    color: 0xcccccc,
++    color: 0xdddddd,
      transparent: true,
--    opacity: 0.6
++    opacity: 0.5
    })
    function createSmokeParticle() {
--    const size = 0.1 + Math.random() * 0.1
++    const size = 0.03 + Math.random() * 0.03
--    const smokeGeom = new THREE.SphereGeometry(size, 6, 4)
++    const smokeGeom = new THREE.SphereGeometry(size, 5, 4)
      const smoke = new THREE.Mesh(smokeGeom, smokeMaterial.clone())
      smoke.position.set(
--      villageX + 0.2 + (Math.random() - 0.5) * 0.1,
++      villageX + 0.08 + (Math.random() - 0.5) * 0.03,
--      1.3,
++      0.52,
--      villageZ + 0.1 + (Math.random() - 0.5) * 0.1
++      villageZ + 0.04 + (Math.random() - 0.5) * 0.03
+     )
      village.add(smoke)
      smokeParticles.push({
        mesh: smoke,
        age: 0,
--      maxAge: 3 + Math.random() * 2,
++      maxAge: 2.5 + Math.random() * 1.5,
--      driftX: (Math.random() - 0.5) * 0.3,
++      driftX: (Math.random() - 0.5) * 0.08,
--      driftZ: (Math.random() - 0.5) * 0.3,
++      driftZ: (Math.random() - 0.5) * 0.08,
--      riseSpeed: 0.3 + Math.random() * 0.2
++      riseSpeed: 0.12 + Math.random() * 0.08
      })
+   }
    // Initial smoke
--  for (let i = 0; i < 5; i++) {
++  for (let i = 0; i < 4; i++) {
      createSmokeParticle()
--    smokeParticles[i].age = Math.random() * 2 // Stagger initial ages
++    smokeParticles[i].age = Math.random() * 1.5
+   }
    group.add(village)
--  // Small trees near village
++  // ============================================
++  // TREES - scattered around the edges
++  // ============================================
++
    const treeMaterial = new THREE.MeshToonMaterial({
      color: 0x2d5a3d,
      gradientMap: gradientMap
      gradientMap: gradientMap
    })
--  for (let i = 0; i < 6; i++) {
++  // Tree positions - scattered around the scene edges
++  const treePositions = [
++    { x: 5.2, z: -4.5, scale: 0.35 },
++    { x: 6.2, z: -2.5, scale: 0.4 },
++    { x: 4.8, z: -1.8, scale: 0.3 },
++    { x: -5.8, z: -3.5, scale: 0.35 },
++    { x: -4.8, z: -2.8, scale: 0.28 },
++    { x: -6, z: 2, scale: 0.32 },
++    { x: 5.5, z: 3, scale: 0.38 },
++    { x: -4, z: 4.5, scale: 0.3 },
++  ]
++
++  for (const pos of treePositions) {
      const treeGroup = new THREE.Group()
      // Trunk
--    const trunkGeom = new THREE.CylinderGeometry(0.08, 0.12, 0.5, 6)
++    const trunkGeom = new THREE.CylinderGeometry(0.04, 0.06, 0.25, 5)
      const trunk = new THREE.Mesh(trunkGeom, trunkMaterial)
--    trunk.position.y = 0.25
++    trunk.position.y = 0.125
      treeGroup.add(trunk)
      // Foliage (stacked cones)
--    const foliage1 = new THREE.Mesh(new THREE.ConeGeometry(0.4, 0.6, 6), treeMaterial)
++    const foliage1 = new THREE.Mesh(new THREE.ConeGeometry(0.2, 0.3, 5), treeMaterial)
--    foliage1.position.y = 0.7
++    foliage1.position.y = 0.35
      treeGroup.add(foliage1)
--    const foliage2 = new THREE.Mesh(new THREE.ConeGeometry(0.3, 0.5, 6), treeMaterial)
++    const foliage2 = new THREE.Mesh(new THREE.ConeGeometry(0.15, 0.25, 5), treeMaterial)
--    foliage2.position.y = 1.1
++    foliage2.position.y = 0.55
      treeGroup.add(foliage2)
--    const angle = (i / 6) * Math.PI * 0.8 - 0.4
++    treeGroup.position.set(pos.x, 0, pos.z)
--    const dist = sceneDistance * 0.6 + Math.random() * 2
++    treeGroup.scale.setScalar(pos.scale)
--    treeGroup.position.set(
--      Math.cos(angle) * dist + villageX * 0.3,
--      0,
--      Math.sin(angle) * dist + villageZ * 0.3
--    )
--    treeGroup.scale.setScalar(0.6 + Math.random() * 0.4)
      group.add(treeGroup)
+   }