草原上的建筑- 草原上的建筑模型-玉龍之鄉

threejs既然能够通过三角面构造mesh,肯定是能够通过面片构造出几何模型。各个功能模块的核心代码，在我后续的博客中会一一列举公布出来。 实现思路： 1、从Revit中导出族名称+构件三角面+构件属性的JSON文本,并压缩成Zip。有朋友问是否需要二次开发。当然是要的，具体可以查看我发布的其他文章，有公开的Demo。 2、Web端解压ZIP，并加载JSON。整个打包解压过程自己定义，不采用第三方文件的优势是，解析过程可以优化，内容也可以根据模型的精细级别进行优化。 以下是文件定义举例。大家在实现的时候根据自己需求去定义，不用刻意模仿。JSON中重复的字段，名称取短一点对文件压缩有很大提升。比如Face直接命名为："F",自己定义就不太需要考虑可读性。 我的作品，几乎能做到市面上浏览器的所有常见功能。例如漫游、点选、框选、显示隐藏、透明度、标注、测量。下面是模型的展示入口：模型展示页，从里面也可以下载到一些入门级的Revit插件代码和Threejs的示例代码。  ++ {"Faces":[{"obj":null,"Tgs":["0,1,2","3,4,5","6,7,8","9,0,10","10,0,2","9,10,7","7,11,3","11,7,10","3,11,4","9,7,6"],"Uvset":["10,11,0","5,3,4","8,6,7","9,10,1","1,10,0","9,1,6","6,2,5","2,6,1","5,2,3","9,6,8"],"Nor":"0,0,-1","MtrId":0},{"obj":null,"Tgs":["12,13,14","13,12,15","12,14,16","17,16,18","16,17,12","17,18,19","14,20,16","21,13,15","22,19,18","20,23,16"],"Uvset":["23,14,15","14,23,12","23,15,18","22,18,19","18,22,23","22,19,21","15,16,18","13,14,12","20,21,19","16,17,18"],"Nor":"0,0,1","MtrId":0},{"obj":null,"Tgs":["2,15,12","12,10,2"],"Uvset":["24,26,27","27,25,24"],"Nor":"0,-1,0","MtrId":0},{"obj":null,"Tgs":["10,12,17","17,11,10"],"Uvset":["24,26,29","29,28,24"],"Nor":"-1,0,0","MtrId":0},{"obj":null,"Tgs":["11,17,19","19,4,11"],"Uvset":["24,26,31","31,30,24"],"Nor":"0,1,0","MtrId":0},{"obj":null,"Tgs":["4,19,22","22,5,4"],"Uvset":["24,26,33","33,32,24"],"Nor":"1,0,0","MtrId":0},{"obj":null,"Tgs":["5,22,18","18,3,5"],"Uvset":["24,26,35","35,34,24"],"Nor":"0,-1,0","MtrId":0},{"obj":null,"Tgs":["3,18,16","16,7,3"],"Uvset":["24,26,37","37,36,24"],"Nor":"1,0,0","MtrId":0},{"obj":null,"Tgs":["7,16,23","23,8,7"],"Uvset":["24,26,39","39,38,24"],"Nor":"0,1,0","MtrId":0},{"obj":null,"Tgs":["8,23,20","20,6,8"],"Uvset":["24,26,41","41,40,24"],"Nor":"1,0,0","MtrId":0},{"obj":null,"Tgs":["6,20,14","14,9,6"],"Uvset":["24,26,39","39,38,24"],"Nor":"0,-1,0","MtrId":0},{"obj":null,"Tgs":["9,14,13","13,0,9"],"Uvset":["24,26,43","43,42,24"],"Nor":"1,0,0","MtrId":0},{"obj":null,"Tgs":["0,13,21","21,1,0"],"Uvset":["24,26,45","45,44,24"],"Nor":"0,1,0","MtrId":0},{"obj":null,"Tgs":["1,21,15","15,2,1"],"Uvset":["24,26,47","47,46,24"],"Nor":"1,0,0","MtrId":0}],"Pt":["56.721771,36.437252,-1","217.221771,36.437252,-1","217.221771,-0.500246,-1","56.721771,139.916428,-1","122.221771,176.937256,-1","122.221771,139.916428,-1","78.910057,53.958088,-1","56.721771,74.312256,-1","78.910057,74.312256,-1","56.721771,53.958088,-1","0.242604,-0.500246,-1","0.242604,176.937256,-1","0.242604,-0.500246,0","56.721771,36.437252,0","56.721771,53.958088,0","217.221771,-0.500246,0","56.721771,74.312256,0","0.242604,176.937256,0","56.721771,139.916428,0","122.221771,176.937256,0","78.910057,53.958088,0","217.221771,36.437252,0","122.221771,139.916428,0","78.910057,74.312256,0"],"UVs":["-143.635417,0","73.34375,0","73.34375,177.4375","-48.635417,177.4375","-48.635417,140.416667","16.864583,140.416667","16.864583,74.8125","-5.323707,74.8125","-5.323707,54.458333","16.864583,54.458333","16.864583,36.9375","-143.635417,36.9375","143.635417,0","143.635417,36.9375","-16.864583,36.9375","-16.864583,54.458333","5.323707,54.458333","5.323707,74.8125","-16.864583,74.8125","-16.864583,140.416667","48.635417,140.416667","48.635417,177.4375","-73.34375,177.4375","-73.34375,0","0,0","0,216.979167","1,0","1,216.979167","0,177.4375","1,177.4375","0,121.979167","1,121.979167","0,37.020833","1,37.020833","0,65.5","1,65.5","0,65.604167","1,65.604167","0,22.18829","1,22.18829","0,20.354167","1,20.354167","0,17.520833","1,17.520833","0,160.5","1,160.5","0,36.9375","1,36.9375"],"LevelId":30,"CatId":-2001263,"Id":169141,"Colors":["0"]}   以下是效果图。样式不是重点，随时可以换。        

