Three.js
海上彼尚
九儿他不言败
展开
-
Three.js加载压缩的glb/gltf文件
有些模型文件直接使用GLTFLoader加载会报错,如果格式没有问题的话,很可能就是这个模型文件被压缩了。压缩也是可以加载的更快嘛~现在就来说说这个坑。http://www.webgl3d.cn/pages/09c637/ 这个连接有很详细的说明这个咋个解压或者压缩模型文件的,但是有个地方这句话有坑:大概能就是去找到这个依赖文件夹去复制到某个路径下去,因为我这里用的构建工具,那么打包的话public文件夹下的东西肯定是不会动的,而且会打包到根路径,因此代码要这样写:原创 2024-06-14 14:43:42 · 330 阅读 · 0 评论 -
Three.js的Shader展示16张瓦片图
【代码】Three.js的Shader展示16张瓦片图。原创 2024-05-30 21:33:51 · 160 阅读 · 0 评论 -
Three.js一篇就够了[持续更新]
如果你想模拟下雨效果,一个雨滴用一个3D水滴形曲面表示,假设一个水滴用40个三角形表示,1万个雨滴,就是40万个三角形,精灵模型Sprite在threejs内部就像相当于两个三角形构成的矩形,1万个精灵模型,相当于2万个三角形,Sprite模拟雨滴相比比3D曲面几何体表示雨滴顶点数量就会少很多,这样threejs渲染性能就更好。非常简单,你的眼睛(相机)对着三角形的一个面,如果三个顶点的顺序是逆时针方向,该面视为正面,如果三个顶点的顺序是顺时针方向,该面视为反面。.clearcoat的范围0到1,默认0。原创 2024-05-30 16:23:11 · 697 阅读 · 2 评论 -
Three.js 3D视频全景
2.球体,用一张全景图片贴在球上。效果比较好,但是做网页的话,图片会非常大。所以可以优化:把全景图切割成瓦片图,请求的时候图片懒加载。而且要包两层,这样看起来不那么丑。但是现在咱们要搞视频全景,配合上设备方向识别。不就可以实现“vr”效果了吗?以vue3为例,直接上代码。先说说市面上比较流行的3d全景web基本是图片来制作的。1.环境贴图,六个面把透视相机包起来。原创 2023-12-16 15:11:44 · 247 阅读 · 0 评论 -
Threejs3D看房思路教学
【代码】Threejs3D看房思路教学。原创 2023-10-30 16:28:41 · 147 阅读 · 0 评论