3D Human Figure Animation

A responsive 3D human figure with realistic walking, waving, and dancing animations built with Three.js.

Features

• Realistic 3D human model with anatomical details
• Three animation modes: Walking, Waving, and Dancing
• Interactive camera controls (orbit, zoom, pan)
• Dynamic lighting with shadows
• Responsive design that adapts to window size
• Smooth animations using requestAnimationFrame

Controls

• Mouse Drag: Rotate the camera view
• Mouse Wheel: Zoom in/out
• Animation Buttons: Switch between walking, waving, and dancing animations

Technical Details

The human figure is built using geometric primitives (spheres, cylinders, boxes) with:

• Anatomically positioned limbs and body parts
• Muscle definition for chest, abs, arms, and legs
• Realistic skin, hair, and clothing materials
• Shadow casting and receiving for depth perception

Files Structure

• index.html: Main HTML structure with UI controls
• main.js: Application entry point and main loop
• human.js: Human model creation and materials
• animation.js: Animation logic for all movement modes
• scene.js: Scene setup with lighting and fog
• camera.js: Camera configuration
• controls.js: OrbitControls setup
• renderer.js: WebGL renderer configuration
• config.js: Configuration constants for proportions and colors

Usage

Simply open index.html in a modern browser. No additional dependencies required.