如何解决ThreeJS FPS 下降
我在角色动作和场景的 FPS 方面遇到了一些问题。我移动角色越多,FPS 越低。我在开始的第一阶段可以毫无问题地移动,但是经过几秒钟的移动后,fps 下降到非常低的水平。我不明白这是来自我的运动功能还是动画功能。我遵循了一些运动教程,但它们都没有 fps 下降。这是我的运动和动画功能。
var xSpeed = 0.0001;
var ySpeed = 0.0001;
document.addEventListener("keydown",onDocumentKeyDown,false);
function onDocumentKeyDown(event) {
var keyCode = event.which;
if (keyCode == 90) {
avatar.translateZ( -1 );
} if (keyCode == 83) {
avatar.translateZ( 1 );
} if (keyCode == 81) {
avatar.rotation.y -= 0.1;
} if (keyCode == 68) {
avatar.rotation.y += 0.1;
}
render();
};
var render = function() {
requestAnimationFrame(render);
renderer.render(scene,camera);
};
function animate() {
requestAnimationFrame( animate );
render();
stats.update();
}
解决方法
在每个 keydown
事件中注意您的代码。它调用 render()
请求一个新的动画循环。到第二次按键时,您将获得每帧两个渲染循环,每次都添加越来越多的循环,直到您的计算机无法处理更多。
您只需要一个 requestAnimationFrame
循环,无需在每次击键时添加一个新循环。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。