在Aframe中移动相机[关闭]答案

【问题标题】：Move camera in Aframe [closed]在Aframe中移动相机[关闭]
【发布时间】：2021-04-04 07:40:21
【问题描述】：

我看到了一些代码，并尝试将它们编译在一起。它不起作用，我可能会错过一些东西。

Glitch full code

【问题讨论】：

我已经编辑了帖子。现在看起来好多了。
<a-animation> 已被弃用，取而代之的是 animation component。在编辑之前，我看到了一个 1.0.4 版本，其中 a-animation 不应该工作
我添加了一个链接，以便人们可以看到完整的代码。不确定动画组件。像这样的不同格式？ animation__mouseenter="property: components.material.material.color; type: color; to: blue; startEvents: mouseenter; dur: 500";

标签： animation camera aframe

【解决方案1】：

两个问题，

函数名 (movekamera) 而不是调用 (movekamera())
<a-animation> 已弃用 - 请改用 animation。

您的代码进行了这些更改：

 <script src="https://aframe.io/releases/1.1.0/aframe.min.js"></script>

    <a-scene background="color: #FAFAFA">
      <a-entity
        id="mouseCursor"
        cursor="rayOrigin: mouse"
        raycaster="objects: #box,#plane,#cylinder"
      ></a-entity>

      <a-entity
        id="box"
        geometry="primitive: box"
        material="color: red"
        position="-1 1 -3"
        rotation="0 30 0"
        onclick="kameramove_1()"
      ></a-entity>
      <a-cylinder
        id="cylinder"
        position="1 0.75 -3"
        radius="0.5"
        height="1.5"
        color="#FFC65D"
        shadow
        onclick="kameramove_1_back()"
      ></a-cylinder>
      <a-plane
        id="plane"
        position="0 0 -4"
        rotation="-90 0 0"
        width="4"
        height="4"
        color="#7BC8A4"
        onclick="kameramove_1()"
      >
      </a-plane>
      <a-entity movement-controls="fly: true" position="0 0 0"></a-entity>
      <a-entity camera position="0 1.6 0" look-controls></a-entity>

      <a-entity id="camentity" rotation="0 0 0"
      animation__1="property: position; from: 0 0 0; to: -4 0 -5; dur: 500; 
      startEvents: movecam_1"
      animation__bc ="property: position; to: 0 0 0; from: -4 0 -5; dur: 500; startEvents: movecam_1_bc">
        <a-camera id="cam"></a-camera>
      </a-entity>
    </a-scene>
    <script>
      function kameramove_1() {
        document.querySelector("#cam").emit("movecam_1");
      }

      function kameramove_1_back() {
        document.querySelector("#cam").emit("movecam_1_bc");
      }
    </script>

【讨论】：