<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    TWaver - 專注UI技術(shù)

    http://twaver.servasoft.com/
    posts - 171, comments - 191, trackbacks - 0, articles - 2
      BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

    打著IMAX 3D噱頭的《阿凡達》在全球瘋狂掠走了20億美元的票房。然而,一切還未結(jié)束。在國內(nèi),馮小剛以同樣的3D作品《唐山大地震》三天票房就輕松過億,IMAX版本一票難求,其氣勢比《阿凡達》有過之而無不及。人們?yōu)槭裁磳@些電影趨之若鶩呢?說到底還是無法阻擋3D技術(shù)帶來的震撼和沖擊,是真正的“眼球經(jīng)濟”、全新的“用戶體驗”。而在一日千里的軟件行當(dāng),我們的3D技術(shù)雖然在游戲、工程制圖等領(lǐng)域已經(jīng)普及,但是在大多日常領(lǐng)域卻并不多見。而在更嚴(yán)肅一點的電信網(wǎng)絡(luò)管理監(jiān)控類的軟件中則更是難得一見。那么,如果在你的界面上呈現(xiàn)一個自由旋轉(zhuǎn)、可交互的3D的機房監(jiān)控界面(如下圖),用戶的感覺又會如何呢?不必驚訝。看完這篇文章你就會知道,用TWaver做這類界面,只是分分鐘的事。


    什么是TWaver® 3D機房管理軟件

    TWaver® 3D機房管理軟件(以下簡稱“3D機房”)是用于管理電信運營商機房資源的軟件平臺,是賽瓦軟件TWaver®產(chǎn)品家族中的一員。3D機房通過集成設(shè)計環(huán)境(IDE)對電信行業(yè)各種機房資源進行設(shè)計、建模、存儲,并以三維技術(shù)進行呈現(xiàn)和展示。3D機房既是一個完善的電信機房資源管理工具,也是一個電信資源管理的二次開發(fā)平臺和組件。



    產(chǎn)品結(jié)構(gòu)

    TWaver3D機房是一個C/S(客戶端/服務(wù)器)結(jié)構(gòu)的桌面應(yīng)用程序,包括應(yīng)用程序和數(shù)據(jù)庫兩部分。功能包括2D機房設(shè)計器、3D機房呈現(xiàn)試圖、數(shù)據(jù)轉(zhuǎn)換與存儲模塊。通過3D機房,用戶可以方便快速的創(chuàng)建電信機房環(huán)境,并對各種機房資源進行管理和存儲。這些機房數(shù)據(jù)通過XML格式進行轉(zhuǎn)換并存儲在數(shù)據(jù)庫中,可以為其他OSS軟件系統(tǒng)(如網(wǎng)管系統(tǒng)、資源管理系統(tǒng)等)共享使用。

    目標(biāo)用戶

    TWaver3D機房可以為廣大電信運營商、設(shè)備制造商、軟件開發(fā)商所使用。尤其在以下幾種情況下,TWaver3D機房將會帶來更大的作用:

    • 電信網(wǎng)管軟件開發(fā)者:將TWaver3D機房作為二次開發(fā)平臺,開發(fā)符合自身需要的機房資源管理軟件系統(tǒng);
    • 系統(tǒng)集成商:可將TWaver3D機房與現(xiàn)有軟件系統(tǒng)整合,提供完整的機房資源管理能力;
    • TWaver開發(fā)者:將TWaver3D機房作為呈現(xiàn)組件,對各種機房資源進行三維展示;
    • 電信運營商:直接使用TWaver3D機房,管理現(xiàn)有機房資源;

    使用編輯器

    TWaver3D機房提供了一個可視化的編輯工具,用來在一個IDE環(huán)境下對機房進行創(chuàng)建、建模、貼圖、布置、保存等工作。要使用編輯器,首先需要安裝MySQL數(shù)據(jù)庫。這個過程對我們來說非常簡單,過程忽略。
    MySQL安裝結(jié)束后,創(chuàng)建一個數(shù)據(jù)庫,并將TWaver3D機房中提供的SQL數(shù)據(jù)庫腳本導(dǎo)入。

    mysqldump –u root –p twaver_platform < c:\database.sql

     

    然后就可以雙擊TWaver3D中的run.bat,啟動編輯工具了。接下來要對編輯工具進行初始化。啟動TWaver3D機房后,進入程序主頁面,如下圖:

    點擊主菜單Tools——Options,打開系統(tǒng)設(shè)置界面:




    確保設(shè)置以下數(shù)值:

    • Database Server:數(shù)據(jù)庫服務(wù)器地址。輸入localhost(本機);
    • Database Port:數(shù)據(jù)庫服務(wù)器端口。輸入MySQL默認端口3306;
    • Database Name:數(shù)據(jù)庫名稱。輸入twaver_platform;
    • Database User Name:數(shù)據(jù)庫用戶名。輸入root;
    • Database Password:數(shù)據(jù)庫密碼。輸入public;

    點擊OK保存設(shè)置。至此,TWaver3D機房已經(jīng)安裝設(shè)置完畢,可以使用。

    常用操作

    創(chuàng)建機房

    在TWaver3D機房中,點擊System——New菜單:



    在對話框中選擇“Room“,點擊OK按鈕,創(chuàng)建新的機房對象。

    機房集成編輯環(huán)境如下圖所示。

    其中各個面板作用如下:

    1. 機房環(huán)境參數(shù)設(shè)置。包括房間大小、填充顏色等;
    2. 機房2D設(shè)計視圖??梢栽谶@里創(chuàng)建對象、移動對象、縮放、參數(shù)設(shè)置等;
    3. 對象屬性表??梢詫x中對象進行各種參數(shù)設(shè)置;
    4. 3D設(shè)計視圖。對2D設(shè)計視圖中的數(shù)據(jù)進行3D視圖自動轉(zhuǎn)換和呈現(xiàn)。
    保存機房

    在TWaver3D機房中,點擊2D設(shè)計視圖中工具條的“Save“按鈕,可以將當(dāng)前機房保存到數(shù)據(jù)庫中:


    打開機房

    一旦機房被保存到數(shù)據(jù)庫,即可在任意時間打開機房數(shù)據(jù)進行修改。點擊主菜單中的System——Open Room菜單項:


    在彈出的對話框的列表中,選中要編輯的機房,點擊“確定”按鈕即可打開機房:



    創(chuàng)建機房物體

    點擊工具欄的“New”按鈕,可以創(chuàng)建一個新的3D機房物體。

    新建的機房物體會在2D和3D視圖中顯示出來。同時,新建的物體也會自動被選中,其相關(guān)屬性會在右側(cè)的屬性表中羅列出來。


    3D機房環(huán)境中,每個物體的主要屬性如下圖所示:

    3D機房環(huán)境還提供了不同角度的旋轉(zhuǎn)、縮放等,圖解如下:


    在3D機房中,物體的呈現(xiàn)遵循以下原則:

    • 每一個物體都是立方體。3D機房不支持其他形狀的物體,例如球體、圓柱體等;
    • 每一個物體在水平、垂直兩個方向上旋轉(zhuǎn)角度不超過90度。也就是說,每個物體只能呈現(xiàn)其左、右、頂三個面;
    • 每個物體必須接觸在水平面上,而不能懸空;

    3D機房物體的主要屬性和含義在下表中羅列:
    屬性 描述 舉例
    AlarmState 告警狀態(tài),包含當(dāng)前物體上的所有告警信息。

     

    帶有告警信息的3D物體

    Location 物體的坐標(biāo)位置
    Height 物體的3D高度

     

    具有不同高度的物體

    Left Visible 物體的左側(cè)立面否可見

     

    左側(cè)立面不可見的物體

    Left Image 物體的左側(cè)立面貼圖圖片

     

    設(shè)置左側(cè)立面貼圖的物體

    Left Image Bounds 物體的左側(cè)立面貼圖的具體邊界

     

    左側(cè)貼圖設(shè)置邊界為[10,10,30,30],開始坐標(biāo)為10,10,寬高分別為30和30

    Left Image Texture 物體左側(cè)立面貼圖是否使用紋理模式

     

    設(shè)置金屬拉絲紋理圖片

    Left Image Texture Scale 物體左側(cè)立面貼圖是否使用紋理的放大系數(shù)

     

    問題放大系數(shù)設(shè)置為3和10的區(qū)別

    Right Visible 物體的右側(cè)立面否可見 同上
    Right Image 物體的右側(cè)立面貼圖圖片 同上
    Right Image Bounds 物體的右側(cè)立面貼圖的具體邊界 同上
    Right Image Texture 物體右側(cè)立面貼圖是否使用紋理模式 同上
    Right Image Texture Scale 物體右側(cè)立面貼圖是否使用紋理的放大系數(shù) 同上
    Top Image 物體頂面貼圖圖片

     

    設(shè)置頂面圖片的物體

    Top Visible 物體頂面是否可見

     

    頂面不可見的物體

    設(shè)置機房環(huán)境參數(shù)

    機房環(huán)境參數(shù)包括機房名稱以及機房地平面參數(shù)。在左側(cè)編輯面板上可以直接進行編輯:



    具體參數(shù)含義如下:

    參數(shù) 描述
    Room Name 機房名稱
    Floor Grid Unit 地平面網(wǎng)格單位。也就是地平面每個方塊的尺寸有多少個最小單位數(shù)量。默認值是3
    Floor Grid Row Count 地平面方塊行數(shù)量
    Floor Grid Column Count 地平面方塊列數(shù)量
    Floor Grid Color 1 地平面方塊顏色一
    Floor Grid Color 2 地平面方塊顏色二
    3D Floor Left Side Color 地平面左側(cè)立面顏色
    3D Floor Right Side Color 地平面右側(cè)立面顏色
    Floor Grid Color 地平面網(wǎng)格線顏色
    Floor Grid Stroke 地平面網(wǎng)格線寬度,默認為0,單像素寬
    Floor Deep 地平面的厚度(高度),默認為1個單位
    常用編輯操作

    編輯環(huán)境中,2D視圖和3D視圖直接聯(lián)動。2D視圖中可以控制尺寸、位置等操作,3D視圖中可以進行縮放、旋轉(zhuǎn)、選擇等操作。

    2D視圖常用操作方法如下:

    操作 描述
    選擇 通過鼠標(biāo)可以直接在2D視圖上點擊物體進行選擇。被選中的物體會顯示8個小方塊。同時,屬性表也會列出選中物體的所有屬性。

     

    修改尺寸 選中物體后,通過鼠標(biāo)對8個小方塊可以直接對物體的尺寸進行修改。

     

    此外,也可以用鼠標(biāo)選中物體后,按Shift+方向鍵來修改物體的尺寸。

    移動物體 用鼠標(biāo)選擇物體后,對物體進行拖拽,可以顯示出要移動的新位置;松開鼠標(biāo),可以將物體移動到虛線顯示的位置。

     

    此外,也可以用鼠標(biāo)選中物體后,點擊方向鍵對物體進行移動。

    放大視圖 點擊工具欄的放大按鈕,可以對整個視圖進行放大。

     

    縮小視圖 點擊工具欄的縮小按鈕,可以對整個視圖進行縮小。

     

    縮放回退 點擊工具欄的Zoom Back按鈕,可以回退到上次縮放比例。

     

    充滿縮放 點擊工具欄的Zoom To Overview按鈕,可以將視圖拉伸縮放充滿當(dāng)前整個可見區(qū)域。

     

    矩形縮放 點擊工具欄的按鈕,可以在視圖上拖拽一個矩形區(qū)域,并將其放大至整個畫布

     

    縮放重置 點擊工具欄的“Zoom Reset”按鈕,可以將當(dāng)前視圖縮放重置為1:1。

     

    鷹眼視圖 點擊工具欄的“Overview Window”按鈕,可以顯示或隱藏鷹眼視圖

     

    全屏顯示 點擊工具欄的“Full Screen”按鈕,可以進入或退出全屏模式。

     

    導(dǎo)出圖片 點擊工具欄的“Export Image”按鈕,可以把視圖導(dǎo)出到位圖圖片中。

     

    在彈出對話框中,可以指定圖片導(dǎo)出的區(qū)域。

    導(dǎo)出SVG 點擊工具欄的“Export SVG”按鈕,可以把視圖導(dǎo)出到一個SVG文件中。SVG是一個W3C標(biāo)準(zhǔn)的矢量圖形文件格式。

     

    拷貝粘貼 選中物體后,按Control+C組合鍵進行物體拷貝,按Control+V組合鍵進行物體粘貼。
    刪除對象 拖動鼠標(biāo)選擇要刪除的對象,點擊“Del”鍵可以刪除所選中的對象。在確認對話框中選擇“是”。

     

    3D視圖常用操作方法如下:

    操作 描述
    視圖縮放 在3D視圖上,用鼠標(biāo)滑動滾輪,可以對視圖進行縮放。鼠標(biāo)指向的位置,會在縮放過程中,始終保持在鼠標(biāo)的位置
    視圖平移 用鼠標(biāo)在3D視圖上進行拖拽,可以直接對視圖進行上下左右平移。
    物體選擇 點擊鼠標(biāo)可以選擇鼠標(biāo)所在位置的物體。如果多個物體重疊,則最上面的物體會被選中。
    視圖旋轉(zhuǎn) 按住Control鍵的同時,用鼠標(biāo)拖拽視圖,可以對視圖進行水平、垂直兩個方向旋轉(zhuǎn)。

     

    注意:水平旋轉(zhuǎn)和垂直旋轉(zhuǎn)最大角度為90度。

    重置縮放 雙擊3D視圖可以回到1:1的原始縮放比例。

    一個完整的例子

    本節(jié)通過編輯一個完整的例子來展示如何創(chuàng)建一個完整的3D機房。

    第一步:創(chuàng)建房間墻體布局

    點擊New按鈕創(chuàng)建節(jié)點,通過Shift+箭頭調(diào)整節(jié)點尺寸,形成一個單位的墻體厚度,并首尾相接,拼湊成如下形狀的布局。


    第二步:設(shè)置墻體紋理圖片

    準(zhǔn)備一張自己喜歡的墻體紋理作為素材,存放在磁盤上(如下圖)。

    在2D視圖上按鍵Control+A選擇所有物體。

    在右側(cè)屬性表中,設(shè)置其左側(cè)立面的圖片為該紋理圖片。

    同時將左側(cè)里面設(shè)置為紋理模式,將紋理放大系數(shù)設(shè)置為5。



    對右側(cè)里面設(shè)置同樣圖片、紋理以及紋理放大視圖。最終3D效果如下圖:

    第三步:創(chuàng)建空調(diào)對象

    選中所有墻體(Control+A)并在屬性表中設(shè)置高度為150。在底部墻位置放置一個新對象,高度120并設(shè)置其top、left立面設(shè)置金屬拉絲紋理圖片,右側(cè)立面設(shè)置一個空調(diào)面板圖片。顯示效果如下圖:



    在2D視圖上,選中空調(diào)對象,按Control+C后連續(xù)按Control+V快捷鍵,創(chuàng)建更多空調(diào)對象,并放置在合適的位置:


    第四步:創(chuàng)建窗戶和掛畫

    要在現(xiàn)有墻體上創(chuàng)建窗戶、門、掛畫等對象,可以創(chuàng)建一個物體并設(shè)置其厚度為0,然后設(shè)置其側(cè)面貼圖,并強制指定貼圖的邊界區(qū)域,最后將對象靠在墻體表面的位置即可。



    創(chuàng)建物體,調(diào)整厚度為0


    設(shè)置左側(cè)圖片,并指定其邊界為(10,10,100,100)


    設(shè)定物體填充色為透明(修改顏色最后兩位數(shù)字為00即可)

    移動物體到墻體位置

    重復(fù)以上步驟,設(shè)置門、掛畫等物體,進一步美化機房環(huán)境。



    第五步:創(chuàng)建電信設(shè)備

    在房間空白處放置新物體,并設(shè)置其左右面板為設(shè)備面板圖。創(chuàng)建更多設(shè)備并調(diào)整其位置。


    可以在屬性表中設(shè)置設(shè)備的告警狀態(tài)。




    添加墻角物體,設(shè)置填充色為暗紅色,設(shè)置圖片為滅火器消防栓。

    一個簡單的機房環(huán)境就基本完成了。可以雙擊2D或3D視圖的標(biāo)題條進行最大化顯示:

    第六步:保存機房

    在機房環(huán)境變量編輯面板上設(shè)置機房名稱等信息。


    點擊工具條上的Save按鈕保存當(dāng)前機房:



    可以在主菜單中再次打開機房,進行進一步編輯修改。




    通過以上步驟可以看到,TWaver3D機房可以很方便的通過可視化的方式創(chuàng)建機房環(huán)境并用3D方式進行呈現(xiàn)。


    評論

    # re: 3D的致命誘惑——TWaver 3D機房初探(工具使用篇)  回復(fù)  更多評論   

    2010-08-17 14:17 by 何楊
    真不錯!

    # re: 3D的致命誘惑——TWaver 3D機房初探(工具使用篇)  回復(fù)  更多評論   

    2010-08-18 12:52 by sgz
    是挺不錯的

    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲精品无码久久久影院相关影片| 亚洲国产成人精品无码区在线观看 | 99无码人妻一区二区三区免费| 亚洲一日韩欧美中文字幕在线| 国产L精品国产亚洲区久久| 久久久久久AV无码免费网站| 亚洲午夜成人精品无码色欲| 亚洲精品无码mv在线观看网站| 一区二区无码免费视频网站| www免费黄色网| 在线精品一卡乱码免费| 黄色网址免费在线| 亚洲中文字幕人成乱码 | 亚洲色无码专区在线观看| 91麻豆最新在线人成免费观看| 日韩在线视频播放免费视频完整版| 亚洲黄色免费网址| 亚洲国产综合无码一区二区二三区| 99久久综合精品免费| 西西人体大胆免费视频| 亚洲国产精品综合一区在线| 77777亚洲午夜久久多人| 午夜免费福利网站| 亚洲香蕉免费有线视频| 国产一级黄片儿免费看| 亚洲av无码专区在线观看下载| 亚洲一区二区三区首页| 亚洲一区视频在线播放| 免费看美女被靠到爽| 97久久免费视频| 在线观看人成视频免费无遮挡| 色窝窝亚洲av网| 日本亚洲免费无线码 | 亚洲日韩精品无码专区| 91亚洲国产成人久久精品网站| 亚洲精品tv久久久久久久久久| 女人毛片a级大学毛片免费| 亚洲免费福利视频| 久久精品电影免费动漫| 中文字幕乱码一区二区免费| 曰批全过程免费视频免费看|