`704f01b`

touchstart listener, silent buffer trick, resume suspended context

Authored by

espadonne 4 months ago

Status	File	+	-
M	`src/renderers/three/index.js`	7	0
M	`src/renderers/three/sounds.js`	22	0

src/renderers/three/index.jsmodified

  import { createDoug } from './duck.js'
  import { createPond } from './pond.js'
  import { BreadManager } from './bread.js'
 +import { unlockAudio } from './sounds.js'
  let scene, camera, renderer, composer, outlinePass
  let doug, pond, breadManager
    const raycaster = new THREE.Raycaster()
    const mouse = new THREE.Vector2()
 +  // Unlock audio on first touch (for mobile)
 +  renderer.domElement.addEventListener('touchstart', unlockAudio, { once: true })
++
    renderer.domElement.addEventListener('click', (event) => {
 +    // Unlock audio on first interaction (required for mobile)
 +    unlockAudio()
++
      mouse.x = (event.clientX / window.innerWidth) * 2 - 1
      mouse.y = -(event.clientY / window.innerHeight) * 2 + 1

src/renderers/three/sounds.jsmodified

  // Web Audio API sound synthesis for dougk
  let audioContext = null
 +let unlocked = false
  function getContext() {
    if (!audioContext) {
    return audioContext
+ }
 +// Must be called on first user interaction to enable audio on mobile
 +export function unlockAudio() {
 +  if (unlocked) return
++
 +  const ctx = getContext()
++
 +  // Resume if suspended
 +  if (ctx.state === 'suspended') {
 +    ctx.resume()
 +  }
++
 +  // Play a silent buffer to fully unlock on iOS/mobile
 +  const silentBuffer = ctx.createBuffer(1, 1, ctx.sampleRate)
 +  const source = ctx.createBufferSource()
 +  source.buffer = silentBuffer
 +  source.connect(ctx.destination)
 +  source.start(0)
++
 +  unlocked = true
 +}
++
  // Damp crunch sound - wet bread being chomped
  export function playMonch() {
    const ctx = getContext()