reze-engine 0.3.17 → 0.4.1

package/dist/engine.d.ts

@@ -1,4 +1,5 @@
 import { Quat, Vec3 } from "./math";
+export type RaycastCallback = (material: string | null, screenX: number, screenY: number) => void;
 export type EngineOptions = {
     ambientColor?: Vec3;
     bloomIntensity?: number;
@@ -7,8 +8,10 @@ export type EngineOptions = {
     cameraDistance?: number;
     cameraTarget?: Vec3;
     cameraFov?: number;
+    onRaycast?: RaycastCallback;
 };
-export declare const DEFAULT_ENGINE_OPTIONS: Required<EngineOptions>;
+export type RequiredEngineOptions = Required<Omit<EngineOptions, "onRaycast">> & Pick<EngineOptions, "onRaycast">;
+export declare const DEFAULT_ENGINE_OPTIONS: RequiredEngineOptions;
 export interface EngineStats {
     fps: number;
     frameTime: number;
@@ -69,6 +72,12 @@ export declare class Engine {
     private bloomThreshold;
     private bloomIntensity;
     private rimLightIntensity;
+    private onRaycast?;
+    private cachedSkinnedVertices?;
+    private cachedSkinMatricesVersion;
+    private skinMatricesVersion;
+    private lastTouchTime;
+    private readonly DOUBLE_TAP_DELAY;
     private currentModel;
     private modelDir;
     private materialSampler;
@@ -130,6 +139,9 @@ export declare class Engine {
     private createTextureFromPath;
     private renderEyes;
     private renderHair;
+    private handleCanvasDoubleClick;
+    private handleCanvasTouch;
+    private performRaycast;
     render(): void;
     private applyBloom;
     private updateCameraUniforms;

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}

package/dist/engine.js

@@ -9,6 +9,7 @@ export const DEFAULT_ENGINE_OPTIONS = {
     cameraDistance: 26.6,
     cameraTarget: new Vec3(0, 12.5, 0),
     cameraFov: Math.PI / 4,
+    onRaycast: undefined,
 };
 export class Engine {
     constructor(canvas, options) {
@@ -20,6 +21,11 @@ export class Engine {
         // Constants
         this.STENCIL_EYE_VALUE = 1;
         this.BLOOM_DOWNSCALE_FACTOR = 2;
+        this.cachedSkinMatricesVersion = -1;
+        this.skinMatricesVersion = 0;
+        // Double-tap detection
+        this.lastTouchTime = 0;
+        this.DOUBLE_TAP_DELAY = 300; // ms
         this.currentModel = null;
         this.modelDir = "";
         this.textureCache = new Map();
@@ -39,6 +45,39 @@ export class Engine {
         };
         this.animationFrameId = null;
         this.renderLoopCallback = null;
+        this.handleCanvasDoubleClick = (event) => {
+            if (!this.onRaycast || !this.currentModel)
+                return;
+            const rect = this.canvas.getBoundingClientRect();
+            const x = event.clientX - rect.left;
+            const y = event.clientY - rect.top;
+            this.performRaycast(x, y);
+        };
+        this.handleCanvasTouch = (event) => {
+            if (!this.onRaycast || !this.currentModel)
+                return;
+            // Prevent default to avoid triggering mouse events
+            event.preventDefault();
+            // Get the first touch
+            const touch = event.changedTouches[0];
+            if (!touch)
+                return;
+            const currentTime = Date.now();
+            const timeDiff = currentTime - this.lastTouchTime;
+            // Check for double-tap (within delay threshold)
+            if (timeDiff < this.DOUBLE_TAP_DELAY) {
+                const rect = this.canvas.getBoundingClientRect();
+                const x = touch.clientX - rect.left;
+                const y = touch.clientY - rect.top;
+                this.performRaycast(x, y);
+                // Reset last touch time to prevent triple-tap triggering double-tap
+                this.lastTouchTime = 0;
+            }
+            else {
+                // Single tap - update last touch time for potential double-tap
+                this.lastTouchTime = currentTime;
+            }
+        };
         this.canvas = canvas;
         if (options) {
             this.ambientColor = options.ambientColor ?? DEFAULT_ENGINE_OPTIONS.ambientColor;
@@ -48,6 +87,7 @@ export class Engine {
             this.cameraDistance = options.cameraDistance ?? DEFAULT_ENGINE_OPTIONS.cameraDistance;
             this.cameraTarget = options.cameraTarget ?? DEFAULT_ENGINE_OPTIONS.cameraTarget;
             this.cameraFov = options.cameraFov ?? DEFAULT_ENGINE_OPTIONS.cameraFov;
+            this.onRaycast = options.onRaycast;
         }
     }
     // Step 1: Get WebGPU device and context
@@ -837,6 +877,11 @@ export class Engine {
         this.resizeObserver = new ResizeObserver(() => this.handleResize());
         this.resizeObserver.observe(this.canvas);
         this.handleResize();
+        // Setup raycasting double-click handler for desktop
+        if (this.onRaycast) {
+            this.canvas.addEventListener("dblclick", this.handleCanvasDoubleClick);
+            this.canvas.addEventListener("touchend", this.handleCanvasTouch);
+        }
     }
     handleResize() {
         const displayWidth = this.canvas.clientWidth;
@@ -1013,6 +1058,11 @@ export class Engine {
         this.stopAnimation();
         if (this.camera)
             this.camera.detachControl();
+        // Remove raycasting event listeners
+        if (this.onRaycast) {
+            this.canvas.removeEventListener("dblclick", this.handleCanvasDoubleClick);
+            this.canvas.removeEventListener("touchend", this.handleCanvasTouch);
+        }
         if (this.resizeObserver) {
             this.resizeObserver.disconnect();
             this.resizeObserver = null;
@@ -1026,6 +1076,9 @@ export class Engine {
         this.modelDir = dir;
         const model = await PmxLoader.load(path);
         console.log(model);
+        // Clear cached skinned vertices when loading a new model
+        this.cachedSkinnedVertices = undefined;
+        this.cachedSkinMatricesVersion = -1;
         await this.setupModelBuffers(model);
     }
     rotateBones(bones, rotations, durationMs) {
@@ -1368,6 +1421,178 @@ export class Engine {
             }
         }
     }
+    performRaycast(screenX, screenY) {
+        if (!this.currentModel || !this.onRaycast)
+            return;
+        const materials = this.currentModel.getMaterials();
+        if (materials.length === 0)
+            return;
+        // Get camera matrices
+        const viewMatrix = this.camera.getViewMatrix();
+        const projectionMatrix = this.camera.getProjectionMatrix();
+        // Convert screen coordinates to world space ray (like Babylon.js)
+        const canvas = this.canvas;
+        const rect = canvas.getBoundingClientRect();
+        // Convert to clip space (-1 to 1)
+        const clipX = (screenX / rect.width) * 2 - 1;
+        const clipY = 1 - (screenY / rect.height) * 2; // Flip Y
+        // Create ray in clip space at near and far planes
+        const clipNear = new Vec3(clipX, clipY, -1); // Near plane
+        const clipFar = new Vec3(clipX, clipY, 1); // Far plane
+        // Transform to world space using inverse view-projection matrix
+        const viewProjMatrix = projectionMatrix.multiply(viewMatrix);
+        const inverseViewProj = viewProjMatrix.inverse();
+        // Transform point through 4x4 matrix with perspective division
+        const transformPoint = (matrix, point) => {
+            const m = matrix.values;
+            const x = point.x, y = point.y, z = point.z;
+            // Compute transformed point (matrix * vec4(point, 1.0))
+            const result = new Vec3(m[0] * x + m[4] * y + m[8] * z + m[12], m[1] * x + m[5] * y + m[9] * z + m[13], m[2] * x + m[6] * y + m[10] * z + m[14]);
+            // Perspective division
+            const w = m[3] * x + m[7] * y + m[11] * z + m[15];
+            const invW = w !== 0 ? 1 / w : 1;
+            return result.scale(invW);
+        };
+        const worldNear = transformPoint(inverseViewProj, clipNear);
+        const worldFar = transformPoint(inverseViewProj, clipFar);
+        // Create ray from camera position through the clicked point
+        const rayOrigin = this.camera.getPosition();
+        const rayDirection = worldFar.subtract(worldNear).normalize();
+        // Get model geometry for ray-triangle intersection
+        const baseVertices = this.currentModel.getVertices();
+        const indices = this.currentModel.getIndices();
+        const skinning = this.currentModel.getSkinning();
+        if (!baseVertices || !indices || !skinning) {
+            if (this.onRaycast) {
+                this.onRaycast(null, screenX, screenY);
+            }
+            return;
+        }
+        // Use cached skinned vertices if available and up-to-date
+        let vertices;
+        if (this.cachedSkinnedVertices && this.cachedSkinMatricesVersion === this.skinMatricesVersion) {
+            vertices = this.cachedSkinnedVertices;
+        }
+        else {
+            // Apply current skinning transformations to get animated vertex positions
+            vertices = new Float32Array(baseVertices.length);
+            const skinMatrices = this.currentModel.getSkinMatrices();
+            // Helper function to transform point by 4x4 matrix
+            const transformByMatrix = (matrix, offset, point) => {
+                const m = matrix;
+                const x = point.x, y = point.y, z = point.z;
+                return new Vec3(m[offset + 0] * x + m[offset + 4] * y + m[offset + 8] * z + m[offset + 12], m[offset + 1] * x + m[offset + 5] * y + m[offset + 9] * z + m[offset + 13], m[offset + 2] * x + m[offset + 6] * y + m[offset + 10] * z + m[offset + 14]);
+            };
+            for (let i = 0; i < baseVertices.length; i += 8) {
+                const vertexIndex = Math.floor(i / 8);
+                const position = new Vec3(baseVertices[i], baseVertices[i + 1], baseVertices[i + 2]);
+                // Get bone influences for this vertex
+                const jointIndices = [
+                    skinning.joints[vertexIndex * 4],
+                    skinning.joints[vertexIndex * 4 + 1],
+                    skinning.joints[vertexIndex * 4 + 2],
+                    skinning.joints[vertexIndex * 4 + 3],
+                ];
+                const weights = [
+                    skinning.weights[vertexIndex * 4],
+                    skinning.weights[vertexIndex * 4 + 1],
+                    skinning.weights[vertexIndex * 4 + 2],
+                    skinning.weights[vertexIndex * 4 + 3],
+                ];
+                // Normalize weights (same as shader)
+                const weightSum = weights[0] + weights[1] + weights[2] + weights[3];
+                const invWeightSum = weightSum > 0.0001 ? 1.0 / weightSum : 1.0;
+                const normalizedWeights = weightSum > 0.0001 ? weights.map((w) => w * invWeightSum) : [1.0, 0.0, 0.0, 0.0];
+                // Apply skinning transformation (same as shader)
+                let skinnedPosition = new Vec3(0, 0, 0);
+                for (let j = 0; j < 4; j++) {
+                    const weight = normalizedWeights[j];
+                    if (weight > 0) {
+                        const matrixOffset = jointIndices[j] * 16;
+                        const transformed = transformByMatrix(skinMatrices, matrixOffset, position);
+                        skinnedPosition = skinnedPosition.add(transformed.scale(weight));
+                    }
+                }
+                // Store transformed position, copy other attributes unchanged
+                vertices[i] = skinnedPosition.x;
+                vertices[i + 1] = skinnedPosition.y;
+                vertices[i + 2] = skinnedPosition.z;
+                vertices[i + 3] = baseVertices[i + 3]; // normal X
+                vertices[i + 4] = baseVertices[i + 4]; // normal Y
+                vertices[i + 5] = baseVertices[i + 5]; // normal Z
+                vertices[i + 6] = baseVertices[i + 6]; // UV X
+                vertices[i + 7] = baseVertices[i + 7]; // UV Y
+            }
+            // Cache the result
+            this.cachedSkinnedVertices = vertices;
+            this.cachedSkinMatricesVersion = this.skinMatricesVersion;
+        }
+        let closestHit = null;
+        const maxDistance = 1000; // Reasonable max distance
+        // Test ray against all triangles (Möller-Trumbore algorithm)
+        for (let i = 0; i < indices.length; i += 3) {
+            const idx0 = indices[i] * 8; // Each vertex has 8 floats (pos + normal + uv)
+            const idx1 = indices[i + 1] * 8;
+            const idx2 = indices[i + 2] * 8;
+            // Get triangle vertices in world space (first 3 floats are position)
+            const v0 = new Vec3(vertices[idx0], vertices[idx0 + 1], vertices[idx0 + 2]);
+            const v1 = new Vec3(vertices[idx1], vertices[idx1 + 1], vertices[idx1 + 2]);
+            const v2 = new Vec3(vertices[idx2], vertices[idx2 + 1], vertices[idx2 + 2]);
+            // Find which material this triangle belongs to
+            // Each material has mat.vertexCount indices (3 per triangle)
+            let triangleMaterialIndex = -1;
+            let indexOffset = 0;
+            for (let matIdx = 0; matIdx < materials.length; matIdx++) {
+                const mat = materials[matIdx];
+                if (i >= indexOffset && i < indexOffset + mat.vertexCount) {
+                    triangleMaterialIndex = matIdx;
+                    break;
+                }
+                indexOffset += mat.vertexCount;
+            }
+            if (triangleMaterialIndex === -1)
+                continue;
+            // Skip invisible materials
+            const materialName = materials[triangleMaterialIndex].name;
+            if (this.hiddenMaterials.has(materialName))
+                continue;
+            // Ray-triangle intersection test (Möller-Trumbore algorithm)
+            const edge1 = v1.subtract(v0);
+            const edge2 = v2.subtract(v0);
+            const h = rayDirection.cross(edge2);
+            const a = edge1.dot(h);
+            if (Math.abs(a) < 0.0001)
+                continue; // Ray is parallel to triangle
+            const f = 1.0 / a;
+            const s = rayOrigin.subtract(v0);
+            const u = f * s.dot(h);
+            if (u < 0.0 || u > 1.0)
+                continue;
+            const q = s.cross(edge1);
+            const v = f * rayDirection.dot(q);
+            if (v < 0.0 || u + v > 1.0)
+                continue;
+            // At this point we have a hit
+            const t = f * edge2.dot(q);
+            if (t > 0.0001 && t < maxDistance) {
+                // Backface culling: only consider front-facing triangles
+                const triangleNormal = edge1.cross(edge2).normalize();
+                const isFrontFace = triangleNormal.dot(rayDirection) < 0;
+                if (isFrontFace) {
+                    if (!closestHit || t < closestHit.distance) {
+                        closestHit = {
+                            materialName: materials[triangleMaterialIndex].name,
+                            distance: t,
+                        };
+                    }
+                }
+            }
+        }
+        // Call the callback with the result
+        if (this.onRaycast) {
+            this.onRaycast(closestHit?.materialName || null, screenX, screenY);
+        }
+    }
     // Render strategy: 1) Opaque non-eye/hair 2) Eyes (stencil=1) 3) Hair (depth pre-pass + split by stencil) 4) Transparent 5) Bloom
     render() {
         if (this.multisampleTexture && this.camera && this.device) {
@@ -1539,6 +1764,8 @@ export class Engine {
             return;
         const skinMatrices = this.currentModel.getSkinMatrices();
         this.device.queue.writeBuffer(this.skinMatrixBuffer, 0, skinMatrices.buffer, skinMatrices.byteOffset, skinMatrices.byteLength);
+        // Increment version to invalidate cached skinned vertices
+        this.skinMatricesVersion++;
     }
     drawOutlines(pass, transparent) {
         pass.setPipeline(this.outlinePipeline);

package/dist/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../src/model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../src/model.ts"],"names":[],"mappings":"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"}

package/dist/model.js

@@ -46,14 +46,10 @@ export class Model {
         this.initializeRuntimeSkeleton();
         this.initializeRuntimeMorph();
         this.initializeTweenBuffers();
-        this.applyMorphs(); // Apply initial morphs (all weights are 0, so no change)
+        this.applyMorphs();
         // Initialize physics if rigidbodies exist
         if (rigidbodies.length > 0) {
             this.physics = new Physics(rigidbodies, joints);
-            console.log(`[Model] Physics initialized with ${rigidbodies.length} rigidbodies`);
-        }
-        else {
-            console.log("[Model] No rigidbodies found, physics disabled");
         }
     }
     initializeRuntimeSkeleton() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reze-engine",
-    "version": "0.3.17",
+    "version": "0.4.1",
     "description": "A WebGPU-based MMD model renderer",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",
@@ -41,6 +41,5 @@
     "devDependencies": {
         "@types/node": "^20",
         "typescript": "^5"
-    },
-    "peerDependencies": {}
+    }
 }

package/src/engine.ts

@@ -1,8 +1,10 @@
 import { Camera } from "./camera"
-import { Quat, Vec3 } from "./math"
+import { Mat4, Quat, Vec3 } from "./math"
 import { Model } from "./model"
 import { PmxLoader } from "./pmx-loader"
 
+export type RaycastCallback = (material: string | null, screenX: number, screenY: number) => void
+
 export type EngineOptions = {
   ambientColor?: Vec3
   bloomIntensity?: number
@@ -11,9 +13,12 @@ export type EngineOptions = {
   cameraDistance?: number
   cameraTarget?: Vec3
   cameraFov?: number
+  onRaycast?: RaycastCallback
 }
 
-export const DEFAULT_ENGINE_OPTIONS: Required<EngineOptions> = {
+export type RequiredEngineOptions = Required<Omit<EngineOptions, "onRaycast">> & Pick<EngineOptions, "onRaycast">
+
+export const DEFAULT_ENGINE_OPTIONS: RequiredEngineOptions = {
   ambientColor: new Vec3(0.85, 0.85, 0.85),
   bloomIntensity: 0.12,
   bloomThreshold: 0.5,
@@ -21,6 +26,7 @@ export const DEFAULT_ENGINE_OPTIONS: Required<EngineOptions> = {
   cameraDistance: 26.6,
   cameraTarget: new Vec3(0, 12.5, 0),
   cameraFov: Math.PI / 4,
+  onRaycast: undefined,
 }
 
 export interface EngineStats {
@@ -114,6 +120,15 @@ export class Engine {
   // Rim light settings
   private rimLightIntensity!: number
 
+  // Raycasting
+  private onRaycast?: RaycastCallback
+  private cachedSkinnedVertices?: Float32Array
+  private cachedSkinMatricesVersion = -1
+  private skinMatricesVersion = 0
+  // Double-tap detection
+  private lastTouchTime = 0
+  private readonly DOUBLE_TAP_DELAY = 300 // ms
+
   private currentModel: Model | null = null
   private modelDir: string = ""
   private materialSampler!: GPUSampler
@@ -146,6 +161,7 @@ export class Engine {
       this.cameraDistance = options.cameraDistance ?? DEFAULT_ENGINE_OPTIONS.cameraDistance
       this.cameraTarget = options.cameraTarget ?? DEFAULT_ENGINE_OPTIONS.cameraTarget
       this.cameraFov = options.cameraFov ?? DEFAULT_ENGINE_OPTIONS.cameraFov
+      this.onRaycast = options.onRaycast
     }
   }
 
@@ -989,6 +1005,12 @@ export class Engine {
     this.resizeObserver = new ResizeObserver(() => this.handleResize())
     this.resizeObserver.observe(this.canvas)
     this.handleResize()
+
+    // Setup raycasting double-click handler for desktop
+    if (this.onRaycast) {
+      this.canvas.addEventListener("dblclick", this.handleCanvasDoubleClick)
+      this.canvas.addEventListener("touchend", this.handleCanvasTouch)
+    }
   }
 
   private handleResize() {
@@ -1200,6 +1222,13 @@ export class Engine {
     this.stopRenderLoop()
     this.stopAnimation()
     if (this.camera) this.camera.detachControl()
+
+    // Remove raycasting event listeners
+    if (this.onRaycast) {
+      this.canvas.removeEventListener("dblclick", this.handleCanvasDoubleClick)
+      this.canvas.removeEventListener("touchend", this.handleCanvasTouch)
+    }
+
     if (this.resizeObserver) {
       this.resizeObserver.disconnect()
       this.resizeObserver = null
@@ -1215,6 +1244,11 @@ export class Engine {
 
     const model = await PmxLoader.load(path)
     console.log(model)
+
+    // Clear cached skinned vertices when loading a new model
+    this.cachedSkinnedVertices = undefined
+    this.cachedSkinMatricesVersion = -1
+
     await this.setupModelBuffers(model)
   }
 
@@ -1625,6 +1659,261 @@ export class Engine {
     }
   }
 
+  private handleCanvasDoubleClick = (event: MouseEvent) => {
+    if (!this.onRaycast || !this.currentModel) return
+
+    const rect = this.canvas.getBoundingClientRect()
+    const x = event.clientX - rect.left
+    const y = event.clientY - rect.top
+
+    this.performRaycast(x, y)
+  }
+
+  private handleCanvasTouch = (event: TouchEvent) => {
+    if (!this.onRaycast || !this.currentModel) return
+
+    // Prevent default to avoid triggering mouse events
+    event.preventDefault()
+
+    // Get the first touch
+    const touch = event.changedTouches[0]
+    if (!touch) return
+
+    const currentTime = Date.now()
+    const timeDiff = currentTime - this.lastTouchTime
+
+    // Check for double-tap (within delay threshold)
+    if (timeDiff < this.DOUBLE_TAP_DELAY) {
+      const rect = this.canvas.getBoundingClientRect()
+      const x = touch.clientX - rect.left
+      const y = touch.clientY - rect.top
+
+      this.performRaycast(x, y)
+      // Reset last touch time to prevent triple-tap triggering double-tap
+      this.lastTouchTime = 0
+    } else {
+      // Single tap - update last touch time for potential double-tap
+      this.lastTouchTime = currentTime
+    }
+  }
+
+  private performRaycast(screenX: number, screenY: number) {
+    if (!this.currentModel || !this.onRaycast) return
+
+    const materials = this.currentModel.getMaterials()
+    if (materials.length === 0) return
+
+    // Get camera matrices
+    const viewMatrix = this.camera.getViewMatrix()
+    const projectionMatrix = this.camera.getProjectionMatrix()
+
+    // Convert screen coordinates to world space ray (like Babylon.js)
+    const canvas = this.canvas
+    const rect = canvas.getBoundingClientRect()
+
+    // Convert to clip space (-1 to 1)
+    const clipX = (screenX / rect.width) * 2 - 1
+    const clipY = 1 - (screenY / rect.height) * 2 // Flip Y
+
+    // Create ray in clip space at near and far planes
+    const clipNear = new Vec3(clipX, clipY, -1) // Near plane
+    const clipFar = new Vec3(clipX, clipY, 1) // Far plane
+
+    // Transform to world space using inverse view-projection matrix
+    const viewProjMatrix = projectionMatrix.multiply(viewMatrix)
+    const inverseViewProj = viewProjMatrix.inverse()
+
+    // Transform point through 4x4 matrix with perspective division
+    const transformPoint = (matrix: Mat4, point: Vec3): Vec3 => {
+      const m = matrix.values
+      const x = point.x,
+        y = point.y,
+        z = point.z
+
+      // Compute transformed point (matrix * vec4(point, 1.0))
+      const result = new Vec3(
+        m[0] * x + m[4] * y + m[8] * z + m[12],
+        m[1] * x + m[5] * y + m[9] * z + m[13],
+        m[2] * x + m[6] * y + m[10] * z + m[14]
+      )
+
+      // Perspective division
+      const w = m[3] * x + m[7] * y + m[11] * z + m[15]
+      const invW = w !== 0 ? 1 / w : 1
+
+      return result.scale(invW)
+    }
+
+    const worldNear = transformPoint(inverseViewProj, clipNear)
+    const worldFar = transformPoint(inverseViewProj, clipFar)
+
+    // Create ray from camera position through the clicked point
+    const rayOrigin = this.camera.getPosition()
+    const rayDirection = worldFar.subtract(worldNear).normalize()
+
+    // Get model geometry for ray-triangle intersection
+    const baseVertices = this.currentModel.getVertices()
+    const indices = this.currentModel.getIndices()
+    const skinning = this.currentModel.getSkinning()
+
+    if (!baseVertices || !indices || !skinning) {
+      if (this.onRaycast) {
+        this.onRaycast(null, screenX, screenY)
+      }
+      return
+    }
+
+    // Use cached skinned vertices if available and up-to-date
+    let vertices: Float32Array
+    if (this.cachedSkinnedVertices && this.cachedSkinMatricesVersion === this.skinMatricesVersion) {
+      vertices = this.cachedSkinnedVertices
+    } else {
+      // Apply current skinning transformations to get animated vertex positions
+      vertices = new Float32Array(baseVertices.length)
+      const skinMatrices = this.currentModel.getSkinMatrices()
+
+      // Helper function to transform point by 4x4 matrix
+      const transformByMatrix = (matrix: Float32Array, offset: number, point: Vec3): Vec3 => {
+        const m = matrix
+        const x = point.x,
+          y = point.y,
+          z = point.z
+        return new Vec3(
+          m[offset + 0] * x + m[offset + 4] * y + m[offset + 8] * z + m[offset + 12],
+          m[offset + 1] * x + m[offset + 5] * y + m[offset + 9] * z + m[offset + 13],
+          m[offset + 2] * x + m[offset + 6] * y + m[offset + 10] * z + m[offset + 14]
+        )
+      }
+
+      for (let i = 0; i < baseVertices.length; i += 8) {
+        const vertexIndex = Math.floor(i / 8)
+        const position = new Vec3(baseVertices[i], baseVertices[i + 1], baseVertices[i + 2])
+
+        // Get bone influences for this vertex
+        const jointIndices = [
+          skinning.joints[vertexIndex * 4],
+          skinning.joints[vertexIndex * 4 + 1],
+          skinning.joints[vertexIndex * 4 + 2],
+          skinning.joints[vertexIndex * 4 + 3],
+        ]
+
+        const weights = [
+          skinning.weights[vertexIndex * 4],
+          skinning.weights[vertexIndex * 4 + 1],
+          skinning.weights[vertexIndex * 4 + 2],
+          skinning.weights[vertexIndex * 4 + 3],
+        ]
+
+        // Normalize weights (same as shader)
+        const weightSum = weights[0] + weights[1] + weights[2] + weights[3]
+        const invWeightSum = weightSum > 0.0001 ? 1.0 / weightSum : 1.0
+        const normalizedWeights = weightSum > 0.0001 ? weights.map((w) => w * invWeightSum) : [1.0, 0.0, 0.0, 0.0]
+
+        // Apply skinning transformation (same as shader)
+        let skinnedPosition = new Vec3(0, 0, 0)
+
+        for (let j = 0; j < 4; j++) {
+          const weight = normalizedWeights[j]
+          if (weight > 0) {
+            const matrixOffset = jointIndices[j] * 16
+            const transformed = transformByMatrix(skinMatrices, matrixOffset, position)
+            skinnedPosition = skinnedPosition.add(transformed.scale(weight))
+          }
+        }
+
+        // Store transformed position, copy other attributes unchanged
+        vertices[i] = skinnedPosition.x
+        vertices[i + 1] = skinnedPosition.y
+        vertices[i + 2] = skinnedPosition.z
+        vertices[i + 3] = baseVertices[i + 3] // normal X
+        vertices[i + 4] = baseVertices[i + 4] // normal Y
+        vertices[i + 5] = baseVertices[i + 5] // normal Z
+        vertices[i + 6] = baseVertices[i + 6] // UV X
+        vertices[i + 7] = baseVertices[i + 7] // UV Y
+      }
+
+      // Cache the result
+      this.cachedSkinnedVertices = vertices
+      this.cachedSkinMatricesVersion = this.skinMatricesVersion
+    }
+
+    let closestHit: { materialName: string; distance: number } | null = null
+    const maxDistance = 1000 // Reasonable max distance
+
+    // Test ray against all triangles (Möller-Trumbore algorithm)
+    for (let i = 0; i < indices.length; i += 3) {
+      const idx0 = indices[i] * 8 // Each vertex has 8 floats (pos + normal + uv)
+      const idx1 = indices[i + 1] * 8
+      const idx2 = indices[i + 2] * 8
+
+      // Get triangle vertices in world space (first 3 floats are position)
+      const v0 = new Vec3(vertices[idx0], vertices[idx0 + 1], vertices[idx0 + 2])
+      const v1 = new Vec3(vertices[idx1], vertices[idx1 + 1], vertices[idx1 + 2])
+      const v2 = new Vec3(vertices[idx2], vertices[idx2 + 1], vertices[idx2 + 2])
+
+      // Find which material this triangle belongs to
+      // Each material has mat.vertexCount indices (3 per triangle)
+      let triangleMaterialIndex = -1
+      let indexOffset = 0
+      for (let matIdx = 0; matIdx < materials.length; matIdx++) {
+        const mat = materials[matIdx]
+        if (i >= indexOffset && i < indexOffset + mat.vertexCount) {
+          triangleMaterialIndex = matIdx
+          break
+        }
+        indexOffset += mat.vertexCount
+      }
+
+      if (triangleMaterialIndex === -1) continue
+
+      // Skip invisible materials
+      const materialName = materials[triangleMaterialIndex].name
+      if (this.hiddenMaterials.has(materialName)) continue
+
+      // Ray-triangle intersection test (Möller-Trumbore algorithm)
+      const edge1 = v1.subtract(v0)
+      const edge2 = v2.subtract(v0)
+      const h = rayDirection.cross(edge2)
+      const a = edge1.dot(h)
+
+      if (Math.abs(a) < 0.0001) continue // Ray is parallel to triangle
+
+      const f = 1.0 / a
+      const s = rayOrigin.subtract(v0)
+      const u = f * s.dot(h)
+
+      if (u < 0.0 || u > 1.0) continue
+
+      const q = s.cross(edge1)
+      const v = f * rayDirection.dot(q)
+
+      if (v < 0.0 || u + v > 1.0) continue
+
+      // At this point we have a hit
+      const t = f * edge2.dot(q)
+
+      if (t > 0.0001 && t < maxDistance) {
+        // Backface culling: only consider front-facing triangles
+        const triangleNormal = edge1.cross(edge2).normalize()
+        const isFrontFace = triangleNormal.dot(rayDirection) < 0
+
+        if (isFrontFace) {
+          if (!closestHit || t < closestHit.distance) {
+            closestHit = {
+              materialName: materials[triangleMaterialIndex].name,
+              distance: t,
+            }
+          }
+        }
+      }
+    }
+
+    // Call the callback with the result
+    if (this.onRaycast) {
+      this.onRaycast(closestHit?.materialName || null, screenX, screenY)
+    }
+  }
+
   // Render strategy: 1) Opaque non-eye/hair 2) Eyes (stencil=1) 3) Hair (depth pre-pass + split by stencil) 4) Transparent 5) Bloom
   public render() {
     if (this.multisampleTexture && this.camera && this.device) {
@@ -1833,6 +2122,9 @@ export class Engine {
       skinMatrices.byteOffset,
       skinMatrices.byteLength
     )
+
+    // Increment version to invalidate cached skinned vertices
+    this.skinMatricesVersion++
   }
 
   private drawOutlines(pass: GPURenderPassEncoder, transparent: boolean) {

package/src/model.ts

@@ -227,14 +227,11 @@ export class Model {
     this.initializeRuntimeSkeleton()
     this.initializeRuntimeMorph()
     this.initializeTweenBuffers()
-    this.applyMorphs() // Apply initial morphs (all weights are 0, so no change)
+    this.applyMorphs()
 
     // Initialize physics if rigidbodies exist
     if (rigidbodies.length > 0) {
       this.physics = new Physics(rigidbodies, joints)
-      console.log(`[Model] Physics initialized with ${rigidbodies.length} rigidbodies`)
-    } else {
-      console.log("[Model] No rigidbodies found, physics disabled")
     }
   }