gpt4 book ai didi

javascript - 当我的 Javascript 函数运行时,我的 A-Frame 没有渲染。我怎样才能让它同时渲染?

转载 作者:行者123 更新时间:2023-12-02 14:07:15 25 4
gpt4 key购买 nike

使用 Mozilla 的 WebVR A-Frame,我尝试使用 JavaScript 编辑一个对象的 y 位置。但是,在我的 javascript 运行完毕之前,网页上不会显示任何内容。为什么不是同时的?

这是我的 HTML 页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, World! - A-Frame</title>
<meta name="description" content="Hello, World! - A-Frame">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item id="crate-obj" src="./aztec-temple.obj"></a-asset-item>
<a-asset-item id="crate-mtl" src="./aztec-temple.mtl"></a-asset-item>
</a-assets>
<a-obj-model src="#crate-obj" mtl="#crate-mtl"></a-obj-model>
<a-sphere id="comet" position="1, 5.25, -5" radius="1.25" color="#EF2D5E"></a-sphere>
</a-scene>
</body>
<script src="./main.js"></script>
</html>

和我的 JavaScript:

function initialCometSetup() {
var x = 0, y = 5.25, z = -5;
var myComet = document.getElementById('comet');
myComet.setAttribute('position', {x: x, y: y, z: z});
console.log(myComet);
setTimeout(100, changeZofComet());
}

function changeZofComet() {
console.log("got here")
var myComet = document.getElementById('comet');
var myPos = myComet.getAttribute('position');
console.log(myPos.y)
myPos.y = myPos.y - 0.01;
myComet.setAttribute('position', myPos);
if (myPos.y > 0) {
setTimeout(1000, changeZofComet());
} else {
console.log("schmuguwuga")
}
}

setTimeout(1000, initialCometSetup());

最佳答案

您应该创建一个组件并使用 tick 方法将逻辑插入到 aframe 的渲染循环中,而不是创建自己的渲染循环。 https://aframe.io/docs/0.3.0/core/component.html#methods

关于javascript - 当我的 Javascript 函数运行时,我的 A-Frame 没有渲染。我怎样才能让它同时渲染?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39934196/

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