Skip to content

warathepj/threejs-shake-n-fall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

เลี้ยงกาแฟผู้พัฒนา

"Alt text"

3D Falling Objects Animation

A interactive 3D animation created with Three.js that demonstrates physics-based falling objects with shaking effects.

Demo Features

  • Interactive 3D scene with orbit controls for camera manipulation- Multiple geometric shapes (cube, pyramid, cylinder) with realistic materials
  • Physics-based animation sequence: 1. Objects shake for 3 seconds 2. Brief pause (1 second) 3. Sequential falling animation with gravity effects
  • Responsive design that adapts to window resizing

Technical Details

  • Built with Three.js r128- Uses WebGL for rendering
  • Implements OrbitControls for camera interaction- Features MeshStandardMaterial for realistic lighting
  • Includes ambient and point lighting for depth

Getting Started

  1. Clone this repository2. Open index.html in a modern web browser
  2. Use mouse/touch controls to interact: - Left click + drag to rotate
    • Right click + drag to pan - Scroll to zoom

Requirements

  • Modern web browser with WebGL support
  • Internet connection (for CDN resources)

Files

  • index.html - Main version with all features (cube, pyramid, and cylinder)

License

MIT License

Releases

No releases published

Packages

No packages published

Languages