在做三维可视化项目的过程中，我们经常会有模型的点击交互事件，在上一篇我有介绍过模型点击交互的方法，想了解的话点这里，这里不再赘述。我今天要分享的是模型遮挡或者叫点击事件穿透。这是一种什么情况下才会有场景呢？我举一个例子，你有一个木箱（木箱封闭且半透明只是起到一个容器的作用），你在木箱里放一瓶酒，这时负责交互的同事说了，我只想点击木箱里的酒瓶，展示酒的品种、年份等等，不想点到木箱（有点隔空取物的意思）。在u3d引擎里这种实现比较简单，酒瓶需要交互，箱子不需要也不想点击到箱子，只需要在添加碰撞器的时候只给酒瓶添加就可以轻松规避了。但在threejs怎么实现这一伟大壮举呢，好像我在上一篇讲模型点击事件的时候也没提到有加碰撞器的说法，其实很简单。我虽然没提碰撞器，但我提到了交互模型容器管理，还记得我说的MeshArr(个人命名习惯)吗，这里是存放我们需要交互模型的数组，在射线检测时我们只需要检测鼠标指针范围内需要交互模型的就行了，很简单就实现了。末了还是想配一张图：
只为说明问题
模型点击事件插曲 在做三维可视化项目的过程中，我们经常会有模型的点击交互事件，在上一篇我有介绍过模型点击交互的方法...
前言 在三维场景中我们经常会用到一个功能，那就是与场景中的模型有事件交互即点击模型对象希望可以获取点击的模型对象，...
threeJS的点击，原理很简单。将需要添加点击事件的对象放在一个数组里，生成点击事件。用户点击屏幕的时候，thr...
在利用threejs做一些例如城市模型等3D开发时，会发现threejs无法直接支持经纬度坐标，例如城市模型的某个...
C4D制作模型，并导出obj和mtl Threejs加载模型和材质 效果
关于threejs threejs是webgl的封装库，提供了方便用户调用调用的接口和函数，涉及几何模型生产，用户...
问题 项目中需要让模型可以点击,再使用的时候发现当模型被ui遮挡以后,点击ui的时候,模型能被触发点击事件,造成不...
事件参数、事件捕获冒泡 事件委托 事件默认行为 DOM 1 、DOM 2、DOM 3模型 实现遮罩功能（点击穿透、...
今天在使用 Vue 和 Threejs 结合的项目里遇到了一些坑，记录下来。 模型加载 Threejs 在加载 o...
事件，就是人与浏览器交互的过程，例如点击按钮，输入文字，等等。。 事件驱动模型： 事件（操作，动作） 事件类...
本文标题：threejs 模型点击事件插曲
本文链接：https://www.haomeiwen.com/subject/mlfprltx.html
网友评论