`adc7b26`

more accessories

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

SHA: adc7b263470c8c731d90c6d4111557870d13df8b
Parents: 5fa8df1
Tree: 64a6979

2 changed files

Status	File	+	-
M	`src/renderers/three/duck.js`	9	0
M	`src/renderers/three/shop/items.js`	434	0

src/renderers/three/duck.jsmodified

      if (state.mode !== 'waiting') {
        head.position.y = 0.7 + Math.sin(elapsed * 2) * 0.02
+     }
++
 +    // Animate head accessories (propeller beanie, etc.)
 +    if (accessories.head) {
 +      accessories.head.traverse((child) => {
 +        if (child.userData.isPropeller) {
 +          child.rotation.y = elapsed * 8  // Fast spin!
 +        }
 +      })
 +    }
+   }
    // Apply an outfit to Doug

src/renderers/three/shop/items.jsmodified

+     }
    },
 +  doug_aviator_goggles: {
 +    id: 'doug_aviator_goggles',
 +    name: 'Aviator Goggles',
 +    character: CHARACTERS.DOUG,
 +    type: OUTFIT_TYPES.ACCESSORY_FACE,
 +    price: 35,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const brassMat = new THREE.MeshToonMaterial({ color: 0xb8860b, gradientMap })
 +      const leatherMat = new THREE.MeshToonMaterial({ color: 0x5c4033, gradientMap })
 +      const lensMat = new THREE.MeshBasicMaterial({ color: 0x4a90d9, transparent: true, opacity: 0.6 })
++
 +      // Large goggle lenses (round, pilot-style)
 +      const lensGeom = new THREE.CircleGeometry(0.1, 10)
 +      const leftLens = new THREE.Mesh(lensGeom, lensMat)
 +      leftLens.position.set(-0.12, 0, 0.02)
 +      group.add(leftLens)
++
 +      const rightLens = new THREE.Mesh(lensGeom, lensMat)
 +      rightLens.position.set(0.12, 0, 0.02)
 +      group.add(rightLens)
++
 +      // Brass frames
 +      const frameGeom = new THREE.TorusGeometry(0.1, 0.015, 6, 16)
 +      const leftFrame = new THREE.Mesh(frameGeom, brassMat)
 +      leftFrame.position.set(-0.12, 0, 0)
 +      group.add(leftFrame)
++
 +      const rightFrame = new THREE.Mesh(frameGeom, brassMat)
 +      rightFrame.position.set(0.12, 0, 0)
 +      group.add(rightFrame)
++
 +      // Brass bridge with rivets
 +      const bridgeGeom = new THREE.BoxGeometry(0.06, 0.025, 0.025)
 +      const bridge = new THREE.Mesh(bridgeGeom, brassMat)
 +      group.add(bridge)
++
 +      // Rivets on bridge
 +      const rivetGeom = new THREE.SphereGeometry(0.008, 4, 4)
 +      const rivet1 = new THREE.Mesh(rivetGeom, brassMat)
 +      rivet1.position.set(-0.02, 0, 0.015)
 +      group.add(rivet1)
++
 +      const rivet2 = new THREE.Mesh(rivetGeom, brassMat)
 +      rivet2.position.set(0.02, 0, 0.015)
 +      group.add(rivet2)
++
 +      // Leather padding around lenses
 +      const padGeom = new THREE.TorusGeometry(0.11, 0.02, 4, 16)
 +      const leftPad = new THREE.Mesh(padGeom, leatherMat)
 +      leftPad.position.set(-0.12, 0, -0.01)
 +      group.add(leftPad)
++
 +      const rightPad = new THREE.Mesh(padGeom, leatherMat)
 +      rightPad.position.set(0.12, 0, -0.01)
 +      group.add(rightPad)
++
 +      // Leather strap connectors
 +      const strapGeom = new THREE.BoxGeometry(0.04, 0.03, 0.015)
 +      const leftStrap = new THREE.Mesh(strapGeom, leatherMat)
 +      leftStrap.position.set(-0.22, 0, 0)
 +      group.add(leftStrap)
++
 +      const rightStrap = new THREE.Mesh(strapGeom, leatherMat)
 +      rightStrap.position.set(0.22, 0, 0)
 +      group.add(rightStrap)
++
 +      return group
 +    }
 +  },
