`2b9ade3`

continue to improve boot house

Authored by mfwolffe <wolffemf@dukes.jmu.edu> 3 months ago

SHA: 2b9ade3373fa1f7cd301a0a594ae808b9655a721
Parents: 6184c04
Tree: 1a8680b

1 changed file

Status	File	+	-
M	`src/renderers/three/buildings.js`	191	166

src/renderers/three/buildings.jsmodified

    // Sprite body colors
    const spriteColors = [0xff6b9d, 0x9b59b6, 0x3498db, 0x2ecc71]
--  // === BOOT STRUCTURE (Continuous realistic boot shape) ===
++  // === BOOT STRUCTURE (Extruded 2D profile for smooth continuous shape) ===
--
++
--  // The boot is built as overlapping shapes with the same material
++  // Create a boot profile as a 2D shape, then extrude it
--  // to create a seamless, continuous appearance
++  // This creates ONE continuous mesh that looks like a real boot
--
++
--  // --- SOLE (follows the boot footprint) ---
++  const bootShape = new THREE.Shape()
--  // Main sole - elongated with rounded ends
++
--  const soleLength = 1.1
++  // Boot profile (side view, starting from heel bottom, going clockwise)
--  const soleWidth = 0.5
++  // Scale: roughly 1 unit tall, 1.2 units long
--  const soleHeight = 0.1
++
--
++  // Start at heel bottom
--  // Sole base
++  bootShape.moveTo(0.45, 0)
--  const soleBaseGeom = new THREE.BoxGeometry(soleLength - 0.3, soleHeight, soleWidth - 0.1)
++
--  const soleBase = new THREE.Mesh(soleBaseGeom, soleMaterial)
++  // Sole - flat bottom with slight curve at toe
--  soleBase.position.set(0, soleHeight / 2, 0)
++  bootShape.lineTo(-0.35, 0)
--  group.add(soleBase)
++
--
++  // Toe curves up
--  // Sole toe cap (rounded front)
++  bootShape.quadraticCurveTo(-0.55, 0, -0.55, 0.15)
--  const soleToeGeom = new THREE.CylinderGeometry(soleWidth / 2 - 0.05, soleWidth / 2 - 0.05, soleHeight, 12)
++  bootShape.quadraticCurveTo(-0.55, 0.35, -0.4, 0.4)
--  soleToeGeom.rotateX(Math.PI / 2)
++
--  const soleToe = new THREE.Mesh(soleToeGeom, soleMaterial)
++  // Vamp/instep - curves up toward ankle
--  soleToe.position.set(-soleLength / 2 + 0.15, soleHeight / 2, 0)
++  bootShape.quadraticCurveTo(-0.15, 0.45, 0.05, 0.55)
--  group.add(soleToe)
++
--
++  // Front of ankle/shaft - rises up
--  // Sole heel cap (rounded back)
++  bootShape.quadraticCurveTo(0.15, 0.65, 0.15, 0.95)
--  const soleHeelGeom = new THREE.CylinderGeometry(soleWidth / 2 - 0.05, soleWidth / 2 - 0.05, soleHeight * 1.3, 12)
++
--  soleHeelGeom.rotateX(Math.PI / 2)
++  // Top opening - slight outward flare
--  const soleHeel = new THREE.Mesh(soleHeelGeom, soleMaterial)
++  bootShape.quadraticCurveTo(0.15, 1.05, 0.22, 1.08)
--  soleHeel.position.set(soleLength / 2 - 0.2, soleHeight * 0.65, 0)
++
--  group.add(soleHeel)
++  // Across the top opening
--
++  bootShape.lineTo(0.42, 1.08)
--  // --- FOOT PORTION (continuous with ankle) ---
++
--
++  // Back of shaft curves down
--  // Lower foot - the part that sits on the sole
++  bootShape.quadraticCurveTo(0.5, 1.05, 0.5, 0.95)
--  // Uses a squashed capsule shape tilted up at the toe
++  bootShape.quadraticCurveTo(0.5, 0.5, 0.48, 0.25)
--  const footBaseGeom = new THREE.CapsuleGeometry(0.22, 0.5, 8, 12)
++
--  footBaseGeom.rotateZ(Math.PI / 2) // Lay it horizontal
++  // Heel curves to bottom
--  footBaseGeom.scale(1, 0.75, 1) // Flatten slightly
++  bootShape.quadraticCurveTo(0.48, 0.08, 0.45, 0)
--  const footBase = new THREE.Mesh(footBaseGeom, leatherMaterial)
++
--  footBase.position.set(-0.1, 0.28, 0)
++  // Extrude settings - depth gives the boot width, bevel rounds edges
--  footBase.rotation.z = -0.15 // Tilt toe up slightly
++  const extrudeSettings = {
--  group.add(footBase)
++    steps: 1,
--
++    depth: 0.45,
--  // Toe box - rounded front that curves upward
++    bevelEnabled: true,
--  const toeBoxGeom = new THREE.SphereGeometry(0.28, 12, 10)
++    bevelThickness: 0.08,
--  toeBoxGeom.scale(0.9, 0.85, 1.0)
++    bevelSize: 0.06,
--  const toeBox = new THREE.Mesh(toeBoxGeom, leatherMaterial)
++    bevelOffset: 0,
--  toeBox.position.set(-0.48, 0.26, 0)
++    bevelSegments: 4
--  group.add(toeBox)
++  }
--
++
--  // --- ANKLE/SHAFT (rises from heel, connects to foot) ---
++  const bootGeometry = new THREE.ExtrudeGeometry(bootShape, extrudeSettings)
--
++
--  // Ankle transition - connects foot to shaft smoothly
++  // Center the boot (extrude goes in +Z, so offset by half depth)
--  const ankleTransitionGeom = new THREE.SphereGeometry(0.34, 12, 10)
++  bootGeometry.translate(0, 0, -0.225)
--  ankleTransitionGeom.scale(1.0, 0.8, 1.0)
++
--  const ankleTransition = new THREE.Mesh(ankleTransitionGeom, leatherMaterial)
++  const bootMesh = new THREE.Mesh(bootGeometry, leatherMaterial)
--  ankleTransition.position.set(0.25, 0.35, 0)
++  group.add(bootMesh)
--  group.add(ankleTransition)
++
--
++  // === SOLE (darker strip along bottom) ===
--  // Main shaft (ankle part) - tapers slightly upward
++  const soleShape = new THREE.Shape()
--  const shaftGeom = new THREE.CylinderGeometry(0.28, 0.34, 0.75, 14)
++  soleShape.moveTo(0.45, 0)
--  const shaft = new THREE.Mesh(shaftGeom, leatherMaterial)
++  soleShape.lineTo(-0.35, 0)
--  shaft.position.set(0.25, 0.72, 0)
++  soleShape.quadraticCurveTo(-0.55, 0, -0.55, 0.08)
--  group.add(shaft)
++  soleShape.lineTo(-0.5, 0.1)
--
++  soleShape.lineTo(0.45, 0.1)
--  // Shaft top rim
++  soleShape.quadraticCurveTo(0.48, 0.08, 0.48, 0.05)
--  const shaftTopGeom = new THREE.TorusGeometry(0.30, 0.04, 8, 20)
++  soleShape.lineTo(0.45, 0)
--  const shaftTop = new THREE.Mesh(shaftTopGeom, leatherMaterial)
++
--  shaftTop.position.set(0.25, 1.1, 0)
++  const soleExtrudeSettings = {
--  shaftTop.rotation.x = Math.PI / 2
++    steps: 1,
--  group.add(shaftTop)
++    depth: 0.48,
--
++    bevelEnabled: true,
--  // --- INSTEP/VAMP (connects toe to ankle on top) ---
++    bevelThickness: 0.03,
--
++    bevelSize: 0.02,
--  // This fills the gap between toe and shaft on top of the foot
++    bevelSegments: 2
--  const vampGeom = new THREE.CapsuleGeometry(0.18, 0.35, 6, 10)
++  }
--  vampGeom.rotateZ(Math.PI / 2)
++
--  vampGeom.scale(1, 0.7, 0.9)
++  const soleGeometry = new THREE.ExtrudeGeometry(soleShape, soleExtrudeSettings)
--  const vamp = new THREE.Mesh(vampGeom, leatherMaterial)
++  soleGeometry.translate(0, 0, -0.24)
--  vamp.position.set(-0.08, 0.38, 0)
++  const soleMesh = new THREE.Mesh(soleGeometry, soleMaterial)
--  vamp.rotation.z = -0.4 // Angle down toward toe
++  group.add(soleMesh)
--  group.add(vamp)
++
--
++  // === HEEL TAB (back loop) ===
--  // --- HEEL COUNTER (back of heel, reinforcement) ---
++  const heelTabGeom = new THREE.BoxGeometry(0.08, 0.12, 0.25)
--  const heelCounterGeom = new THREE.CylinderGeometry(0.26, 0.3, 0.25, 14, 1, false, -Math.PI * 0.6, Math.PI * 1.2)
++  const heelTab = new THREE.Mesh(heelTabGeom, darkLeatherMaterial)
--  const heelCounter = new THREE.Mesh(heelCounterGeom, darkLeatherMaterial)
++  heelTab.position.set(0.48, 1.0, 0)
--  heelCounter.position.set(0.35, 0.22, 0)
++  group.add(heelTab)
--  group.add(heelCounter)
++
--
++  // Heel tab loop
--  // --- TONGUE ---
++  const heelLoopGeom = new THREE.TorusGeometry(0.04, 0.015, 6, 12, Math.PI)
--  const tongueGeom = new THREE.CapsuleGeometry(0.08, 0.25, 4, 8)
++  const heelLoop = new THREE.Mesh(heelLoopGeom, darkLeatherMaterial)
--  const tongue = new THREE.Mesh(tongueGeom, laceMaterial)
++  heelLoop.position.set(0.52, 1.04, 0)
--  tongue.position.set(0.0, 0.55, 0.26)
++  heelLoop.rotation.z = -Math.PI / 2
--  tongue.rotation.x = 0.35
++  group.add(heelLoop)
--  tongue.rotation.z = -0.1
++
++  // === TONGUE ===
++  const tongueShape = new THREE.Shape()
++  tongueShape.moveTo(-0.06, 0)
++  tongueShape.lineTo(-0.07, 0.25)
++  tongueShape.quadraticCurveTo(-0.07, 0.35, 0, 0.38)
++  tongueShape.quadraticCurveTo(0.07, 0.35, 0.07, 0.25)
++  tongueShape.lineTo(0.06, 0)
++  tongueShape.lineTo(-0.06, 0)
++
++  const tongueExtrudeSettings = {
++    steps: 1,
++    depth: 0.04,
++    bevelEnabled: true,
++    bevelThickness: 0.015,
++    bevelSize: 0.01,
++    bevelSegments: 2
++  }
++
++  const tongueGeometry = new THREE.ExtrudeGeometry(tongueShape, tongueExtrudeSettings)
++  tongueGeometry.translate(0, 0, -0.02)
++  const tongue = new THREE.Mesh(tongueGeometry, laceMaterial)
++  tongue.position.set(0.0, 0.55, 0.18)
++  tongue.rotation.x = 0.3
    group.add(tongue)
