javascript - 定期生成具有唯一 ID 的 A-Frame 模型

Question

我需要在页面加载时生成几个具有唯一名称的对象，其中包括在我的 html 中生成以下代码的方法：

<a-entity gltf-model="#filename" modify-materials position="0 0 !insert location here!"></a-entity>

!insert 位置在这里！是 z 轴值，可以是正值或负值。当用户在 z 轴上移动时，我希望它在一个范围内以 12 个单位的间隔不断地生成具有位置值的新对象，并在对象超出范围时卸载它们。我需要能够将子对象添加到每个放置的模型对象，并且我还需要返回并向特定实例添加（和存储）属性，因此在代码中包含几个同时生成的属性也会很好。

它需要高效，尽可能少的服务器请求和用户位置检查。可能是延迟加载。我对这个看似艰巨的任务感到崩溃，我确信我错过了一些让它变得容易的东西。

我愿意使用库等，但更喜欢可用的最轻量级选项，即使这意味着手动编写更多代码。（只需要弄清楚如何）请，您的指导很感激。每次我尝试编写代码时，它都会变得臃肿不堪，有时代码会崩溃，我会迷路。

标签： javascriptweb-applicationslazy-loadingaframewebvr