++
 +  doug_propeller_beanie: {
 +    id: 'doug_propeller_beanie',
 +    name: 'Propeller Beanie',
 +    character: CHARACTERS.DOUG,
 +    type: OUTFIT_TYPES.ACCESSORY_HEAD,
 +    price: 30,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const redMat = new THREE.MeshToonMaterial({ color: 0xdd3333, gradientMap })
 +      const yellowMat = new THREE.MeshToonMaterial({ color: 0xffdd00, gradientMap })
 +      const blueMat = new THREE.MeshToonMaterial({ color: 0x3366cc, gradientMap })
++
 +      // Beanie cap base
 +      const capGeom = new THREE.SphereGeometry(0.18, 10, 8, 0, Math.PI * 2, 0, Math.PI / 2)
 +      const cap = new THREE.Mesh(capGeom, redMat)
 +      group.add(cap)
++
 +      // Striped panels (alternating colors)
 +      for (let i = 0; i < 6; i++) {
 +        const panelGeom = new THREE.SphereGeometry(0.182, 2, 8,
 +          i * Math.PI / 3, Math.PI / 3, 0, Math.PI / 2)
 +        const material = i % 2 === 0 ? yellowMat : blueMat
 +        const panel = new THREE.Mesh(panelGeom, material)
 +        group.add(panel)
 +      }
++
 +      // Brim
 +      const brimGeom = new THREE.TorusGeometry(0.18, 0.02, 4, 16)
 +      const brim = new THREE.Mesh(brimGeom, redMat)
 +      brim.rotation.x = Math.PI / 2
 +      brim.position.y = 0
 +      group.add(brim)
++
 +      // Button on top
 +      const buttonGeom = new THREE.CylinderGeometry(0.03, 0.03, 0.02, 8)
 +      const button = new THREE.Mesh(buttonGeom, yellowMat)
 +      button.position.y = 0.17
 +      group.add(button)
++
 +      // Propeller mount
 +      const mountGeom = new THREE.CylinderGeometry(0.015, 0.02, 0.04, 6)
 +      const mount = new THREE.Mesh(mountGeom, blueMat)
 +      mount.position.y = 0.19
 +      group.add(mount)
++
 +      // Propeller blades (will spin in animation)
 +      const propGroup = new THREE.Group()
 +      propGroup.userData.isPropeller = true
 +      propGroup.position.y = 0.22
++
 +      const bladeGeom = new THREE.BoxGeometry(0.15, 0.01, 0.03)
 +      const blade1 = new THREE.Mesh(bladeGeom, redMat)
 +      blade1.rotation.z = 0.1
 +      propGroup.add(blade1)
++
 +      const blade2 = new THREE.Mesh(bladeGeom, yellowMat)
 +      blade2.rotation.y = Math.PI / 2
 +      blade2.rotation.z = -0.1
 +      propGroup.add(blade2)
++
 +      // Center hub
 +      const hubGeom = new THREE.SphereGeometry(0.02, 6, 4)
 +      const hub = new THREE.Mesh(hubGeom, blueMat)
 +      propGroup.add(hub)
++
 +      group.add(propGroup)
++
 +      return group
 +    }
 +  },
++
    // === DOUG CLOTHING - Actual rendered garments ===
    // Simple tier - basic clothing
+     }
    },
 +  donny_bicorn: {
 +    id: 'donny_bicorn',
 +    name: "Captain's Bicorn",
 +    character: CHARACTERS.DONNY,
 +    type: OUTFIT_TYPES.ACCESSORY_HEAD,
 +    price: 40,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const navyMat = new THREE.MeshToonMaterial({ color: 0x1a1a2e, gradientMap })
 +      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })
 +      const whiteMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })
++
 +      // Main hat body (curved rectangular shape)
 +      const bodyGeom = new THREE.BoxGeometry(0.35, 0.08, 0.2)
 +      const body = new THREE.Mesh(bodyGeom, navyMat)
 +      body.position.y = 0.04
 +      group.add(body)
++
 +      // Bicorn points (turned up sides)
 +      const pointGeom = new THREE.BoxGeometry(0.08, 0.15, 0.18)
 +      const leftPoint = new THREE.Mesh(pointGeom, navyMat)
 +      leftPoint.position.set(-0.15, 0.1, 0)
 +      leftPoint.rotation.z = 0.3
 +      group.add(leftPoint)
