A形框架:如何在点击时创建可移动实体?

时间:2019-06-10 14:15:22

标签: javascript html aframe

我正在尝试制作一个A形游戏,用户可以在其中创建房屋。 我已经为4个不同的房屋(obj模型)制作了房屋模板。每个房子在悬停时都显示一个单独的名称。 我也有4个“按钮”(框),它们可以用来盖房子。用户应该能够单击按钮来创建可移动且可命名的房屋(附带的文字在平面上)。命名并移动到所需位置后,应将其保存。那有可能吗?

这是我(一间房子)所拥有的:

<a-obj-model src="#basic-house-obj" scale=".015 .015 .015" position="-1.958 0 -4.376" color="red" change-color-on-hover="color: #4CC3D9"
                event-set__enter="_event: mouseenter; _target: #modelBox; visible: true"
                event-set__leave="_event: mouseleave; _target: #modelBox; visible: false">
        <a-plane id="modelBox" hide-on-click visible="false" position="-35.872 135 23.300" material="opacity:0.4; color: black; side: front" scale="100 200">
            <a-text id="houseTitle" value="Test Kindergarden" align="center" color="#fff" position="0 0.4 0" scale="0.5 0.5 20"></a-text>
          </a-plane>
   </a-obj-model>

1 个答案:

答案 0 :(得分:0)

因此,您需要单击按钮,然后在其中使用单击事件侦听器进行侦听,然后从模板(例如['IR','RU','RO'] + document.createElement s)创建房屋,并附加了文本实体小时候可以使用光标/鼠标/ VR手控器移动它?