three.js
关注
分享
扫一扫
w844916072
这个作者很懒，什么都没留下…
展开
-
使用webgl(three.js)搭建3D智慧园区、3D大屏，3D楼宇，智慧灯杆三维展示，3D灯杆，web版3D,bim管理系统——第六课
<!DOCTYPE html><html style="padding:0px;margin:0px;"><head> <style> body { /*background: linear-gradient(to top right, #000000 0%, #001925 60%, #003a...转载 2020-02-09 15:46:53 · 3229 阅读 · 3 评论 -
webgl(three.js)实现室内定位,楼宇bim、实时定位三维可视化解决方案——第五课
（写在前面，谈谈物联网展会）上次深圳会展中心举行物联网展会，到了展会一看，80%以上的物联网应用都是在搞RFID，室内定位，我一度怀疑物联网落地方案的方向局限性与市场导向，后来多方面了解才明白，展会上看到的不能体现目前物联网最前沿最广泛的应用，很多大的企业与技术前沿企业没有参与这样的展会，一是不屑于参加，二是展会带来的市场价值实在太少太少，展会最大的价值就是让同行之间再抄一抄（国内大部分企业基本这...转载 2020-02-09 15:46:44 · 2979 阅读 · 5 评论 -
使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课（炫酷版一）
这节课我们主要讲解园区三维可视化炫酷感官技术方案前言： 当基础技术达到普及状态，应用就趋向于极致，在三维可视化领域也是这个道理。各大可视化公司都追求美观最大化，这时候美工的作用就不容忽视了。 背景说明： A、经济背景：经济下行的大环境下，各大有社会责任的企业与部门开始拉动内需，扩大预算，向有技术有情怀的科技公司派送订单，保证科技公司活下来，下一个科技风口能够继续战斗，国民...转载 2020-02-09 15:46:34 · 2740 阅读 · 2 评论 -
如何用webgl(three.js)搭建不规则建筑模型，客流量热力图模拟
三、逻辑控制代码function ModelBusiness() { }ModelBusiness.prototype.init = function () { var _this = this; _this.currentShow = "mainModel"; w3DShowObj.mouseMoveEvent = _this.mouseMoveEvent;}...转载 2020-02-09 15:46:21 · 1003 阅读 · 0 评论 -
如何用webgl(three.js)搭建不规则建筑模型，客流量热力图模拟
本节课主要讲解如何用webgl(three.js)搭建一个建筑模型，客流量热力图模拟使用技术说明： 这里主要用到了three.js，echart.js以及一些其它的js 与css技术，利用websoket做实时数据传输。技术亮点： 用代码实现不规则建筑三维模型，模型层叠动画、三维会话气泡等 实时绘制三维热力云图 三维场景内外连线技术 有效控制页面内存，及时回收...转载 2020-02-09 15:45:09 · 727 阅读 · 0 评论 -
使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课
代码实现：<!DOCTYPE html><html style="padding:0px;margin:0px;"><head> <style> .canvas_frame { border: none; cursor: pointer; wi...转载 2020-02-08 19:42:38 · 2000 阅读 · 1 评论 -
使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课
序：这段时间忙于奔波，好久没有更新了，今天更新一下，继续上节课的完善讲解，算是对前段时间的一个总结吧。披星戴月的时光也算有点应用效果了。 对于webgl(three.js)性能这一块我在上节课《使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课》已经给了详细的说明比较与解决方案 下节课讲解了炫酷科技版本的解决方案 技术交流邮箱1203193731@qq.c...转载 2020-02-08 19:34:53 · 9030 阅读 · 15 评论 -
使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课
使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课项目背景消防安全一直是各大都市关注的重要课题，在消防体系中，特别是高楼消防体系中，消防系统整体布控与监控，火情有效准确定位，防火器材定位，人员逃生路径规划，火情预警，消防演习都是特别重要的环节。所以一套直观的，迅速治控的系统展现，可体验式演戏游戏也就变得那么的不可或缺了。解决方案技术选型：使用webGL技术...转载 2020-02-08 19:25:01 · 2343 阅读 · 0 评论 -
如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室,-第二课
八、场景内温度调节 并且有调节动画 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...转载 2020-02-08 19:23:21 · 1569 阅读 · 1 评论 -
如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室,-第二课
第一课程提到了在库房的基础上添加上下架 消防 温湿度等等控制刚好 最近有接到一个客户的需求 是和库房差不多的项目 只是不是库房了 是档案室 但是基本操控还是差不多的 也有文件上下架什么的那么第二课 我们就按照客户的需求 先做一个概述性的展现特此说明：为了减少网络传输带宽 我特意用ScreenToGif工具 截了一些gif图 压缩成低帧率有什么需要交流的 可邮件我 1203193...转载 2020-02-08 19:22:56 · 1984 阅读 · 5 评论 -
如何用webgl(three.js)搭建一个3D库房-第一课
如何用webgl(three.js)搭建一个3D库房-第一课今天我们来讨论一下如何使用当前流行的WebGL技术搭建一个库房并且实现实时有效交互第一步、搭建一个3D库房首先你得知道库房长啥样，我们先来瞅瞅库房长啥样（这是我在网上找的一个库房图片，百度了“库房”一下，找不到合适的全景，我们也只能窥一斑思全豹了，就它了，特此声明：此图片归原作者所有 非本人所拍，拿来只是给读者做个案例）下...转载 2020-02-08 19:20:39 · 2372 阅读 · 2 评论 -
使用webgl(three.js)创建3D机房(升级版)-普通机房
使用webgl(three.js)创建3D机房(升级版)-普通机房序： 目前市面上的数据中心主要分两大类，一类属于普通数据中心，机柜按照XY轴 有序排放，一类属于微模块集合的数据中心，多个机柜组合而成的微模块。 本节课主要详细讲解普通数据中心的可视化展示，浏览器直接查看机房实时3D数据。 功能简述：普通3D机房搭建，机柜、服务器、端口实时监控 数据联动展示，机柜动态...转载 2020-02-08 19:14:43 · 2172 阅读 · 19 评论 -
使用three.js创建3D机房模型-分享一
使用three.js创建3D机房模型-分享一序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。其它相关文章：使用webgl(three.js)创建3D机房，3D机房微模块详细介绍(升级版二)使用webgl(three.js)创建3D机房...转载 2020-02-08 19:13:59 · 5000 阅读 · 10 评论