--  // --- LACING DETAILS ---
++  // === LACING ===
    const laceCordMaterial = new THREE.MeshToonMaterial({
      color: 0xf5deb3,
      gradientMap
    })
--  // Lace eyelets (holes)
++  // Lace eyelets
--  const eyeletGeom = new THREE.TorusGeometry(0.025, 0.008, 6, 12)
++  const eyeletGeom = new THREE.TorusGeometry(0.02, 0.006, 6, 10)
    for (let i = 0; i < 4; i++) {
--    const y = 0.42 + i * 0.12
++    const y = 0.58 + i * 0.1
--    const z = 0.28 - i * 0.02
++    const x = 0.08 - i * 0.015
      const eyeletL = new THREE.Mesh(eyeletGeom, darkLeatherMaterial)
--    eyeletL.position.set(-0.06, y, z)
++    eyeletL.position.set(x - 0.07, y, 0.2)
      eyeletL.rotation.x = Math.PI / 2 - 0.3
      group.add(eyeletL)
      const eyeletR = new THREE.Mesh(eyeletGeom, darkLeatherMaterial)
--    eyeletR.position.set(0.08, y, z)
++    eyeletR.position.set(x + 0.07, y, 0.2)
      eyeletR.rotation.x = Math.PI / 2 - 0.3
      group.add(eyeletR)
+   }
--  // Cross-laces
++  // Cross laces
--  for (let i = 0; i < 3; i++) {
++  for (let i = 0; i < 4; i++) {
--    const y = 0.48 + i * 0.12
++    const y = 0.58 + i * 0.1
--    const z = 0.30 - i * 0.02
++    const x = 0.08 - i * 0.015
--    const cordGeom = new THREE.CylinderGeometry(0.008, 0.008, 0.16, 4)
++    const cordGeom = new THREE.CylinderGeometry(0.006, 0.006, 0.14, 4)
      const cord = new THREE.Mesh(cordGeom, laceCordMaterial)
--    cord.position.set(0.01, y, z)
++    cord.position.set(x, y, 0.21)
      cord.rotation.z = Math.PI / 2
--    cord.rotation.y = 0.3
      group.add(cord)
+   }
--  // Bow at top of lacing
++  // Bow loops
--  const bowLoopGeom = new THREE.TorusGeometry(0.04, 0.012, 6, 12, Math.PI)
++  const bowLoopGeom = new THREE.TorusGeometry(0.035, 0.01, 6, 10, Math.PI)
    const bowL = new THREE.Mesh(bowLoopGeom, laceCordMaterial)
--  bowL.position.set(-0.04, 0.82, 0.24)
++  bowL.position.set(-0.03, 0.95, 0.19)
    bowL.rotation.y = Math.PI / 2
--  bowL.rotation.x = 0.5
++  bowL.rotation.x = 0.4
    group.add(bowL)
    const bowR = new THREE.Mesh(bowLoopGeom, laceCordMaterial)
--  bowR.position.set(0.06, 0.82, 0.24)
++  bowR.position.set(0.08, 0.95, 0.19)
    bowR.rotation.y = -Math.PI / 2
--  bowR.rotation.x = 0.5
++  bowR.rotation.x = 0.4
    group.add(bowR)
    // Bow tails
--  const tailGeom = new THREE.CylinderGeometry(0.01, 0.006, 0.12, 4)
++  const tailGeom = new THREE.CylinderGeometry(0.008, 0.005, 0.1, 4)
    const tailL = new THREE.Mesh(tailGeom, laceCordMaterial)
--  tailL.position.set(-0.06, 0.76, 0.26)
++  tailL.position.set(-0.04, 0.9, 0.2)
--  tailL.rotation.z = 0.4
++  tailL.rotation.z = 0.5
--  tailL.rotation.x = 0.3
    group.add(tailL)
    const tailR = new THREE.Mesh(tailGeom, laceCordMaterial)
--  tailR.position.set(0.08, 0.76, 0.26)
++  tailR.position.set(0.09, 0.9, 0.2)
--  tailR.rotation.z = -0.4
++  tailR.rotation.z = -0.5
--  tailR.rotation.x = 0.3
    group.add(tailR)
    // === WINDOWS ===
--  // Round window on toe
++  // Round window on toe (front of boot)
--  const toeWindowGeom = new THREE.CircleGeometry(0.07, 12)
++  const toeWindowGeom = new THREE.CircleGeometry(0.06, 12)
    const toeWindow = new THREE.Mesh(toeWindowGeom, windowMaterial)
--  toeWindow.position.set(-0.72, 0.28, 0)
++  toeWindow.position.set(-0.48, 0.25, 0)
    toeWindow.rotation.y = -Math.PI / 2
    group.add(toeWindow)
--  // Window frame
++  const toeFrameGeom = new THREE.TorusGeometry(0.06, 0.01, 4, 14)
--  const toeFrameGeom = new THREE.TorusGeometry(0.07, 0.012, 4, 16)
    const toeFrame = new THREE.Mesh(toeFrameGeom, darkLeatherMaterial)
--  toeFrame.position.set(-0.71, 0.28, 0)
++  toeFrame.position.set(-0.47, 0.25, 0)
    toeFrame.rotation.y = -Math.PI / 2
    group.add(toeFrame)
--  // Windows on shaft (2 on sides)
++  // Side windows on the shaft
--  for (let i = 0; i < 2; i++) {
++  const sideWindowGeom = new THREE.CircleGeometry(0.05, 10)
--    const angle = (i === 0) ? Math.PI * 0.65 : -Math.PI * 0.65
++  const sideFrameGeom = new THREE.TorusGeometry(0.05, 0.008, 4, 12)
--    const wx = 0.25 + Math.sin(angle) * 0.29
++
--    const wz = Math.cos(angle) * 0.29
++  // Left side window
--
++  const windowL = new THREE.Mesh(sideWindowGeom, windowMaterial)
--    const shaftWindowGeom = new THREE.CircleGeometry(0.06, 10)
++  windowL.position.set(0.3, 0.75, -0.2)
--    const shaftWindow = new THREE.Mesh(shaftWindowGeom, windowMaterial)
++  windowL.rotation.y = Math.PI / 2
--    shaftWindow.position.set(wx, 0.7, wz)
++  group.add(windowL)
--    shaftWindow.rotation.y = angle + Math.PI
++
--    group.add(shaftWindow)
++  const frameL = new THREE.Mesh(sideFrameGeom, darkLeatherMaterial)
--
++  frameL.position.set(0.29, 0.75, -0.2)
--    // Frame
++  frameL.rotation.y = Math.PI / 2
--    const frameGeom = new THREE.TorusGeometry(0.06, 0.01, 4, 12)
++  group.add(frameL)
--    const frame = new THREE.Mesh(frameGeom, darkLeatherMaterial)
++
--    frame.position.set(wx, 0.7, wz)
++  // Right side window
--    frame.rotation.y = angle + Math.PI
++  const windowR = new THREE.Mesh(sideWindowGeom, windowMaterial)
--    group.add(frame)
++  windowR.position.set(0.3, 0.75, 0.2)
--  }
++  windowR.rotation.y = -Math.PI / 2
++  group.add(windowR)
++
++  const frameR = new THREE.Mesh(sideFrameGeom, darkLeatherMaterial)
++  frameR.position.set(0.29, 0.75, 0.2)
++  frameR.rotation.y = -Math.PI / 2
++  group.add(frameR)
    // === BENDY CHIMNEY ===
+   }
    chimneyGroup.add(smokeGroup)
