热门文章 使用ThreeJs搭建BIM模型浏览器-第十步 加载优化

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:650°  评论:0  
时间:2020-10-16   分类: 转载    热度:650   评论:0
最近在尝试了新的传输方式。不过对QModel而言,影响不是很大,因为QModel这个产品只有首次加载是需要从服务器下载模型数据的。   首先,把原本的模型文件拆分成多份了。原本只有一个zip数据压缩...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器,第九步-性能优化(2)

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:637°  评论:0  
时间:2020-10-16   分类: 转载    热度:637   评论:0
感谢网友给的建议。 我之前一直是使用threejs的102dev版本,以为geometry共享了就行了,但是这并不是threejs里面所说的Instance。在新的threejs版本中,新增加了几个很有意思的Instan...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器,第九步-内存优化(1)

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:642°  评论:0  
时间:2020-10-16   分类: 转载    热度:642   评论:0
添加到场景的mesh,是通过geometry+materail生成的。如果场景内大量重复的构件,或者大量的构件的材质都是相同的,threejs提供这种方案节省内存:共享geometry 和materail。举例说明: ...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器,第八步-边缘线

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:645°  评论:0  
时间:2020-10-16   分类: 转载    热度:645   评论:0
这个辅助线条,一般称为辅助线,类似草图里的草稿线条。下面分别是有线条和没有线条的对比。 在Threejs对面的边缘添加线条,其实很简单。可以从官方示例中找到。 ...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器,第七步-测量

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:643°  评论:0  
时间:2020-10-16   分类: 转载    热度:643   评论:0
前面说到构件选择,实现了点击时与界面记录的焦点。《使用ThreeJs搭建BIM模型浏览器,第二步-构件选择》 主要的实现思路是:通过一个全局标记,记录前一次点击(作为起点)和后一次点击(作为终点),求两点之前的距离。 ...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器 第六步 纹理贴图(材质)

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:639°  评论:0  
时间:2020-10-16   分类: 转载    热度:639   评论:0
上效果图 解决思路: Threejs上没啥好说的。看郭老师的博客:http://www.yanhuangxueyuan.com/Three.js_course/texture.html Revit...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器 第五步 漫游

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:642°  评论:0  
时间:2020-10-16   分类: 转载    热度:642   评论:0
基础的键盘操作漫游其实很好解决。Threejs有一个FlyControl这个控制器,就是完成键盘操作的。 废话不说,上图   关键代码   ...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器 第四步 剖切

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:641°  评论:0  
时间:2020-10-16   分类: 转载    热度:641   评论:0
技术方案:threejs的剖切,是由renderer.clippingPlanes实现的。 ...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器 第三步 浮标

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:674°  评论:0  
时间:2020-10-16   分类: 转载    热度:674   评论:0
实现效果如下。不用纠结UI为什么很面熟,因为我从某大品牌抄过来的,哈哈。 实现原理呢, 第一步,获取鼠标点击。 第二步,计算交插点。(这里要注意,如果是剖切之后,被剖切部分要舍弃,否则标记在隐藏构...

阅读全文>>

热门文章 使用ThreeJs搭建BIM模型浏览器,第二步-构件选择

时间:2020-10-16   作者:玉龙之乡   分类: 转载   热度:648°  评论:0  
时间:2020-10-16   分类: 转载    热度:648   评论:0
构件选择其实是鼠标点选的二维坐标与Canvas上的视角方向做射线投影,所穿过的所有构件,第1个即为点选。 以下为代码逻辑。部分变量可以根据您的需要,修改成你的变量。点击后把构件设置为半透明。 如果有需要,还可...

阅读全文>>

返回顶部    首页    手气不错    捐赠支持   后花园   
版权所有:玉龍之鄉    站长: 玉龙之乡   程序:emlog   蒙ICP备16004298号