++
 +      const rightPoint = new THREE.Mesh(pointGeom, navyMat)
 +      rightPoint.position.set(0.15, 0.1, 0)
 +      rightPoint.rotation.z = -0.3
 +      group.add(rightPoint)
++
 +      // Gold trim along edges
 +      const trimGeom = new THREE.BoxGeometry(0.36, 0.015, 0.01)
 +      const frontTrim = new THREE.Mesh(trimGeom, goldMat)
 +      frontTrim.position.set(0, 0.08, 0.1)
 +      group.add(frontTrim)
++
 +      const backTrim = new THREE.Mesh(trimGeom, goldMat)
 +      backTrim.position.set(0, 0.08, -0.1)
 +      group.add(backTrim)
++
 +      // Cockade (rosette) decoration
 +      const cockadeGeom = new THREE.CircleGeometry(0.04, 8)
 +      const cockade = new THREE.Mesh(cockadeGeom, whiteMat)
 +      cockade.position.set(0, 0.1, 0.11)
 +      group.add(cockade)
++
 +      // Gold button on cockade
 +      const buttonGeom = new THREE.SphereGeometry(0.015, 6, 4)
 +      const button = new THREE.Mesh(buttonGeom, goldMat)
 +      button.position.set(0, 0.1, 0.12)
 +      group.add(button)
++
 +      // Feather plume
 +      const featherGeom = new THREE.ConeGeometry(0.02, 0.15, 4)
 +      const feather = new THREE.Mesh(featherGeom, whiteMat)
 +      feather.position.set(0.02, 0.18, 0.08)
 +      feather.rotation.z = -0.3
 +      feather.rotation.x = 0.2
 +      group.add(feather)
++
 +      return group
 +    }
 +  },
++
 +  donny_opera_glasses: {
 +    id: 'donny_opera_glasses',
 +    name: 'Opera Glasses',
 +    character: CHARACTERS.DONNY,
 +    type: OUTFIT_TYPES.ACCESSORY_FACE,
 +    price: 45,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const goldMat = new THREE.MeshToonMaterial({ color: 0xd4af37, gradientMap })
 +      const pearlMat = new THREE.MeshToonMaterial({ color: 0xfdf5e6, gradientMap })
 +      const lensMat = new THREE.MeshBasicMaterial({ color: 0x87ceeb, transparent: true, opacity: 0.4 })
++
 +      // Twin barrels (binocular style)
 +      const barrelGeom = new THREE.CylinderGeometry(0.05, 0.06, 0.12, 8)
++
 +      const leftBarrel = new THREE.Mesh(barrelGeom, pearlMat)
 +      leftBarrel.position.set(-0.07, 0, 0)
 +      leftBarrel.rotation.x = Math.PI / 2
 +      group.add(leftBarrel)
++
 +      const rightBarrel = new THREE.Mesh(barrelGeom, pearlMat)
 +      rightBarrel.position.set(0.07, 0, 0)
 +      rightBarrel.rotation.x = Math.PI / 2
 +      group.add(rightBarrel)
++
 +      // Lenses (front)
 +      const lensGeom = new THREE.CircleGeometry(0.05, 10)
 +      const leftLens = new THREE.Mesh(lensGeom, lensMat)
 +      leftLens.position.set(-0.07, 0, 0.07)
 +      group.add(leftLens)
++
 +      const rightLens = new THREE.Mesh(lensGeom, lensMat)
 +      rightLens.position.set(0.07, 0, 0.07)
 +      group.add(rightLens)
++
 +      // Gold rims
 +      const rimGeom = new THREE.TorusGeometry(0.05, 0.008, 4, 12)
 +      const leftRim = new THREE.Mesh(rimGeom, goldMat)
 +      leftRim.position.set(-0.07, 0, 0.06)
 +      group.add(leftRim)
++
 +      const rightRim = new THREE.Mesh(rimGeom, goldMat)
 +      rightRim.position.set(0.07, 0, 0.06)
 +      group.add(rightRim)
++
 +      // Bridge connecting barrels
 +      const bridgeGeom = new THREE.BoxGeometry(0.04, 0.02, 0.03)
 +      const bridge = new THREE.Mesh(bridgeGeom, goldMat)
 +      bridge.position.set(0, 0, 0.02)
 +      group.add(bridge)
++
 +      // Ornate handle
 +      const handleGeom = new THREE.CylinderGeometry(0.012, 0.015, 0.15, 6)
 +      const handle = new THREE.Mesh(handleGeom, goldMat)
 +      handle.position.set(0.12, -0.06, 0)
 +      handle.rotation.z = Math.PI / 4
 +      group.add(handle)
++
 +      // Handle end knob
 +      const knobGeom = new THREE.SphereGeometry(0.02, 6, 4)
 +      const knob = new THREE.Mesh(knobGeom, goldMat)
 +      knob.position.set(0.18, -0.12, 0)
 +      group.add(knob)
++
 +      // Decorative filigree on barrels
 +      const filigreeGeom = new THREE.TorusGeometry(0.055, 0.005, 3, 12)
 +      const leftFiligree = new THREE.Mesh(filigreeGeom, goldMat)
 +      leftFiligree.position.set(-0.07, 0, 0)
 +      group.add(leftFiligree)
++
 +      const rightFiligree = new THREE.Mesh(filigreeGeom, goldMat)
 +      rightFiligree.position.set(0.07, 0, 0)
 +      group.add(rightFiligree)
++
 +      return group
 +    }
 +  },