--  chimneyGroup.position.set(0.15, 1.1, -0.12)
++  chimneyGroup.position.set(0.35, 1.08, 0)
    group.add(chimneyGroup)
    // === DOOR ===
    const doorGroup = new THREE.Group()
--  // Arched door on the side of the toe/vamp area
++  // Arched door on the toe area
--  const doorGeom = new THREE.BoxGeometry(0.12, 0.22, 0.03)
++  const doorGeom = new THREE.BoxGeometry(0.1, 0.18, 0.03)
    const door = new THREE.Mesh(doorGeom, darkLeatherMaterial)
--  door.position.y = 0.11
++  door.position.y = 0.09
    doorGroup.add(door)
    // Door arch
--  const doorArchGeom = new THREE.SphereGeometry(0.06, 8, 4, 0, Math.PI * 2, 0, Math.PI / 2)
++  const doorArchGeom = new THREE.SphereGeometry(0.05, 8, 4, 0, Math.PI * 2, 0, Math.PI / 2)
    const doorArch = new THREE.Mesh(doorArchGeom, darkLeatherMaterial)
--  doorArch.position.y = 0.22
++  doorArch.position.y = 0.18
    doorArch.rotation.x = Math.PI
    doorGroup.add(doorArch)
    // Door knob
--  const knobGeom = new THREE.SphereGeometry(0.015, 6, 4)
++  const knobGeom = new THREE.SphereGeometry(0.012, 6, 4)
    const knobMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })
    const knob = new THREE.Mesh(knobGeom, knobMat)
