Magic Wand for surface generation - Voxels with JS
summary
Claim: JS can generate and render voxels using octrees but performance bottlenecks dominate. Implementation uses bitwise location strings stored as triples, flat arrays for voxel data and parent links, quads for drawing with origami 3d and geometric matrix helpers, and Perlin-style noise to fill a 64×64×64 sample. The demo allocates ~250MB, freezes Firefox and runs very slowly because there is no hidden-voxel culling or merging; proposed fixes include joining voxels, imageData batching, better traversal or switching to 3.js/WebGL.
AI-written summary · about
chapters (24)
- 0:00Introduction
- 0:53Why Voxels
- 1:27Traditional methods
- 2:20Cons
- 3:37All Trees
- 4:47Node
- 6:11Location
- 7:11Position
- 8:03Recursion
- 9:08Insert
- 10:42Ray casting
- 11:17Collisions
- 12:39Usages
- 13:26Technology
- 14:06Javascript
- 14:54Engine
- 16:04Noise
- 17:41Image data
- 18:24Rendering demo
- 22:54Possible improvements
- 24:16Summary
- 24:37Speed of light
- 24:56More info
- 25:20Short demo








