![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
MONO Design
文章平均质量分 63
subnetwork
这个作者很懒,什么都没留下…
展开
-
在MONO Design中使用Flex3D
在项目开发组的努力下,HTML5 3D 的开发包变得越来越优秀,越来越健壮;基于HTML5 3D技术的MONO Design建模平台功能也变得越来越强大和完善,这个方便了很多使用我们HTML5 3D的用户。 但是对于使用TWaver Flex 3D的用户而言,有个小小的遗憾就是:整个MONO Design是面向HTML5 3D技术的,而不是Flex 3D的。其实不然,虽然MONO Design本...原创 2014-07-08 10:04:40 · 184 阅读 · 0 评论 -
如何创建TWaver 3D的轮廓选中效果
在一般的游戏中,物体的选中效果会是这样:TWaver 3D中,物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中,TWaver提供了轮廓线样式的选中效果。通过如下代码把几个基本形状进行捏合,生成新的组合体:1var node=new mono.ComboNode(nodes, ops);2node.s({...原创 2014-11-03 10:44:45 · 96 阅读 · 0 评论 -
巧用TWaver 3D 矢量图形功能
的确,提起TWaver,大家想到的首先是“电信拓扑图组件”。其实,由于其灵活的MVC架构、矢量化设计、方便定制等特点,TWaver可以做的还有很多。例如房地产行业常见到的“户型图”。户型推荐是销售接待中很重要的阶段,也被称做是为客户造梦的过程,户型也是客户是否选择该楼盘的一大要素。制作漂亮的户型图在房地产行业无疑是非常重要的一项工作。首先利用TWaver常被忽视的“矢量图形”功能,来...原创 2014-10-29 11:14:43 · 161 阅读 · 0 评论 -
TWaver MONO Design 中动画的导出与播放
使用过MONO编辑器的朋友都应该了解MONO中支持一些动画的设置,比如开门,开窗,弹出设备,旋转场景,镜头巡航等。但如何将这些动画应用到自己的场景中呢?比如我们在编辑器中给机柜定义了动画,怎样让做好的机柜模型加载到自己的场景中并能播放动画呢?别急,我们来举个例子给大家讲解一下。首先我们使用编辑器建一个机柜的模型,这里就不给大家演示了,MONO编辑器的平台上提供了多种机柜的模型,我们直接下载一...原创 2014-10-11 10:31:26 · 161 阅读 · 0 评论 -
如何创建环型、树型双层布局
TWaver的Demo中有常用的环型布局和树型布局,但是当网元数量较多,又不想zoomOverView,聪明的我们自然会想到使用双层布局,整体效果既不会显得很拥挤,也能刚好充满整个窗口,如下图的效果:实现这样布局效果实现的步骤:1.将link个数最多的Node作为圆点或顶点。2.分别计算所有点的位置。查找圆点或顶点的核心代码如下:1var sizes = [];...原创 2014-09-19 10:58:37 · 138 阅读 · 0 评论 -
如何创建发光的环路
先看看发光链路的运行效果:在这个Demo中主要包含三个技术点,一是如何在选取一条链路时,让整条回路发光;二是如何绘制带有箭头方向的曲线link;三是如何设置链路的样式,让整体可控。1.如何获取整条回路的所有link,并使之发光以前做客户支持,也处理过类似的问题,当时的解决方法是通过获取当前的Link,然后通过不断的遍历,不断获取link的fromNode和toNode,然后再获取Node的Li...原创 2014-09-16 13:44:07 · 79 阅读 · 0 评论 -
服务器各项指标的图形化显示
在机房的监控时,经常需要去查看某个机柜中的某一台服务器的各项指标,比如该台服务器的CPU的使用情况、该台服务器的硬盘的使用情况、以及网络的流量等等,以下我们将用TWaver 3D来实现一下该例子:创建服务器上面显示的“磁盘空间”,“CPU占用率”,“内存空间”的函数:1function createPie(box, x,y,z, arc, color, text){...原创 2014-09-11 11:49:38 · 143 阅读 · 0 评论 -
HTML5定制全选列头
随着HTML5产品分支的不断深入使用,HTML5的需求也是越来越多,表格组件的使用也不例外,什么排序,分页,自动列宽等。最近有客户提出了如果让表格的列头加上全选的功能。细细分析其实就是两部分,表格的body部分是勾选的列,表头也绘制成勾选的列。对于表格body部分的勾选,最简单是应用TWaver默认的boolean类型的render,方法很简单,只要在创建表格列时设置下面的语句就行:...原创 2014-09-10 14:57:31 · 95 阅读 · 0 评论 -
Autolayout性能优化
客户的需求就是我们进步的动力。最近有客户提出大数据量Topo图的自动布局问题,在Topo中除了Node、Link,还包括Group、Subnetwork等容器组件。在这样的情况下,我们抛开布局算法不谈,主要分析如何提高布局的性能,如何让TWaver能够支持更强大的数据量,让整体的布局效果更人性化。首先我们应该去发现问题的根源,当TWaver支持大数据量时候,布局效果不佳,那么我们PC都在做什么...原创 2014-09-03 11:05:39 · 144 阅读 · 0 评论 -
DNA分子结构3D模型
生物信息资源更新越来越快,使用可视化的方法来分析DNA序列已成为生物信息学的一个研究热点,用图形表示DNA序列的方法也越来越成熟。2011年,著名杂志《Science》发表一篇引起轰动的文章:《Presenting the Human Genome:Now is 3D!》,这篇文章完全给我们描述了人类基因组测序未来的蓝图,可见3D技术在很多领域都是发展方向。使用mono可以快速的创建DNA分子结...原创 2014-08-21 15:16:38 · 967 阅读 · 0 评论 -
TWaver推智能手表挑战华为苹果
2015年的春节刚过,苹果、华为、三星就紧锣密鼓的发布了各自新产品。华为、苹果的智能手表最吸引眼球。TWaver也不甘示弱,立刻连夜推出了更像传统奢侈豪华手表的TWaver Watch,予以反击。看来一场腥风血雨的残酷竞争不可避免。下面就带大家先睹TWaver手表的芳容。和华为一样,TWaver这款腕表也采用了经典的圆形表盘,看上去是一款做工精致的传统腕表。表盘侧面材质则使用了深...原创 2015-03-04 10:35:50 · 285 阅读 · 0 评论 -
Group共享网元
熟悉TWaver的用户都知道Group的概念,如果是Group,那必然会出现一个网元在多组的情况,最近有客户遇到这个问题,给写了Demo,这些也跟大家分享一下如何实现,先让我们看看共享网元的效果。熟悉TWaver的用户知道添加到Group中的网元,这些网元的父亲都是这个Group,既然称之为父亲,那当然一个网元只能有一个父亲,那么实现Group共享网元的效果就不能用Parent的属性来实现了...原创 2014-08-12 17:12:42 · 90 阅读 · 0 评论 -
TWaver MONO模板库新鲜出炉 精彩纷呈
MONO Design在线3D建模平台网站, www.mono-design.cn,开发组的成员们已经开始紧锣密鼓的 对这个平台进行内测。在之前的文章里,我们提到用户可以获得多种多样的TWaver官方模型库, 现在已经新鲜出炉,让我们擦亮眼睛,一睹为快!模板图库闪耀登场…TWaver MONO Design模板库中,各式各样的办公桌、椅子等,快速拖拽,创意摆放,分分钟创建办公室工作场景。下面...原创 2014-08-05 11:39:33 · 135 阅读 · 0 评论 -
22万个木箱!TWaver 3D极限压榨
打开个门户网站都千呼万唤,我们还能期待网页上的3D技术会有“酣畅淋漓”、“一气呵成”的感受吗?也许现在还差点火候。但是HTML5、WebGL等技术一直在飞速的发展,可能很快你就会惊讶它的能力。现在,我们就试试TWaver的3D能显示多少个木箱子,透明的木箱子。数据量当然要大才行,10万个怎么样?干脆试试20万好了,具体说是60的立方矩阵=60x60x60=216000个。只有压榨到极限才能了解...原创 2014-12-29 11:31:08 · 185 阅读 · 0 评论 -
TWaver版3D化学元素周期表
很早就有人做3D网页版的化学元素周期表了,酷炫效果和新鲜技巧一度被众多粉丝奉为神明,争相研究和效仿。甚至有人放弃一切扑向这颗蜡烛,不由总是想到那个OPPO广告女主角拽拽的鄙视道:“辞职去旅游!你敢吗?”俺不敢,不过用TWaver做一个也没用几个小时。所以就老在想:不就旅个游么,至于嘛?这个3D元素周期表做了一些改进:卡片上增加了汉字及拼音读音,原因你懂得——各位程序猿没几个敢大声读这...原创 2014-07-14 10:17:42 · 277 阅读 · 0 评论 -
如何在MONO 3D寻找最短路路径
前段时间有个客户说他们想在我们的3D的机房中找从A点到B点的最短路径,然而在2D中确实有很多成熟的寻路算法,其中A*是最为常见的,而这个Demo也是用的A*算法,以下计算的是从左上角到右下角的最短路径:具体的实现方式是,先将地板进行了分割,分成一个数组,然后再计算该点上是否有3D的对象,若是有,就置成该点不能通过的标记,否则就表示该点可以通过(如果你分割的越细那么算的就越精确,但是算的当然也就慢...原创 2014-12-02 10:45:53 · 104 阅读 · 0 评论