QModel模型浏览器展示页面：QModel链接入口，支持Revit文件上传，在Web端浏览，并集成与模型相关的业务。 首先关于笔者的介绍： 2010年机缘巧合进行建筑信息化行业，当时主要还是在做工程造价相关的软件。 2015年BIM概念忽然兴趣，随公司开始做一些跟Revit相关的项目，从此对Revit二次开发有一定的了解。 2016年Web端并没有很好的解决方案，做了一些跟BIM相关的桌面端应用。 2017年BIM平台开始火了，转做平台项目，自然而然成为了前后端的全栈工程师，掌握了.NET Core和Angular 2018年因为平台做大，框架转变为Java的微服务框架，逐渐跟上了主流。 整个做BIM的过程，就是跟模型打交道的过程。研究过国内外许多做模型的引擎，集成度高业务全面的大厂贵的要死，老外的产品跟国内使用习惯差异巨大，我也曾在沟通上吃尽苦头。 2019年辞去了做了9年的工作。   关于QModel的诞生： 很有意思。是在我做了许多年的开发工程师，开发经理之后，终于因为某些机缘下退居二线，成为产品经理，日常工作更多的是做BIM平台产品规划，原先掌握的技术已经全部用不上了。但是我不太甘心呀！于是开始了Threejs的学习之路。此时的我虽然技术不怎么牛，但是我的全栈在建筑行业已经达100%全栈，从设计到施工运维全过程的业务都有所了解，而且开发所要用的技术都心中有数。Revit解析几何不算太难，而Threejs官方的示例确实非常的全，对我来说看懂也并非难事。头脑一热，从官方Down下来示例代码，开始了QModel的第一个架子：如何显示一个自定义体。历时近一年，都是业余时间的研究，终于有点东西了。耗时最长的一个问题，就是UV信息如何导出，转换到Threejs的UV上把图贴正确。   关于QModel的命名： 很简单，轻量化模型，取轻拼音字母Q。   关于QModel的规划： 把视点、标准都设计为平台化的功能。 把性能再提升一个等级，尝试渐进式加载和离屏渲染，多线程。 在二维图纸上有所突破。 注册个小公司。这是一个不以盈利为目的引擎平台，支持免费接入，只要流量上去，愿意给钱的给点赞助费维护服务器。   关于QModel的框架： 目前是这样，以后可能还会变   以下是平台展示网页：http://www.qmodel.cn