A minimal 3D graphics engine based on particles, developed in pure HTML5 Canvas and JavaScript. The project implements classic perspective projection to render complex geometries and holographic data streams without the use of external libraries.
Inspired by the mathematical formula discussed by Tsoding in the video: One Formula That Demystifies 3D Graphics.
Demo.mp4
-
Core 3D Engine: Pure perspective projection (
$X/Z$ ,$Y/Z$ ) without WebGL or Three.js. - Dynamic Geometries: Sphere, Cube, Cylinder, Pyramid, Octahedron and a tubular DNA Double Helix.
- Overload Protocol: Visual distortion system and "data leak" activatable via long press (5s).
-
Touch & Mouse Controls:
- Drag: Orbital camera rotation.
- Pinch-to-Zoom: Dynamic base radius management on mobile devices.
- Long Press: Manual activation of buffer overload.
| Language | Core Usage |
|---|---|
 |
DOM structure and Canvas 2D Rendering Context |
 |
Responsive layout, Glitch Effects and Flash Animations |
 |
Mathematical engine, 3D Projection and particle logic |
- Clone the repository:
git clone https://github.com/Vor7reX/3D-Engine-Particle-System
- Open the index.html file in any modern browser (Chrome recommended).
Created by Vor7reX
