亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

TWaver 3D 編輯器的使用(一)----設計3D場

系統 1769 0

TWaver提供了一套3D場景的開發包,用來幫助用戶快速搭建3D場景,實現3D的監控系統。這個開發包目前商推的只有Flex框架下的版本,被稱為TWaver3D for Flex。開發包提供簡單的API,用戶向TWaver的數據對象(例如Node)中設定相關的3D style,就可以構建出一套3D場景。(詳細的使用方式請參考產品包中的
為了簡化用戶使用代碼搭建3D場景的復雜度,TWaver還提供了一個可視化的編輯工具,用于幫助用戶編輯3D場景,然后將場景轉換為可讀的xml文件。需要再現場景的時候,用戶只需要將這份圖紙載入系統,實現所見即所得的目的。用戶加載完圖紙后,就可以根據設計圖紙的時候設定的數據綁定關系,實現實時系統監控信息的綁定。
TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定
ps:Editor這個工具采用了Flex的module機制,允許用戶將預定義的3D模型資源打包成module,然后通過Editor進行動態加載到編輯環境中(擴展動態模塊的話題我們下章細聊)。
TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定
預定義的模型加載進來之后,我們就可以著手設計我們的3D場景了。Editor目前采用的是2D方式編輯,3D場景展現的方式。例如我們現在建立一個小房間,房間內設置一個機柜。
TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定
我們將其另存成名為common.xml的圖紙。
圖紙片段如下

<datatype='twaver.Element'ref='7'id='EF576749-1DD2-39D0-7FFD-0B7B913ABCF8'>
<sn='physical.size.t3d'x='60'y='120'z='60'/>
<sn='mapping.common.path.t3d'>XZRack3D1</s>
<sn='mapping.type.t3d'>map6</s>
<sn='scene.location.t3d'x='-148.5'y='60'z='117.5'/>
<sn='both.sides.visible.t3d'> true </s>
<cn='itemid'>XZ1</c>
<cn='bid'>custom1</c>
</data>

有了這份圖紙我們就可以在監控系統載入的時候,將圖紙載入系統,直接呈現3D場景了。

[Embed(source="images/XZRack3D1.png")]
public static const XZRack3D1:Class;

      private function init():void{
      
twaver.threed.util.Util3D.registVector3D();
twaver.Utils.registerImageByClass("XZRack3D1",XZRack3D1);
var network:Network3D = new Network3D();
network.applyHoverCamera(-180,10,5,1000);
this.addElement(network);
var box:ElementBox = network.elementBox;
network.tiltAngleLowLimit = 0;
network.tiltAngleUpLimit = 15;
var xs:XMLSerializer3D=new XMLSerializer3D(box);
xs.deserialize(scene);
}

ps:由于我們的模型中,用來渲染機柜的圖片定義成了XZRack3D1,所以我們在上面的代碼里需要把資源注冊進來。
載入圖紙之后,我們就可以看到一個在Editor中設計完成的場景了。
TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定
話題引申開,畢竟僅僅加載一個3D場景還不是我們的目的,我們還會希望能夠把我們的監控信息追加到3D場景上,實現我們監控系統的3D化。那么這個時候,我們前面提到的Business ID就起到作用了。

      //注冊數據類型,用來解讀bid屬性 
      
twaver.SerializationSettings.registerGlobalClient("bid","String");
......
var finder:QuickFinder = new QuickFinder(box,"bid","client");
var els:Array = finder.find("custom1");
var alarm:Alarm = new Alarm(null,els[0].id,AlarmSeverity.CRITICAL);
box.alarmBox.add(alarm);

那么我們就可以直接讀取映射在圖紙中的業務id屬性,用來滿足用戶動態綁定數據
TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定
這樣我們就完成了應用程序加載預設計的圖紙,并實現數據綁定的功能了。ok,動動手指就可以把你的2D變3D,趕緊來試一下吧。

后續文章
如何自定義模型module;
圖紙的二次編輯。



TWaver 3D 編輯器的使用(一)----設計3D場景以及數據綁定


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 中文国产成人精品久久久 | 青春禁区视频在线观看动漫版 | 久久在线综合 | 性www| 久久精品亚瑟全部免费观看 | 久久精品这里 | 日本最黄视频 | www.草草草| 欧美日韩一区二区三区毛片 | 欧美色成人综合 | 99热在线观看免费 | 99在线观看视频 | 国产精品第二页 | 国产欧美在线观看精品一区二区 | 两性色午夜视频免费老司机 | 高清一级毛片一本到免费观看 | 播放一级录像片 | 色噜噜狠狠狠狠色综合久一 | 免费不卡毛片 | 日本波多野结衣在线 | 国产成人欧美一区二区三区的 | 亚洲视频在线a视频 | 亚洲国产精久久小蝌蚪 | 九九热香蕉视频 | 日韩在线观看网站 | 免费一看一级欧美 | 四虎一影院区永久精品 | 国语一区| 日韩欧美一级毛片在线 | 中文在线视频 | 欧美人与zoxxxx另类9 | 在线视频 中文字幕 | 国产一区二区三区四区在线 | 青草国产视频 | 91中文字幕视频 | 真人实干一级毛片aa免费 | 亚洲精品69 | 老子理论不卡影院6080 | 97成人精品视频在线播放 | 天天操天 | 黑丝毛片 |