Show HN: VoxCSS – A DOM based voxel engine
9 days ago
- #3D
- #Web Development
- #CSS
- VoxCSS is a CSS voxel engine that renders HTML cuboids by stacking grid layers and applying transforms.
- Supports colors, textures, interactions, culling, shapes, areas, and projections.
- Works with Vue, React, Svelte, or plain JavaScript.
- Can be installed via npm or loaded directly from unpkg.
- Provides Vue, React, and Svelte wrappers with identical props: `<VoxCamera>` and `<VoxScene>`.
- Camera controls include zoom, pan, tilt, rotation, perspective, and interactive drag controls.
- Scene management includes voxel arrays, grid size customization, and structural plane toggles.
- Voxel properties include coordinates, shapes (cube, ramp, wedge, spike), colors, textures, and rotation.
- Performance optimization through culling and merging adjacent voxels into larger rectangles.
- Includes a built-in parser for MagicaVoxel `.vox` files.
- Part of the Layoutit suite, including Voxels (editor) and Terra (terrain generator).
- Licensed under MIT.