在项目开发组的努力下,HTML5 3D 的开发包变得越来越优秀,越来越健壮;基于HTML5 3D技术的MONO Design建模平台功能也变得越来越强大和完善,这个方便了很多使用我们HTML5 3D的用户。 但是对于使用TWaver Flex 3D的用户而言,有个小小的遗憾就是:整个MONO Design是面向HTML5 3D技术的,而不是Flex 3D的。其实不然,虽然MONO Design本身不是Flex开发的,但是它却可以与Flex 2D、Flex 3D技术无缝集成。简单说:MONO Design所有建模的东西,都可以直接在Flex 3D中使用。您还管它MONO Design是什么技术开发的呢?

最新版的TWaver Flex3D,不但可以支持上万的3D对象、更高的效率,而且可以直接支持HTML5 3D的json格式和各种3D对象。也就是说,MONO Design设计的任何3D场景,都可以无缝的直接转出并显示到Flex中,呈现效果完相同。导入的代码也是很简单的, 只需要几行代码就可以:

1 network3d.elementBox.clear();
2 var jsonSerializer:JsonSerializer3D = newJsonSerializer3D(network3d.elementBox,null,'html5');
3 jsonSerializer.deserializeHtml5(json);

基于此适配功能,Flex3D的用户也就完全可以使用HTML5 3D的编辑器功能了,只需要把HTML5 3D编辑器的结果导出到json,然后在Flex3D里面导入即可。事实上我们的HTML5 3D编辑器里面本身就有一个导出到Flex3D的功能。且看详细分解:

首先,打开我们的HTML5 3D编辑器MONO DESIGN:

然后拖出一个房间,一个设备和一个Billboard,同时在房间上加上门窗:

修改房间的贴图,上一个好看的贴图:

点击“3D”按钮切换到3D场景,展示效果如下:

然后我们点击“File”菜单下面的 “Export to Flex3D”项,会弹出一个新的Flex3D的窗口,展示效果如下:

可以看出,Flex3D的场景中房间,门窗,设备,billboard等的位置,贴图以及贴图的平铺效果,以及门窗的透明度都和HTML5 3D一致。

MONO Design作为统一的建模平台,将负责TWaver的2D和3D以及各种技术平台的数据模型创建,而不仅仅是局限于HTML5或Flex。这也是MONO Design产品的定位所在。如果您对此感兴趣,欢迎申请产品试用,也可以访问www.mono-design.cn在线编辑平台体验可视化建模的乐趣!

在MONO Design中使用Flex3D的更多相关文章

  1. TWaver MONO Design中动画的导出与播放

    使用过MONO编辑器的朋友都应该了解MONO中支持一些动画的设置,比如开门,开窗,弹出设备,旋转场景,镜头巡航等.但如何将这些动画应用到自己的场景中呢?比如我们在编辑器中给机柜定义了动画,怎样让做好的 ...

  2. MONO Design创建电信3D机房

    前面我们简单介绍了下一分钟创建3D机房,实则mono Design的功能远远不止这些,试想一下,如果我们花上10分钟来创建一个电信机房,那么MONO design又会给我们带来什么样的惊喜呢? 我们从 ...

  3. 纯css实现Material Design中的水滴动画按钮

    前言 大家平时应该经常见到这种特效,很炫酷不是吗 这是谷歌Material Design中最常见的特效了,市面上也有很多现成的js库,用来模拟这一特效.但是往往要引入一大堆js和css,其实在已有的项 ...

  4. Ant Design中getFieldDecorator方法的特殊用法(小bug)

    记录Ant Design中getFieldDecorator方法的特殊的一个用法 了解Ant Design表单的小伙伴都知道,getFieldDecorator在大部分情况下是用来绑定一个控件的,即像 ...

  5. Ant Design中根据用户交互展示不同的标签

    Ant Design中根据用户交互展示不同的标签 Ant Design使用的是React框架,那么我们先看代码: <Fragment> <a onClick={() => th ...

  6. C#在Linux+Mono环境中使用微信支付证书

    最近特殊的需求,要把微信平台一个功能页面部署到Linux(CentOS6.5)下,其中涉及到微信支付退款. 鉴于之前实践过mono+jexus+asp.net mvc的部署,于是问题重点在于解决对商户 ...

  7. ZYNQ Block Design中总线位宽的截取与合并操作

    前言 在某些需求下,数据的位宽后级模块可能不需要原始位宽宽度,需要截位,而某些需求下,需要进行多个数据的合并操作. 在verilog下,截位操作可如下所示: wire [7:0] w_in; wire ...

  8. Mono集成中使用api获取当前mono 调用堆栈的方法

    // 在mono源代码层级中加如下两个api 可以获取堆栈字符串 这两个api我新加的,原来没有.基于原来的代码改的. // add by bodong#if PLATFORM_WIN32 __dec ...

  9. ant design 中实现表格头部可删除和添加

    我是用antd pro做一个项目.有一个小需求是表格头部栏可操作.具体是表头的每一项都带一个"x"按钮,当不想展示这一栏的时候,直接点"x",这一栏就不展示了. ...

随机推荐

  1. easyUI里的checkbox编辑

    数据源如果有布尔值,那么在UI里,最合适的控件应该就是checkbox了. easyUI的datagrid中,列的checkbox酱紫设置: {field:'status',title:'Status ...

  2. HNOI模拟 Day3.22

    第一题: 盾盾的打字机 (drdrd) [题目描述] 盾盾有一个非常有意思的打字机,现在盾哥要用这台打字机来打出一段文章. 由于有了上次的经验,盾盾预先准备好了一段模板 A 存在了内存中,并以此为基础 ...

  3. P2465 [SDOI2008]山贼集团 dp

    这个题是一道树形dp+状压dp二合一,先预处理每种组合会有什么额外的费用,然后在树上dp就行了. 题干: 题目描述 某山贼集团在绿荫村拥有强大的势力,整个绿荫村由N个连通的小村落组成,并且保证对于每两 ...

  4. 12. Ext.Ajax 对ajax的支持

    转自:http://www.cnblogs.com/lipan/archive/2011/12/09/2272793.html 本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封 ...

  5. Python网咯爬虫 — Scrapy框架应用

    Scrapy框架       Scrapy是一个高级的爬虫框架,它不仅包括了爬虫的特征,还可以方便地将爬虫数据保存到CSV.Json等文件中.       Scrapy用途广泛,可以用于数据挖掘.监测 ...

  6. bzoj 3534: [Sdoi2014]重建【矩阵树定理】

    啊啊啊无脑背过果然不可取 比如这道题就不会写 参考:https://blog.csdn.net/iamzky/article/details/41317333 #include<iostream ...

  7. P3258[JLOI2014]松鼠的新家(LCA 树上差分)

    P3258 [JLOI2014]松鼠的新家 题目描述 松鼠的新家是一棵树,前几天刚刚装修了新家,新家有n个房间,并且有n-1根树枝连接,每个房间都可以相互到达,且俩个房间之间的路线都是唯一的.天哪,他 ...

  8. 使用 script 的 module 属性实现 es6 以上的兼容

    几个月前看到了这篇文章 https://philipwalton.com/articles/deploying-es2015-code-in-production-today/,给了我很大的启发,本来 ...

  9. Java多线程(八) synchronized 抛出异常锁自动解除

    当一个线程执行的代码出现异常时,其所持有的锁会自动释放 public class MyObject { private int i = 1; synchronized public void meth ...

  10. 平方分割poj2104K-th Number

    K-th Number Time Limit: 20000MS   Memory Limit: 65536K Total Submissions: 59798   Accepted: 20879 Ca ...