reze-engine 0.3.3 → 0.3.5

package/src/player.ts

@@ -1,5 +1,4 @@
-import { bezierInterpolate } from "./bezier-interpolate"
-import { Quat, Vec3 } from "./math"
+import { Quat, Vec3, bezierInterpolate } from "./math"
 import { BoneFrame, MorphFrame, VMDKeyFrame, VMDLoader } from "./vmd-loader"
 
 export interface AnimationPose {
@@ -31,72 +30,13 @@ export class Player {
   private pausedTime: number = 0 // Accumulated paused duration
   private pauseStartTime: number = 0
 
-  // Audio
-  private audioElement?: HTMLAudioElement
-  private audioUrl?: string
-  private audioLoaded: boolean = false
-
   /**
-   * Load VMD animation file and optionally audio
+   * Load VMD animation file
    */
-  async loadVmd(vmdUrl: string, audioUrl?: string): Promise<void> {
+  async loadVmd(vmdUrl: string): Promise<void> {
     // Load animation
     this.frames = await VMDLoader.load(vmdUrl)
     this.processFrames()
-
-    // Load audio if provided
-    if (audioUrl) {
-      await this.loadAudio(audioUrl)
-    }
-  }
-
-  /**
-   * Load audio file
-   */
-  async loadAudio(url: string): Promise<void> {
-    this.audioUrl = url
-    this.audioLoaded = false
-
-    return new Promise((resolve, reject) => {
-      const audio = new Audio(url)
-      audio.preload = "auto"
-
-      // iOS Safari requires playsinline attribute for inline playback
-      // This must be set before loading
-      audio.setAttribute("playsinline", "true")
-      audio.setAttribute("webkit-playsinline", "true")
-
-      // Set volume to ensure audio is ready
-      audio.volume = 1.0
-
-      // iOS sometimes requires audio element to be in DOM
-      // Add it hidden to the document body
-      audio.style.display = "none"
-      audio.style.position = "absolute"
-      audio.style.visibility = "hidden"
-      audio.style.width = "0"
-      audio.style.height = "0"
-      document.body.appendChild(audio)
-
-      audio.addEventListener("loadeddata", () => {
-        this.audioElement = audio
-        this.audioLoaded = true
-        resolve()
-      })
-
-      audio.addEventListener("error", (e) => {
-        console.warn("Failed to load audio:", url, e)
-        this.audioLoaded = false
-        // Remove from DOM on error
-        if (audio.parentNode) {
-          audio.parentNode.removeChild(audio)
-        }
-        // Don't reject - animation should still work without audio
-        resolve()
-      })
-
-      audio.load()
-    })
   }
 
   /**
@@ -176,6 +116,7 @@ export class Player {
 
   /**
    * Start or resume playback
+   * Note: For iOS, this should be called synchronously from a user interaction event
    */
   play(): void {
     if (this.frames.length === 0) return
@@ -192,25 +133,6 @@ export class Player {
     }
 
     this.isPlaying = true
-
-    // Play audio if available
-    if (this.audioElement && this.audioLoaded) {
-      // Ensure audio is ready for iOS
-      this.audioElement.currentTime = this.currentTime
-      this.audioElement.muted = false
-      this.audioElement.volume = 1.0
-
-      // iOS requires play() to be called synchronously during user interaction
-      // This must happen directly from the user's click/touch event
-      const playPromise = this.audioElement.play()
-
-      if (playPromise !== undefined) {
-        playPromise.catch((error) => {
-          // Log error but don't block animation playback
-          console.warn("Audio play failed:", error, error.name)
-        })
-      }
-    }
   }
 
   /**
@@ -221,11 +143,6 @@ export class Player {
 
     this.isPaused = true
     this.pauseStartTime = performance.now()
-
-    // Pause audio if available
-    if (this.audioElement) {
-      this.audioElement.pause()
-    }
   }
 
   /**
@@ -237,12 +154,6 @@ export class Player {
     this.currentTime = 0
     this.startTime = 0
     this.pausedTime = 0
-
-    // Stop audio if available
-    if (this.audioElement) {
-      this.audioElement.pause()
-      this.audioElement.currentTime = 0
-    }
   }
 
   /**
@@ -257,11 +168,6 @@ export class Player {
       this.startTime = performance.now() - clampedTime * 1000
       this.pausedTime = 0
     }
-
-    // Seek audio if available
-    if (this.audioElement && this.audioLoaded) {
-      this.audioElement.currentTime = clampedTime
-    }
   }
 
   /**
@@ -289,15 +195,6 @@ export class Player {
       return this.getPoseAtTime(this.currentTime)
     }
 
-    // Sync audio if present (with tolerance)
-    if (this.audioElement && this.audioLoaded) {
-      const audioTime = this.audioElement.currentTime
-      const syncTolerance = 0.1 // 100ms tolerance
-      if (Math.abs(audioTime - this.currentTime) > syncTolerance) {
-        this.audioElement.currentTime = this.currentTime
-      }
-    }
-
     return this.getPoseAtTime(this.currentTime)
   }
 
@@ -485,38 +382,4 @@ export class Player {
   isPausedState(): boolean {
     return this.isPaused
   }
-
-  /**
-   * Check if has audio
-   */
-  hasAudio(): boolean {
-    return this.audioElement !== undefined && this.audioLoaded
-  }
-
-  /**
-   * Set audio volume (0.0 to 1.0)
-   */
-  setVolume(volume: number): void {
-    if (this.audioElement) {
-      this.audioElement.volume = Math.max(0, Math.min(1, volume))
-    }
-  }
-
-  /**
-   * Mute audio
-   */
-  mute(): void {
-    if (this.audioElement) {
-      this.audioElement.muted = true
-    }
-  }
-
-  /**
-   * Unmute audio
-   */
-  unmute(): void {
-    if (this.audioElement) {
-      this.audioElement.muted = false
-    }
-  }
 }

package/src/bezier-interpolate.ts

@@ -1,47 +0,0 @@
-/**
- * Bezier interpolation for VMD animations
- * Based on the reference implementation from babylon-mmd
- */
-
-/**
- * Bezier interpolation function
- * @param x1 First control point X (0-127, normalized to 0-1)
- * @param x2 Second control point X (0-127, normalized to 0-1)
- * @param y1 First control point Y (0-127, normalized to 0-1)
- * @param y2 Second control point Y (0-127, normalized to 0-1)
- * @param t Interpolation parameter (0-1)
- * @returns Interpolated value (0-1)
- */
-export function bezierInterpolate(x1: number, x2: number, y1: number, y2: number, t: number): number {
-  // Clamp t to [0, 1]
-  t = Math.max(0, Math.min(1, t))
-
-  // Binary search for the t value that gives us the desired x
-  // We're solving for t in the Bezier curve: x(t) = 3*(1-t)^2*t*x1 + 3*(1-t)*t^2*x2 + t^3
-  let start = 0
-  let end = 1
-  let mid = 0.5
-
-  // Iterate until we find the t value that gives us the desired x
-  for (let i = 0; i < 15; i++) {
-    // Evaluate Bezier curve at mid point
-    const x = 3 * (1 - mid) * (1 - mid) * mid * x1 + 3 * (1 - mid) * mid * mid * x2 + mid * mid * mid
-
-    if (Math.abs(x - t) < 0.0001) {
-      break
-    }
-
-    if (x < t) {
-      start = mid
-    } else {
-      end = mid
-    }
-
-    mid = (start + end) / 2
-  }
-
-  // Now evaluate the y value at this t
-  const y = 3 * (1 - mid) * (1 - mid) * mid * y1 + 3 * (1 - mid) * mid * mid * y2 + mid * mid * mid
-
-  return y
-}