gpt4 book ai didi

javascript - 连续将 Aframe 相机移动到视野方向

转载 作者:行者123 更新时间:2023-12-03 04:33:21 25 4
gpt4 key购买 nike

我想在当前观看方向上连续移动 Aframe 场景的 View 。

似乎有两个组件可以做到这一点,(1)以正确的格式获取当前观看方向,(2)使用相机的当前观看方向定义和更新连续动画。

我设法使用以下代码获取相机的观看方向:

        <script>
AFRAME.registerComponent('listener', {
tick: function () {
var position = this.el.getAttribute('position');
var rotation = this.el.getAttribute('rotation');
}
});
</script>

如何创建沿相机观看方向移动的动画,例如当前倾斜?

我尝试过这个 Action :

AFRAME.registerComponent('listener', {
tick: function () {
var camp = document.querySelector("#cameraWrapper");
camp.setAttribute('position', camp.getAttribute('position').add(0.1)););
}
});

最佳答案

我认为 View 的方向应该是THREE.Vector3()类型,你可以这样得到方向:

var camera = document.querySelector("a-camera");
var direction = new THREE.Vector3().copy(camera.getWorldDirection());

因为tick函数会在每个渲染循环中执行,如果使用组件tick函数来实现移动,则可能不需要动画,只需让相机在 View 方向上移动一小步即可。代码如下:

tick : fucntion()
{
var camera = document.querySelector("a-camera");
var stepFactor = 0.1;
camera.parent.position.add(this.direction.multiplyScalar(stepFactor));
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.5.0/aframe.min.js"></script>
<script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.7.0/dist/aframe-extras.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Camera Movement</title>
</head>
<body>
<script type="text/javascript">
AFRAME.registerComponent("listener", {
schema :
{
stepFactor : {
type : "number",
default : 0.05
}
},
tick : function()
{ this.el.components.camera.camera.parent.position.add(this.el.components.camera.camera.getWorldDirection().multiplyScalar(this.data.stepFactor));
}
});
</script>
<a-scene>
<a-camera listener="stepFactor:0.01" position="0 0 30">
<a-entity id="cursor" cursor="fuse: true;fuseTimeout:500"
material="color:black"
geometry="primitive:ring"
position="0 0 -1"
scale="0.01 0.01 0.01"
></a-entity>
</a-camera>
<a-grid></a-grid>
<a-box position="0 1 -2" color="blue" move eve></a-box>
</body>
</html>

我将组件附加到 a-camera 实体,因此 this.el 等于 a-camera DOM 元素。

关于javascript - 连续将 Aframe 相机移动到视野方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43400119/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com