Journey through dimensions beyond ordinary perception
A collection of interactive web-based visualizations that let you explore geometric objects in 3D, 4D, and 5D space. Navigate hypercubes, collapse dimensions, and witness the beauty of higher-dimensional mathematics rendered in real-time.
The 4D Tesseract Explorer showing orthogonality collapse controls
A simple but elegant introduction to 3D graphics where each vertex of a cube is colored based on its RGB coordinates. Perfect for understanding the relationship between 3D space and color space.
Features:
- Interactive rotation with trackball controls
- Vertex colors mapped to spatial coordinates
- Smooth camera movement and zoom
Experience color as a three-dimensional volume filled with thousands of particles, each positioned and colored according to RGB space.
Features:
- Adjustable particle count (10k-1M particles)
- Real-time fog density control
- Customizable dot size, opacity, and softness
- Grid-to-random positioning blend
Step into the fourth dimension with this interactive tesseract (hypercube) visualization. The breakthrough feature: orthogonality collapse - watch as the 4th dimension gradually collapses into familiar 3D space.
Features:
- Dual rotation modes: 3D space and 4th dimensional planes
- Independent axis orthogonality controls (XW, YW, ZW)
- Real-time wireframe and face rendering
- Perspective projection from 4D to 3D
Controls:
- Left-click + drag: Rotate in 3D space
- Right-click + drag: Rotate into 4th dimension
- Arrow keys: Collapse W-axis into X/Y axes
- A/Z keys: Collapse W-axis into Z-axis
The ultimate challenge: visualizing a 5-dimensional hypercube (penteract) with 32 vertices, 80 edges, and countless faces.
Features:
- Full 5D rotation across 10 rotation planes
- Double perspective projection (5D→4D→3D)
- Programmatic face generation
- Keyboard controls for 5th dimensional navigation
- Clone this repository
- Open any
.htmlfile in a modern web browser - Start exploring higher dimensions!
git clone https://github.com/robinnixon/Dimensions
cd Dimensions
# Open any HTML file in your browserBuilt with:
- Three.js for 3D rendering and scene management
- Pure JavaScript for mathematical transformations
- WebGL for GPU-accelerated graphics
- Responsive design that works on desktop and mobile
Each visualization implements proper mathematical transformations:
- 4D Rotation: 6 rotation planes (XY, XZ, XW, YZ, YW, ZW)
- 5D Rotation: 10 rotation planes covering all dimensional combinations
- Perspective Projection: Multiple stages of dimensional reduction
- Orthogonality Collapse: Novel technique for visualizing dimensional relationships
- Educational: Learn about higher-dimensional geometry
- Research: Visualize multidimensional data structures
- Art: Create mesmerizing geometric animations
- Development: Study advanced 3D graphics techniques
These visualizations demonstrate fundamental concepts in:
- Topology: Understanding connectivity in higher dimensions
- Linear Algebra: Rotation matrices and transformations
- Computer Graphics: Projection and rendering techniques
- Geometry: Properties of hypercubes and polytopes
Works best in modern browsers with WebGL support:
- Chrome 80+
- Firefox 75+
- Safari 13+
- Edge 80+
Found a bug? Want to add a 6D visualization? Contributions welcome!
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
MIT License - Feel free to use these visualizations in your own projects!
"The only way to make sense out of change is to plunge into it, move with it, and join the dance." - Alan Watts
Dive into the dance of dimensions. Your perception will never be the same.