Three.js Raycaster on WebWorker

Posted

技术标签:

【中文标题】Three.js Raycaster on WebWorker【英文标题】: 【发布时间】:2013-07-05 10:36:55 【问题描述】:

我在基于网络的赛车游戏中使用 Three.js Raycaster 方法。但是由于计算量大,它消耗了大量的 CPU 周期,因此导致 fps 下降。我正在考虑在 WebWorker 上导出 Three.js 的 RayCaster 方法。谁能指导我如何完成它,或者有可能吗?

【问题讨论】:

【参考方案1】:

有一个关于将合并几何方法卸载到网络工作者的问题,这应该可以帮助您解决这个问题。

虽然合并几何方法对于网络工作者来说并不理想,但其他的东西,比如物理学,也许你的光线投射方法是。

Merging geometries using a WebWorker?

关键是你在 web worker 中所做的任何工作都必须作为浮点数组发送到主线程。

因此,您需要将数据打包并在另一端解压。

当物理引擎响应 x,y,z 坐标并且整个系统在 Web Worker 中模拟并将位置传递回主线程进行渲染时,这适用于物理引擎。

【讨论】:

以上是关于Three.js Raycaster on WebWorker的主要内容,如果未能解决你的问题,请参考以下文章

Three.js Raycaster 未检测到场景网格

Three.js 隐形平面不适用于 raycaster.intersectObject

Three.js raycaster 到底在做啥?

three.js 2D 鼠标点击到 3d 坐标使用 raycaster

当 div 的宽度减小时,使用 raycaster 进行检测并不完全准确,three.js(v72)

three.js 给模型添加标注