在AFrame.io中创建大量多维数据集的干净方法

Question

我有一个系统，它读取SVG图像，然后根据这些数据生成体素世界。基本上，SVG图像告诉程序将块放在哪里。

到目前为止，它适用于我的世界，但我想改变它，让它以一种浏览器友好的方式创建体素世界(即，这样人们就可以在不安装我的世界和所需的基础设施的情况下查看模型)。

那里会有很多立方体。一种明显的方法是生成包含大量<a-box position="-1 0.5 -3" rotation="0 0 0" color="#4CC3D9"></a-box>语句的超文本标记语言页面，但我认为这种方法并不优雅，可能会导致大型模型出现问题。

在外部(非JavaScript)应用程序中创建基于AFrame.io的体素世界有哪些选择？我寻求一个解决方案，它将在无头模式下工作(即，我将SVG文件发送到服务器，服务器在那里将其转换为AFrame.io体素世界)。

Answer 1

看看像使用https://github.com/ngokevin/aframe-magicavoxel-projects的https://ngokevin.github.io/aframe-magicavoxel-projects/这样的例子，它可能足以满足你的需求。

据我所知，要么你合并到一个对象，获得性能，但没有灵活性，要么你不合并，但预计性能会受到影响。没有测量和粗略估计你的场景和目标平台的大小，我会说……在不合并或导出的情况下尝试。

Answer 2

您可以使用模板组件：https://github.com/ngokevin/aframe-template-component/。这样，您就可以在HTML中使用for循环。

或者实体生成器组件：https://github.com/ngokevin/aframe-entity-generator-component。向它传递一个mixin，它将使用该mixin创建X个实体。然后，您可以结合其他组件，如布局或随机化器，以定制