Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bouncing Spheres

Public visualization

Viewing a saved revision (read-only)

98225562517d409e8ddd38d75dfadc88

Bouncing Spheres

1 star1🌍 Public
CCurran Kelleher
Last edited Mar 19, 2025
Created on Mar 19, 2025
Forked from 3D Cube of Spheres

An interactive 3D physics simulation renders 50 spheres bouncing within a transparent cube, with gravity, dampening, wall collisions, and sphere-to-sphere repulsion. Mouse drags can grab and pull spheres, while orbit controls navigate the scene. Three.js handles the WebGL rendering, and the Web Audio API synthesizes collision sounds whose pitch and volume vary with impact velocity.

AI-generated description

3D Physics Simulation

This project demonstrates a 3D physics simulation with gravity and bouncing spheres.

Features

  • 3D spheres with realistic physics
  • Gravity and bouncing
  • Sphere-to-sphere collision detection
  • Interactive container walls
  • Mouse interaction to grab and pull spheres
  • Camera controls for 3D navigation (orbit, zoom, pan)

Physics Features

  • Gravity pulls spheres downward
  • Dampening factor reduces velocity over time
  • Spheres bounce off container walls
  • Spheres collide and repel each other
  • Mouse interaction allows pulling spheres

Technologies Used

  • Three.js for 3D rendering
  • JavaScript ES modules
  • Custom physics implementation
  • Interactive camera controls