Question

相机动画始终从最初的相机姿势开始。

我们不希望出现这种情况。

您可以使用以下方法检查此问题： https://app.3d.io/default_setup。

此代码之前有效。我们没有改变任何事情。

<a-entity camera="" tour="autoStart: false" wasd-controls="" look-controls="" position="-2.073 1.6 -1.474" rotation="-2.063 203.308 0">
  <a-entity tour-waypoint="Top View" io3d-uuid="add7b140-7563-463a-b324-75e2b460e915" position="-7.959815433483447 22.172638840745442 1.675735956699384" rotation="-89.9 450 0"></a-entity>
  <a-entity tour-waypoint="Living" io3d-uuid="486a6760-e8d1-456d-a2d0-5358d65b2ef1" position="1.1168750348397785 1.037108274040117 1.7797448740972899" rotation="0 412.98472385428914 0"></a-entity>
  <a-entity tour-waypoint="Kitchen" io3d-uuid="4a0f17c1-fcde-4706-9188-48ddeb808927" position="-0.4316313757947364 1.37 0.10205065263211961" rotation="0 491.46180963572306 0"></a-entity>
  <a-entity tour-waypoint="Dining" io3d-uuid="5d76c74b-a2b5-4ddf-a6e9-a6fe009377b7" position="-1.0699430785395438 8 -3.5236261145326577" rotation="-38.48648648648648 539.873168157716 0"></a-entity>
  <a-entity tour-waypoint="Bedroom" io3d-uuid="4d6fec29-1467-40be-8f91-5435f0317072" position="-9.650512503727434 8 2.1338268605968826" rotation="-59.152761457109314 594.7591069330199 0"></a-entity>
  <a-entity tour-waypoint="Bedroom" io3d-uuid="3851ec4b-53c0-47d4-afc2-3d646043eb5d" position="-9.639031885443684 8 5.539305773258945" rotation="-56.77438307873098 400.8960173400832 0"></a-entity>
  <a-entity tour-waypoint="Master Bedroom" io3d-uuid="97eabbe1-578a-48ee-a40f-60af0187f2b1" position="-13.334875006116892 8 -1.701906768812833" rotation="-59.08108108108104 494.6322427235562 0"></a-entity>
  <a-entity tour-waypoint="Top View" io3d-uuid="fe33bb66-b1fe-4d13-9904-2e98fc05a525" position="-7.959815433483447 22.172638840745442 1.675735956699384" rotation="-89.9 450 0"></a-entity>
</a-entity>

此代码也无法正常工作。相机仍然保持相同的位置。

document.querySelector('[camera]').components['tour'].updateViewPoint({position:{y:1.6}, rotation:{x:0}})

Answer 1

事实证明aframe-animation-component转移到版本4.x.x时发生了一些变化，如果您发现自己使用以下方式包含该组件：

<script src="https://unpkg.com/aframe-animation-component/dist/aframe-animation-component.min.js"></script>

你想改变这一行：

<script src="https://unpkg.com/aframe-animation-component@3.2.5/dist/aframe-animation-component.min.js"></script>

Answer 2

巡视动画将始终从当前摄像机位置到下一个巡视点。因此，您要做的是将相机设置为起始位置，无论是在帧源代码中还是以编程方式：

<a-entity camera position="x y z"></a-entity>

或通过JavaScript：

document.querySelector('[camera]').setAttribute('position', 'x y z');

然后您可以通过编程方式设置下一个航路点：

document.querySelector('[camera]').components['tour'].goTo(waypointUuid)

或者你可以开始游览：

document.querySelector('[camera]').components['tour'].playTour()

如果这对您不起作用，请描述您想要的结果，并与故障或应用创建者分享您的代码。

在3d.io的Waypoints动画问题

2 个答案: