three.js关于平滑基于PointerLockControls的自定义控件中的抖动的帮助

three.js
大家好，我想寻求一些帮助来优化我使用官方PointerLockControls制作的自定义控件。控件实现了在X轴和Z轴上进行平移的基本功能。这里的问题是，即使fps不是很差（在50到60之间），我在一台中档笔记本电脑上的动作也会有很大的抖动。我猜在翻译逻辑中有一些没有很好地实现，这里是=new===truebreakcase 40://downcase 83:=>；{switch（e.keyCode）{case 38://upcase 87:==false}document.addEventListener（“keydown”，onKeyDown，false）document.addEventListener（“keyup”，onKeyUp，false）this.controls.addEventListener（“锁”，onPointerLock，false）this.controls.addEventListener（“解锁”，onPointerUnlock，==摇摇晃晃.z+delta_1。zyawObject.position.set（newX_1，offsetY，newZ_1）}如果(这个，左|| = 摇摇晃晃.z+delta_2。zyawObject.position.set（newX_2，offsetY，=this.clock.elapsedTimeUpdateControl(这是最后一次, 这是德拉蒂姆)此为.render.render(这一幕, 这是照相机)requestAnimationFrame（动画）}这把锁（）动画（）
有改进的想法吗？revyTH:
我在一台中端笔记本电脑上的动作中有很大的抖动，
你能用不同的鼠标和/或鼠标垫试试吗？我记得不久前有一个类似的问题。无法在代码中修复此问题，因为事件数据已损坏。使用不同的鼠标解决了问题…nHi@Mugen87，抖动与环视部分（来自官方PointerLock控件）无关，该部分工作正常。问题是X轴和Z轴上的平移部分是用键盘（wasd或箭头）完成的，在我的测试中它不能顺利工作。
好的。你对官方的例子也有同样的感受吗？nhttps://threejs.org/examples/misc_controls_pointerlock16
还是只在您的应用程序中发生？
在该示例中，我没有得到抖动。
我尝试使用该示例调整代码，我看到了轻微的改进（抖动更少）。但它仍然不是很平滑。这些是我在测试时收集的一些统计数据：
内存占用：150 MbnGPU内存占用：220；b
最大绘制调用：77
几何图形：58
纹理：73nTraingles:31725nFPS:53-60
这是根据==new==“Click to=”none}改编的代码overlay.addEventListener（“点击”，OverlyOnClik，（错误）this.controls.addEventListener（==true；break；case 37://leftcase 65:==true）velocity.y+==函数（事件）{switch（event.keyCode){case 38://upcase 87:=false；break；}；document.addEventListener（“keydown”，onKeyDown，false）；document.addEventListener（“keyup”，onKeyUp，false===true=Number（向前移动）-Number（>
我还能做什么？
嗯，在使用Chrome和Firefox进行测试时，您是否发现了差异？
在firefox上甚至比chrome更糟糕，我不知道如何解决这个特定于设备的问题。我会在浏览器bug追踪器上提交一个bug，希望一切顺利^^
好的！无论如何谢谢你的帮助
Help on smoothing out jittering in custom controls based on PointerLockControlsn

three.js关于平滑基于PointerLockControls的自定义控件中的抖动的帮助

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形