A帧随机生成器

Question

我需要使用javascript在a帧中创建一个随机环境。

<a-entity id="tree" position="0 1 -3">
                <a-box  rotation="90 0 90" scale="1 1 3" color="#6e583f"></a-box>
                <a-box scale="2 2 2" position="0 2.3 0" color="#4bbd53"></a-box>
 </a-entity> 

这个实体需要在一个随机的x和z位置上创建，但我找不到随机创建的方法，也不能用一个for循环来创建其中的许多实体。

Answer 1

您可以使用单个自定义组件来完成所有这些操作。您创建一个空实体，并附加一个单词(自定义组件的名称)，在组件内部，您可以创建一个新实体的数组，并为其添加组件，用于几何、位置、材质等。然后使用Math.random()随机化您喜欢的任何属性(x位置、z位置等)。

这是一个example glitch。