zeroed-some/dougk / adc7b26

+

+    // Animate head accessories (propeller beanie, etc.)

+    if (accessories.head) {

+      accessories.head.traverse((child) => {

+        if (child.userData.isPropeller) {

+          child.rotation.y = elapsed * 8  // Fast spin!

+        }

+      })

+    }

+  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

+    }

+  },

+

+  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

+    }

+  },

+

+  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

+    }

+  },

+