--  knob.position.set(0.04, 0.1, 0.02)
++  knob.position.set(0.03, 0.08, 0.02)
    doorGroup.add(knob)
--  // Position door on the front-side of the boot
++  // Position door on the side of the toe
--  doorGroup.position.set(-0.32, 0.1, 0.22)
++  doorGroup.position.set(-0.4, 0.1, 0.18)
--  doorGroup.rotation.y = -0.4
++  doorGroup.rotation.y = -0.6
    group.add(doorGroup)
    // === YARD WITH TALL GRASS PATCHES ===
    // Create grass patches around the boot
    const grassPositions = [
--    { x: -0.8, z: 0.35, count: 8 },
++    { x: -0.7, z: 0.4, count: 8 },
--    { x: -0.75, z: -0.35, count: 6 },
++    { x: -0.7, z: -0.4, count: 6 },
--    { x: 0.7, z: 0.4, count: 7 },
++    { x: 0.65, z: 0.4, count: 7 },
--    { x: 0.75, z: -0.35, count: 5 },
++    { x: 0.65, z: -0.4, count: 5 },
--    { x: 0.0, z: -0.55, count: 6 },
++    { x: -0.1, z: -0.55, count: 6 },
--    { x: 0.0, z: 0.55, count: 5 }
++    { x: -0.1, z: 0.55, count: 5 }
+   ]
    for (const patch of grassPositions) {
      sprite.add(pupilR)
      // Animation data
--    sprite.userData.orbitRadius = 0.6 + Math.random() * 0.25
++    sprite.userData.orbitRadius = 0.55 + Math.random() * 0.2
      sprite.userData.orbitSpeed = 0.8 + Math.random() * 0.6
      sprite.userData.orbitPhase = (i / 4) * Math.PI * 2
      sprite.userData.bobPhase = Math.random() * Math.PI * 2
--    sprite.userData.orbitCenterX = 0.0 // Center of boot footprint
++    sprite.userData.orbitCenterX = -0.05 // Center of boot footprint
      sprite.userData.orbitCenterZ = 0
      // Initial position