快速上手 MONO Design编辑器基于WebGL技术,无需插件支持,即可在浏览器上实现3D场景的构建和展示。通过MONO Design编辑器,用户可以自由编辑和组合3D对象来模拟实体业务对象,并结合场景、灯光等环境实现整体场景的实时渲染。同时,其提供支持jsdoc(html格式)的帮助文档。 使
目标效果图 下图是领导给找的一张的效果参考图,客户希望机房至少能达到下面的3D效果。 懂的人都知道,这可是一张设计公司出的装修效果图啊,就算是用max建模,也需要大量的工作,何况咱可是程序员在做数据中心的可视化项目啊。。。强忍心中奔腾的万千头**马,静下心来思考,那就先从搭建一个webGL的场景开始
VR,也就是 virtual reality的缩写,全称是虚拟现实。从字面上理解,就是这种技术能把现实中的一切实物用模型建造出来,再通过一些硬件设备的对接,把你的身体放在这个虚拟场景当中,甚至是用一些不属于人类本身的视角去看这个世界。比如,相信大家都爬过山,我也是登山爱好者。每次爬山都觉得山顶高不可
前一段参与了一个2D机房的项目,但是这种“命题作文”总感觉憋屈,那就回咱这主场再发挥发挥! 第一篇,咱就从机柜下手。 ……机柜似乎有点太简单了,因为 机柜就是个大灰框 drawBorder: function(ctx) { ctx.fillStyle = 'gray'; ctx.fi
有了机柜,下面就该上设备了。不过,这似乎也太简单,因为 设备面板就是个小灰块 ……呃,还是再分几个区吧,要不实在太单调: drawPane: function(ctx) { ctx.fillStyle = this._borderColor; ctx.fillRect(
每天坐地铁,经常看地铁图,有一天突然想到,地铁图不也是一种拓扑结果吗?TWaver到底能与地铁图擦出怎样的火花呢? 想到就干,先到网上找幅参考图。各种风格的地铁图还挺多,甚至有大学生自主设计制作,受到地铁相关人士的认可和赞扬。不过看到他花了3周时间,我就比较同情他了,如果学会了TWaver,我保他连
第一章 前期准备 阅读之前 如果您准备使用TWaver HTML5 3D进行应用开发,那么本文档适合您阅读。请注意“HTML5”和“3D”两个关键字。如果关注的是Flex、Java、.NET等技术,或关注的是2D技术(例如拓扑图),则不在本文档讨论范围内,请阅读其他相关产品分支文档。 为了简化起见,
其实能真正体现TWaver特色的,不是之前的机柜和设备面板的绘制,而是今天要实现的端口连线。制作连线前,首先要增加个“连线模式”的开关。方案很多种,我选择灵活简洁的右键菜单 popupMenu.isVisible = function(menuItem) { var item = visib