Show HN: VoxCSS – A DOM based voxel engine
3 months ago
- #3D
- #Web Development
- #CSS
- VoxCSS 是一个 CSS 体素引擎，通过堆叠网格层和应用变换来渲染 HTML 立方体。
- 支持颜色、纹理、交互、剔除、形状、区域和投影功能。
- 可与 Vue、React、Svelte 或原生 JavaScript 配合使用。
- 可通过 npm 安装或直接从 unpkg 加载。
- 提供具有相同属性的 Vue、React 和 Svelte 封装组件：`<VoxCamera>` 和 `<VoxScene>`。
- 相机控制包括缩放、平移、倾斜、旋转、透视和交互式拖拽控制。
- 场景管理包括体素数组、网格尺寸自定义和结构平面切换功能。
- 体素属性包含坐标、形状（立方体、坡道、楔形、尖刺）、颜色、纹理和旋转。
- 通过剔除和将相邻体素合并为更大矩形来优化性能。
- 内置 MagicaVoxel `.vox` 文件解析器。
- 属于 Layoutit 工具套件的一部分，包含 Voxels（编辑器）和 Terra（地形生成器）。
- 采用 MIT 许可证。