javascript - 当小部件紧密耦合在一起形成复杂模型时,找到在 raycaster 和相交的三个 js 中单击的确切元素

标签 javascript three.js

同时处理三个js。我有一个 3D 模型,其中有几个小零件,这些零件连接在一起形成一个 3D 装载机(模型)。现在我使用 raycaster 和 intersects 来查找单击的元素。所以它基本上是一扇门,有小螺丝、 Handlebars 、铰链、 bolt 、导轨、旋转点、枢轴等。

我的问题是,在使用 raycaster 和三个 js 时,直到或除非我缩放,否则元素不会被识别。当我放大到一定程度时,我能够识别单击的元素。谁能帮我解决这个问题,我确实摆脱了放大。

最佳答案

您可能最好创建一个附加的网格,附加/添加到小元素(如螺钉) - 附加的网格可以由螺钉周围的大球体几何形状定义。这个较大的球体几何形状将是不可见的(即其 Material 可见性是错误的),并且将用于拦截小元素(例如螺钉)的光线转换,这些小元素本身很难拦截。

关于javascript - 当小部件紧密耦合在一起形成复杂模型时,找到在 raycaster 和相交的三个 js 中单击的确切元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49687037/

相关文章:

javascript - jQuery Moble 如果可能的话返回一页,否则转到这里

javascript - 改变平面三 Angular 形的颜色 threeJS

javascript - 为网页创建演示动画的好工具?

javascript - 在 iPad 上处理 mouseenter 和 mouseleave

javascript - 在运行时在 Three.js 中更改从 blender 导入的模型的面部颜色

three.js - Threejs 中细节级别 (LOD) 网格的 3D 渲染性能/管道

three.js - PlaneGeometry Mesh 在 Three.JS 中出现黑屏

three.js - Three.js Normal Map Shader是在切线空间计算光照吗?

javascript - 将 Bootstrap 模式与 javascript 链接起来

javascript - 三.js JSON 文件压缩