Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bouncing Spheres

Public visualization

Viewing a saved revision (read-only)

a40377ec14b94df19b1dd11dd2d19ef5

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

4x4x4 Cube of Spheres Visualization

This project shows a 3D visualization of a 4x4x4 cube made of colored spheres.

Features

  • 64 spheres arranged in a 4x4x4 cube
  • Color gradient across the spheres
  • Interactive camera controls (rotate, zoom, pan)
  • Gentle rotation animation
  • Starry background

Technologies Used

  • Three.js for 3D rendering
  • JavaScript ES modules
  • HTML5 and CSS