CYBORG ME

Web-based prototype for a facial rig on a porcelain-style head. The head is built in Three.js from embedded geometry data and driven by 52 ARKit blend shapes, 14 visemes and three head channels. A side panel lists every shape as a slider, with search, left/right linking and a reset. Values come either from the sliders or from webcam face tracking, and a neutral pose can be captured to offset the tracking. Recorded takes store the current face state, can be looped, renamed, exported and imported as JSON, and are kept in browser storage. Material presets, plate modes, blinking, saccades, head idle and breathing add surface and motion variation, and four camera views frame the head. The prototype serves as a tool for exploring facial expression, for teaching rig and blend-shape concepts, and as a starting point for animation and performance setups.

• Version: v0.3
• 52 ARKit blend shapes plus 14 visemes and head yaw, pitch and roll
• Slider panel with search, left/right coupling and reset
• Webcam face tracking with neutral pose calibration
• Take recording with loop, rename, JSON export and import
• Material presets and plate modes
• Idle motion: blinking, saccades, head idle and breathing
• Four camera views: front, three-quarter, profile, close
• Tech: Three.js r0.170.0, OrbitControls, RoomEnvironment, ES modules, import map, MediaPipe Face Landmarker, WebGL
• Requires: webcam, WebGL-capable browser, internet connection for libraries loaded from a CDN, browser storage for takes

LIVE: https://code.turboflip.de/run/4aa2005fd0fb6e4d/

CODE : https://code.turboflip.de/p/4aa2005fd0fb6e4d