![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
文章平均质量分 52
Bricke
unity->WebGL->UE4
积木玩家Bricke砖客
展开
-
WebGL(ThreeJS)加载乐高Ldraw模型案例
2.优化模型的加载速度,相同类型的模型不用做重复的加载,通过克隆模型的方式,大大减少了重复加载,提升加载速度。3.结合VUE开发,使用package打包出来再运行,速度会大大提升。可以看到官方的例子里已经将加载模型的方法都共享出来了。1.修改模型按步骤播放,增加播放单个零件的掉落动画。于是我将上面的例子抽取出来,并且做了二次开发。4.增加每个步骤的零件数量统计(在上方显示)。6.上一步、下一步功能,及播放步骤进度条。2.然后npm run dev启动项目。5.可查看单个零件。原创 2022-08-23 20:01:35 · 867 阅读 · 2 评论 -
Webgl(ThreeJS)在移动端实现室内漫游的解决方案(附工程)
在移动端实现室内漫游,先看效果截图:整体的漫游Demo效果看链接:技术点:一、加载模型采用异步加载glb模型。二、空间中路线规划三、3D场景中画线四、自动漫游五、移动端点击事件的响应。六、最后整体的工程文件供学习...原创 2022-05-12 11:44:21 · 4254 阅读 · 7 评论 -
记录下对Clipper.js的使用
首先在github上可以直接下载到Clipper的源码,是无压缩版的:https://github.com/Delapouite/JsClipper。在使用Clipper前先看看Clipper的Demo展示:http://jsclipper.sourceforge.net/6.4.2.2/main_demo.htmlhttp://jsclipper.sourceforge.net/6....原创 2022-02-17 17:09:26 · 1049 阅读 · 0 评论 -
ThreeJS加载gltf模型例子
直接上源码:ThreeJS加载glb模型实用案例-互联网文档类资源-CSDN下载原创 2022-01-26 10:17:04 · 674 阅读 · 0 评论 -
ThreeJS加载ldraw模型优化方案
ThreeJS官方加载Ldraw文件,实质就是通过循环加载.mpd文件里每一个dat模型,这样相同的dat就会出现重复加载,因此要提升加载速度,唯有将这个流程简化。说一下我的思路:第一步先将ldraw模型文件先解析出来,记录下每一行dat数据的同时,也统计下本模型只需要加载哪些dat模型。 接下来,先加载出来本模型所需要的dat模型零件,存到一个列表里,这些模型作为基础模型不需要添加到场景中。 通过用ThreeJS.Object3D的clone()方法,从加载出来的模型列表里找出相同名字的dat模原创 2021-10-08 17:50:08 · 1286 阅读 · 10 评论