++
    // === DONNY CLOTHING - Narwhal garments ===
    donny_sailor_vest: {
+     }
    },
 +  ollie_jeweler_loupe: {
 +    id: 'ollie_jeweler_loupe',
 +    name: "Jeweler's Loupe",
 +    character: CHARACTERS.OLLIE,
 +    type: OUTFIT_TYPES.ACCESSORY_FACE,
 +    price: 35,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const brassMat = new THREE.MeshToonMaterial({ color: 0xb8860b, gradientMap })
 +      const blackMat = new THREE.MeshToonMaterial({ color: 0x1a1a1a, gradientMap })
 +      const lensMat = new THREE.MeshBasicMaterial({ color: 0xaaffaa, transparent: true, opacity: 0.5 })
++
 +      // Main loupe barrel
 +      const barrelGeom = new THREE.CylinderGeometry(0.06, 0.08, 0.1, 10)
 +      const barrel = new THREE.Mesh(barrelGeom, blackMat)
 +      barrel.rotation.x = Math.PI / 2
 +      barrel.position.z = 0.03
 +      group.add(barrel)
++
 +      // Lens (front)
 +      const lensGeom = new THREE.CircleGeometry(0.06, 12)
 +      const lens = new THREE.Mesh(lensGeom, lensMat)
 +      lens.position.z = 0.09
 +      group.add(lens)
++
 +      // Brass rim
 +      const rimGeom = new THREE.TorusGeometry(0.06, 0.01, 4, 16)
 +      const rim = new THREE.Mesh(rimGeom, brassMat)
 +      rim.position.z = 0.08
 +      group.add(rim)
++
 +      // Eyepiece (back)
 +      const eyepieceGeom = new THREE.CylinderGeometry(0.05, 0.06, 0.03, 10)
 +      const eyepiece = new THREE.Mesh(eyepieceGeom, brassMat)
 +      eyepiece.rotation.x = Math.PI / 2
 +      eyepiece.position.z = -0.03
 +      group.add(eyepiece)
++
 +      // Headband attachment (wraps around head)
 +      const bandGeom = new THREE.TorusGeometry(0.15, 0.015, 4, 16, Math.PI)
 +      const band = new THREE.Mesh(bandGeom, blackMat)
 +      band.position.set(0, 0.05, -0.05)
 +      band.rotation.x = Math.PI / 2
 +      band.rotation.z = Math.PI / 2
 +      group.add(band)
++
 +      // Adjustment knob
 +      const knobGeom = new THREE.CylinderGeometry(0.015, 0.02, 0.03, 6)
 +      const knob = new THREE.Mesh(knobGeom, brassMat)
 +      knob.position.set(0.07, 0, 0.02)
 +      knob.rotation.z = Math.PI / 2
 +      group.add(knob)
++
 +      // Knob ridges
 +      for (let i = 0; i < 6; i++) {
 +        const ridgeGeom = new THREE.BoxGeometry(0.002, 0.025, 0.005)
 +        const ridge = new THREE.Mesh(ridgeGeom, brassMat)
 +        const angle = (i / 6) * Math.PI * 2
 +        ridge.position.set(0.085, Math.sin(angle) * 0.015, 0.02 + Math.cos(angle) * 0.015)
 +        group.add(ridge)
 +      }
++
 +      return group
 +    }
 +  },
