快速上手 MONO Design编辑器基于WebGL技术,无需插件支持,即可在浏览器上实现3D场景的构建和展示。通过MONO Design编辑器,用户可以自由编辑和组合3D对象来模拟实体业务对象,并结合场景、灯光等环境实现整体场景的实时渲染。同时,其提供支持jsdoc(html格式)的帮助文档。 使
Mono Design除了提供丰富的3D对象,用于搭建出多种多样的模型外,也提供了直接导入3D文件的功能,免去了您对已有模型重复建模的工作。目前MONO Design可以支持导入的3D格式为OBJ格式,如果你手头有3DS格式的文件,可在3ds Max中将3DS文件转为OBJ的格式,再用MONO导入。
需求描述 先简单描述下这次客户的需求。 现实应用中,网络拓扑图结构可能很简单,也可能非常复杂。 比如这种节点较多的单层拓扑: 稍复杂一些的: 再复杂一些的:
目标效果图 下图是领导给找的一张的效果参考图,客户希望机房至少能达到下面的3D效果。 懂的人都知道,这可是一张设计公司出的装修效果图啊,就算是用max建模,也需要大量的工作,何况咱可是程序员在做数据中心的可视化项目啊。。。强忍心中奔腾的万千头**马,静下心来思考,那就先从搭建一个webGL的场景开始
先来看一下小弟做的帝都地铁图的效果,基本上是参照baidu的地铁图来复现的: 依然是纯矢量、可交互、有动态效果、无失真缩放的拓扑图: 可视化效果具体就不展开了,拿到过拖拖乐的兄弟们都了解。下面主要还是说说这次新增的功能点,怎么形容呢?杀很大噢~ 选中线路会发光</
前一段参与了一个2D机房的项目,但是这种“命题作文”总感觉憋屈,那就回咱这主场再发挥发挥! 第一篇,咱就从机柜下手。 ……机柜似乎有点太简单了,因为 机柜就是个大灰框 drawBorder: function(ctx) { ctx.fillStyle = 'gray'; ctx.fi
有了机柜,下面就该上设备了。不过,这似乎也太简单,因为 设备面板就是个小灰块 ……呃,还是再分几个区吧,要不实在太单调: drawPane: function(ctx) { ctx.fillStyle = this._borderColor; ctx.fillRect(
客户端硬件配置 工作站显卡:推荐 NVIDIA GeForce GTX 1070 或 1080 以上; 笔记本显卡:推荐 GTX950M、GTX960M、GTX970M、GTX965M、GTX1080 以上; CPU:推荐 i7 处理器 硬盘:建议 SSD 硬盘
每天坐地铁,经常看地铁图,有一天突然想到,地铁图不也是一种拓扑结果吗?TWaver到底能与地铁图擦出怎样的火花呢? 想到就干,先到网上找幅参考图。各种风格的地铁图还挺多,甚至有大学生自主设计制作,受到地铁相关人士的认可和赞扬。不过看到他花了3周时间,我就比较同情他了,如果学会了TWaver,我保他连
第一章 前期准备 阅读之前 如果您准备使用TWaver HTML5 3D进行应用开发,那么本文档适合您阅读。请注意“HTML5”和“3D”两个关键字。如果关注的是Flex、Java、.NET等技术,或关注的是2D技术(例如拓扑图),则不在本文档讨论范围内,请阅读其他相关产品分支文档。 为了简化起见,
其实能真正体现TWaver特色的,不是之前的机柜和设备面板的绘制,而是今天要实现的端口连线。制作连线前,首先要增加个“连线模式”的开关。方案很多种,我选择灵活简洁的右键菜单 popupMenu.isVisible = function(menuItem) { var item = visib