TWaver - 专注UI技术

http://twaver.servasoft.com/
posts - 171, comments - 191, trackbacks - 0, articles - 2
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

在MONO Design中使用Flex3D

Posted on 2014-07-08 10:02 TWaver 阅读(4898) 评论(5)  编辑  收藏

在项目开发组的努力下,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中,呈现效果完相同。导入的代码也是很简单的, 只需要几行代码就可以:

1network3d.elementBox.clear();
2var jsonSerializer:JsonSerializer3D = newJsonSerializer3D(network3d.elementBox,null,'html5');
3jsonSerializer.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在线编辑平台体验可视化建模的乐趣!


评论

# re: 在MONO Design中使用Flex3D  回复  更多评论   

2014-07-08 11:59 by wangyue
学习了!支持!

# re: 在MONO Design中使用Flex3D  回复  更多评论   

2014-07-09 09:28 by 互联网思维
技术精湛

# re: 在MONO Design中使用Flex3D  回复  更多评论   

2014-07-21 13:51 by 屌丝智慧
这个挺有难度的哦 http://www.diaosiiq.com

# re: 在MONO Design中使用Flex3D  回复  更多评论   

2014-07-29 18:28 by Norry
“京东云擎”本周四推出一键免费安装Discuz论坛了,让用户能在1分钟之内建立自己的论坛。这是继上周云擎推出一键安装WordPress之后的又一重大免费贡献! 云擎: http://jae.jd.com

# re: 在MONO Design中使用Flex3D  回复  更多评论   

2014-08-07 16:32 by 司马青衫文学
怎么打开的这么慢啊






文学论坛www.simaqingshan.com

只有注册用户登录后才能发表评论。


网站导航: