- 博客(4)
- 收藏
- 关注
RSS订阅原创 Three.js中Raycaster检测不到模型反面（碰撞检测）
重点：child.material.side = THREE.DoubleSide;整体下来遇到较为困难的点就是射线检测：如果不使用上面这行代码，相机在模型正面可以正确的检测ThreeJsVue到墙体模型，但是在墙体另一面，就检测不到了！？这个点被难住了很长时间。(PS：感兴趣的可以看看陈老师的课程，我就是从这节课萌生的新思路。去看看当然，在发现这个方法之前，是打算使用一个笨方法的。就是请建模师 把边缘模型翻转法线，这样就可以从墙体内部检测到墙体了。
2024-04-26 13:59:04
957
4
原创 Three.js加载多模型，且导出为一个
刚写完个新需求，记录一下：读取本地Excel文件，根据文件内信息，请求模型库模型，最后将加载的全部模型导出为一个整体。逻辑较为简单，主要是导出功能，第一次接触。是关键，将请求到的模型放置到一个场景下。这里注意的是：scene必须是私有变量。感兴趣的小伙伴，可以看一看 文中提到的KTX2Loader 和 MeshoptDecoder。在上面代码中，我将下载的进度使用回调函数返回去了，那么就可以拿到下载完成？这里注意的是， 《 * as XLSX》不使用这种引入方式，会有问题。这两个都是用来优化的点。
2024-04-01 18:06:45
243
原创 Three.js加载压缩模型-Draco压缩（1.0）
有人说解码路径可以是：three/examples/jsm/libs/draco/，但是我在netWork上面看一直拿不到draco_wasm_wrapper.js 和 draco_decoder.wasm 两个文件。但是后续还可以使用建模工具进行压缩；后来把draco下的文件放到public下，配置路径改成：floder/THREEJS/libs/wasm/这两天在写一个压缩模型，加载压缩后的模型...在网上找了很多资源，趁热打铁，做个笔记。若要加载压缩后的模型，不可以再使用GLTFLoader。
2024-02-29 14:52:40
584
原创 Three.js包围盒可见线框
当我拿到四个围墙、房顶以及地面的模型时，为了检验这个roomBoundingBox是否正确时，想到用可视线框来表示~ 走起。最近在写一个需求：当相机在某个房间内时，不能移动到房间外，只能在当前房间内 旋转、平移、缩放。
2024-02-20 15:22:36
403
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人