++
 +  ollie_wizard_hat: {
 +    id: 'ollie_wizard_hat',
 +    name: 'Wizard Hat',
 +    character: CHARACTERS.OLLIE,
 +    type: OUTFIT_TYPES.ACCESSORY_HEAD,
 +    price: 45,
 +    meshFactory: (gradientMap) => {
 +      const group = new THREE.Group()
 +      const purpleMat = new THREE.MeshToonMaterial({ color: 0x4b0082, gradientMap })
 +      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })
 +      const silverMat = new THREE.MeshToonMaterial({ color: 0xc0c0c0, gradientMap })
++
 +      // Main cone
 +      const coneGeom = new THREE.ConeGeometry(0.2, 0.45, 8)
 +      const cone = new THREE.Mesh(coneGeom, purpleMat)
 +      cone.position.y = 0.22
 +      group.add(cone)
++
 +      // Bent tip (wizards hats droop!)
 +      const tipGeom = new THREE.ConeGeometry(0.05, 0.12, 6)
 +      const tip = new THREE.Mesh(tipGeom, purpleMat)
 +      tip.position.set(0.08, 0.42, 0.05)
 +      tip.rotation.z = -0.8
 +      tip.rotation.x = 0.3
 +      group.add(tip)
++
 +      // Wide brim
 +      const brimGeom = new THREE.CylinderGeometry(0.28, 0.3, 0.03, 12)
 +      const brim = new THREE.Mesh(brimGeom, purpleMat)
 +      brim.position.y = 0
 +      group.add(brim)
++
 +      // Gold band at base
 +      const bandGeom = new THREE.TorusGeometry(0.2, 0.02, 4, 16)
 +      const band = new THREE.Mesh(bandGeom, goldMat)
 +      band.position.y = 0.02
 +      band.rotation.x = Math.PI / 2
 +      group.add(band)
++
 +      // Stars on hat (scattered)
 +      const starPositions = [
 +        { x: 0.12, y: 0.25, z: 0.1, scale: 0.8 },
 +        { x: -0.08, y: 0.35, z: 0.12, scale: 0.6 },
 +        { x: 0.05, y: 0.15, z: 0.15, scale: 0.5 },
 +        { x: -0.1, y: 0.2, z: -0.1, scale: 0.7 },
 +        { x: 0.08, y: 0.38, z: -0.05, scale: 0.5 }
 +      ]
++
 +      for (const star of starPositions) {
 +        // Simple 4-point star shape
 +        const starGroup = new THREE.Group()
++
 +        const point1Geom = new THREE.ConeGeometry(0.015, 0.04, 4)
 +        const point1 = new THREE.Mesh(point1Geom, silverMat)
 +        starGroup.add(point1)
++
 +        const point2 = new THREE.Mesh(point1Geom, silverMat)
 +        point2.rotation.z = Math.PI
 +        starGroup.add(point2)
++
 +        const point3 = new THREE.Mesh(point1Geom, silverMat)
 +        point3.rotation.z = Math.PI / 2
 +        starGroup.add(point3)
++
 +        const point4 = new THREE.Mesh(point1Geom, silverMat)
 +        point4.rotation.z = -Math.PI / 2
 +        starGroup.add(point4)
++
 +        starGroup.position.set(star.x, star.y, star.z)
 +        starGroup.scale.setScalar(star.scale)
 +        group.add(starGroup)
 +      }
++
 +      // Moon crescent
 +      const moonGeom = new THREE.TorusGeometry(0.03, 0.01, 4, 12, Math.PI * 1.5)
 +      const moon = new THREE.Mesh(moonGeom, goldMat)
 +      moon.position.set(-0.12, 0.3, 0.08)
 +      moon.rotation.z = 0.5
 +      group.add(moon)
++
 +      return group
 +    }
 +  },
++
    // === OLLIE CLOTHING - Octopus garments ===
    ollie_bowtie: {