当我的Javascript函数运行时,我的a帧没有渲染.我怎么能让它同时渲染
My A-Frame isn't rendering while my Javascript function is running. How can I have it render simultaneously?
使用Mozilla的A-Frame
for WebVR,我尝试用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>
and my 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
方法将你的逻辑插入到框架的呈现循环中。https://aframe.io/docs/0.3.0/core/component.html方法
相关文章:
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 我怎么能把一个错误当作未捕获的错误来记录呢
- Github上的流星,我怎么能和朋友一起做同一个项目
- 有没有一个javascript库可以生成这样的垂直切片背景图像?如果没有,我怎么能创建它
- 我怎么能在Angular JS中等待,直到我的web服务返回
- 使用javascript,我怎么能在ipad上看到你的页面
- 我怎么能在同一个HTML页面上多次在不同的段落中添加相同的字符串呢
- 我怎么能有一个自动渐变背景使用JavaScript,它适用于最新版本的Internet Explorer
- 我怎么能知道电子邮件是动态复制的呢
- 我怎么能读“;.on()"jQuery中的方法参数
- 我怎么能从angularjs中的日期选择器中只选择日期呢
- 我怎么能做这样的事情;如果(a>x>b)“;
- Javascript:我怎么能强迫一个有十进制值的字符串使用点而不是逗号呢
- 我怎么能用“;var=新的外部面板“;并且只有viewport或Ext.define?(sencha touch 2)
- 我怎么能理解js.map文件中的这些垃圾呢
- 我怎么能有一个实时计时器,在3秒的循环内每秒钟更新一次
- 我怎么能防止我的主播在屏幕上跳来跳去
- 我怎么能理解从插件扩展的主干文件在哪里
- 我现在怎么能得到推特计数
- 如果我愿意的话,我以后怎么能调用JS自执行函数呢