Posted on 2014-07-08 10:02
TWaver 閱讀(4918)
評論(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中，呈現效果完相同。導入的代碼也是很簡單的, 只需要幾行代碼就可以：
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在線編輯平臺體驗可視化建模的樂趣！