中文字幕日韩欧美精品高清在线 ,中文字幕免费一区,亚洲国产高潮在线观看

VR技術在數據中心3D機房中的應用（下）

posted @ 2017-06-01 14:08 TWaver 閱讀(310) | 評論 (0) | 編輯收藏

VR技術在數據中心3D機房中的應用（上）

摘要: 近年來VR（虛擬現實）這個詞越來越頻繁地出現在我們生活當中。由于它能帶來前所未有的交互體驗和沉浸感，VR技術的廣泛應用，例如在游戲，影視，數據中心等領域，已經成了一個必然的趨勢。閱讀全文

posted @ 2017-05-31 16:45 TWaver 閱讀(365) | 評論 (0) | 編輯收藏

HTML5數據可視化第四彈：可交互地鐵線路圖

摘要: 用TWaver HTML5制作的上海地鐵圖，一個簡單實用的小應用，具有純矢量、可交互、有動態效果、無失真縮放等特點。可以方便擴展各種實用功能，也可以稍加改造應用于高鐵、公交等類似圖形展示。閱讀全文

posted @ 2016-12-13 14:36 TWaver 閱讀(777) | 評論 (0) | 編輯收藏

10個TWaver網頁3D可視化精彩案例

摘要: 以下網頁3D案例均為TWaver原創出品，推薦使用Chrome, FireFox, Safari等對WebGL支持良好的瀏覽器運行。案例排名不分先后，如需Demo，可直接申請試用。閱讀全文

posted @ 2016-12-09 15:29 TWaver 閱讀(561) | 評論 (0) | 編輯收藏

HTML5數據可視化第三彈：萌萌噠拓撲圖分組

摘要: 3D雖然炫酷，但在真正的企業應用里，數據、關系的呈現還是要回到傳統的2D界面，而HTML5是目前的最佳選擇。像HTML5的canvas，雖然已經不是什么新鮮技術了，但可以直接在瀏覽器中繪制網絡拓撲圖的邏輯關系，而不需要安裝任何插件，對于很多正在更新換代的OSS系統來說，還是很有吸引力的。閱讀全文

posted @ 2016-12-02 10:26 TWaver 閱讀(588) | 評論 (0) | 編輯收藏

TWaver3D拓撲圖之人在江湖

摘要: 正看文章的小哥，我看你骨骼精奇，是個練武的奇才！我這里有一部TWaver3D寶典，何不入我賽瓦門，咱們一起闖蕩江湖！閱讀全文

posted @ 2016-11-24 10:03 TWaver 閱讀(386) | 評論 (0) | 編輯收藏

TWaver3D拓撲圖之球花綻放

摘要: 本文介紹了如何用TWaver HTML5制作3D拓撲圖，代碼不足一百行，讓大家領略TWaver3D拓撲圖的風采。實際上，這個例子稍作變化，就可以用來展示豐富的3D網絡拓撲圖、各種復雜數據的樹狀關系圖。閱讀全文

posted @ 2016-11-23 10:32 TWaver 閱讀(325) | 評論 (0) | 編輯收藏

摘要: TWaver發布了一款全新的模型庫框架TWaver? Make，來幫助開發者快速創建高質量、專業的行業可視化應用場景。TWaver? Make提供的是模版定義的開發SDK框架，和高質量的跨行業模型庫。使用TWaver? Make，可以把TWaver 2D/3D的代碼細節包裝在模版中進行復用，極大的降低使用TWaver的復雜度，提高開發效率。模型庫就像一本字典一樣，開發著只需查閱模型id，就可以通過load方法快速加載使用這些內置模型。閱讀全文

posted @ 2016-11-22 10:35 TWaver 閱讀(438) | 評論 (0) | 編輯收藏

兩步創建3D數據中心

摘要: TWaver 3D發布也有很長一段時間了，相關的應用和項目也做了不少，特別是3D機房，可是有些用戶反饋說3D機房開發起來有些費勁，耗時，3D并不像2D，雖然有時更加的直觀，但是需要考慮的問題也很多。本文著重介紹了如何通過兩個簡單的步驟來創建出一個3D數據中心。
閱讀全文

posted @ 2016-11-21 11:25 TWaver 閱讀(253) | 評論 (0) | 編輯收藏

HTML5數據可視化第二彈：打造最美3D機房

摘要: TWaver 3D產品的定位一直在于為企業提供3D應用的快速開發工具，方便企業開發適合自己的高效、實時的監控系統。用TWaver 3D開發的3D場景360度無死角，可綁定動態數據，輕松添加動畫，在平板和手機上也能輕松運行。閱讀全文

posted @ 2016-11-18 10:29 TWaver 閱讀(823) | 評論 (0) | 編輯收藏

HTML5數據可視化第一彈：彩虹爆炸圖

摘要: HTML5發展迅速、勢不可擋。隨著HTML5技術的普及，用HTML5做可視化呈現的項目越來越多了。HTML5的優勢明顯：網頁上直接運行無需插件、手機平板方便兼容、代碼開發和維護相對容易，等等。一大波一大波的做Java、.NET甚至C++桌面的程序老手們都紛紛開始研究javascript了，而初出茅廬的新一代程序猿更是義無反顧的直奔HTML5這個技術大熱點而來。本文主要介紹了用HTML5實現的彩虹爆炸圖，具有諸多功能，可用于大數據展示。閱讀全文

posted @ 2016-11-17 10:52 TWaver 閱讀(563) | 評論 (0) | 編輯收藏

HTML5復雜拓撲圖（五） Reingold Tilford樹

摘要: 前段時間，有個項目需要顯示一個很大的樹形拓撲結構圖，而布局怎么都不好看。要生成一顆比較布局規矩、好看的樹狀圖，一個成熟、高效的樹形布局算法必不可少。Reingold Tilford是常用的一個，大家可以google一下。這個算法最先是由Edward Reingold和John Tilford一起發表的，并由他們的名字命名。有興趣的同學，可以研究一下這篇1981年的論文：http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf，里面給出了這個算法的原理和邏輯代碼。這個算法的優點是邏輯相對簡單，效率高。不過用js寫一遍也要消耗很多腦細胞。還要，twaver直接提供了這種算法和自動布局，我們可以直接使用。下面看一看這種布局的用途。利用Reingold Tilford樹算法，我們可以把一個樹形結構的數據，用不重疊、緊湊、分層的形式展示出來。閱讀全文

posted @ 2015-05-22 17:37 TWaver 閱讀(6734) | 評論 (2) | 編輯收藏

HTML5復雜拓撲圖（四）組織結構圖

摘要: 應廣大客戶所需，今天給大家帶來一款組織結構圖。組織結構圖的呈現方式多種多樣，用途也是非常廣泛，可以應用于集團內部，企業各部門之間的組織關系呈現。我們就來看看twaver實現出來的效果。閱讀全文

posted @ 2015-05-22 17:33 TWaver 閱讀(5223) | 評論 (1) | 編輯收藏

HTML5復雜拓撲圖（三）可伸展流程圖

摘要: 說到TWaver的流程圖卻是層出不窮，千姿百態。2D的，3D的，靜態的，動態的。這次要給大家呈現的是一款全矢量的，非常清新優美的流程圖。閱讀全文

posted @ 2015-05-22 17:29 TWaver 閱讀(3925) | 評論 (0) | 編輯收藏

HTML5復雜拓撲圖（二）關系網圖

摘要: 在公司內部，不僅部門內部員工之間發生著關系往來，部門和部門之間的員工也在發生這各種往來關系。如果你還是用原先的那種表格來呈現，顯然很難直觀看出各種關系，用圖形化的拓撲呈現就會顯得一目了然。閱讀全文

posted @ 2015-05-22 17:06 TWaver 閱讀(3632) | 評論 (0) | 編輯收藏

數字圖像處理技術在TWaver可視化中的應用

摘要: 數字圖像處理（Digital Image Processing）又稱為計算機圖像處理，它是指將圖像信號轉換成數字信號并利用計算機對其進行處理的過程。常用的圖像處理方法有圖像增強、復原、編碼、壓縮等，數字圖像處理應用領域非常廣泛。具體關于數字圖像處理的介紹可以參考書籍《岡薩雷斯數字圖像處理》。
TWaver作為可視化的利器，如果在展示網元的時候，融入圖像處理技術，將會對網元圖標的顯示增加了靈活性，是一件非常有意思的事情。那么我們不妨來試試，如何將圖像處理技術融入進來。閱讀全文

posted @ 2015-04-16 14:21 TWaver 閱讀(1170) | 評論 (0) | 編輯收藏

當ECharts碰到TWaver

摘要: 百度公司的ECharts發展迅速，已經成為HTML5 Chart的佼佼者，這讓大家驕傲：中國人終于也有世界級的開源通用UI產品了。正如其網站所說，它是百度的，是中國的，也是世界的。想想那些年，我們追逐感慨過的chart產品，fusionchart、highchart等等不計其數，隨著HTML5的迅速普及和ECharts的瘋狂發展，大家可以忘掉那些產品了。其他商業chart產品基本上也離顫抖中關門的日子不遠了。閱讀全文

posted @ 2015-03-24 10:01 TWaver 閱讀(2267) | 評論 (0) | 編輯收藏

TWaver GIS制作穹頂之下的霧霾地圖

摘要: 用TWaver GIS實現全國霧霾圖示例，查看更多。閱讀全文

posted @ 2015-03-18 14:14 TWaver 閱讀(4119) | 評論 (0) | 編輯收藏

TWaver HTML5之樹形布局

摘要: 今天是春節后上班的第三天，給大家分享一下我們前段時間的一個需求，需求是這樣的：界面中的網元分為不同的域，比如一級域，二級域，三級域，….N級域，而且不同域之間會有連線。對于這個需求，按照常規的想法，使用group豈不是很簡單，一級域是一個group，二級域也是一個group，二級域的group是一級域的父親，以此類推。但是這樣有個問題，如果域比較多，會造成group的過度嵌套，界面中group多了之后，不僅用戶體驗下降，而且會嚴重影響性能，所以倒不如直接用樹，可以很直觀的體現各個域之間的層級關系。閱讀全文

posted @ 2015-03-11 10:45 TWaver 閱讀(5238) | 評論 (0) | 編輯收藏

TWaver推智能手表挑戰華為蘋果

摘要: 2015年的春節剛過，蘋果、華為、三星就緊鑼密鼓的發布了各自新產品。華為、蘋果的智能手表最吸引眼球。TWaver也不甘示弱，立刻連夜推出了更像傳統奢侈豪華手表的TWaver Watch，予以反擊。看來一場腥風血雨的殘酷競爭不可避免。下面就帶大家先睹TWaver手表的芳容。閱讀全文

posted @ 2015-03-04 10:26 TWaver 閱讀(3549) | 評論 (1) | 編輯收藏

3D賽瓦號——整裝待發！

摘要: 隨著歲末將至，twaver開發團隊依舊馬不停蹄，3d產品功能持續更新，新特效和功能目不暇接。現在，我們就利用一些新功能，制作一個全新“賽瓦號”飛船，大家看一下仿真程度是否有質的不同？閱讀全文

posted @ 2015-02-16 10:34 TWaver 閱讀(5429) | 評論 (2) | 編輯收藏

TWaver 3D作品Viewer查看器

摘要: 為了讓開發者更方便的對各類3D模型、設備、物體進行瀏覽和查看，我們直接封裝了mono.Viewer組件。它可以直接根據給定的數據源（json、obj、url等）進行數據加載和瀏覽展示。對于一般的3D設備、圖紙、作品的展示，它可是非常方便了，一句new mono.Viewer()就解決了所有問題。各種常見的交互設置、燈光設置、呈現方式等，都已經直接封裝其中。閱讀全文

posted @ 2015-02-15 10:07 TWaver 閱讀(3654) | 評論 (1) | 編輯收藏

3D特效之高光反射

摘要: 前篇我們介紹了TWaver 3D的環境映射特效，下面我們接著給大家分享高光反射特效。
高光反射定義了物體上的某一區域比其他地方更反光。在高光反射的貼圖中，黑色區域的反射率為0（完全不反光），白色區域的反射率為100%（完全反光）。這在現實的生活中，也是隨處可見，比如一個生銹的物體用低光，而一個拋光的金屬應該用高強光；手表上的表盤比表帶應該更反光；人的嘴唇應該比皮膚有更強的高光，而皮膚應該比純棉衣服更反光。加上了這種高光效果后，會是3D物體更加真實，更加生動。
接下來我們就來講解一下如何在一個模型中使用高光反射，比如我們需要創建一個大樓的建筑物。一個cube貼上建筑物的貼圖就可以模擬了。我們準備了一張玻璃的貼圖：閱讀全文

posted @ 2015-02-06 10:18 TWaver 閱讀(4208) | 評論 (3) | 編輯收藏

TWaver 3D應用于大型數據中心(續)

摘要: 在2014年11月份，我們當時發了一篇有關TWaver HTML5 3D應用于大型數據中心的文章，該blog比較詳細的描述一些常用的功能的實現方法，比如：動態添加機柜，告警，溫度，濕度等相關的功能的具體實現。其實會用這些東西的話基本上可以使用我們的TWaver HTML5 3D來實現相關的應用了，可是在有些客戶覺得這還不夠“動態”，都是代碼一下生成的，少了一些交互，前些天同事說要不再加點功能，讓它更加“動”一些，所以今天我抽了個時間再接著來個“續”——動態的添加機柜，主機和告警。閱讀全文

posted @ 2015-02-04 11:50 TWaver 閱讀(4137) | 評論 (1) | 編輯收藏

TWaver矢量小試——Android演進路線圖

摘要: 還有半個多月就到春節了，年底相信很多公司都會進行年度總結以及公司發展狀況總結，在這過程中難免會用到RoadMap，在這我們也使用TWaver的矢量部分繪制一個Android系統的發展歷程。先看效果。閱讀全文

posted @ 2015-02-02 11:42 TWaver 閱讀(3791) | 評論 (1) | 編輯收藏

TWaver 3D特效系列之環境映射

摘要: 隨著TWaver3D的快速發展，越來越多的各種功能都在不斷加強，包括性能的極大提升（可以參考這里）,3D編輯器的易用性和功能持續增強(歡迎大家申請試用),各種特效的增加，特效是本文的主角。閱讀全文

posted @ 2015-01-28 15:26 TWaver 閱讀(1522) | 評論 (2) | 編輯收藏

TWaver動畫之雷達掃描效果

摘要: UI和功能是好的產品的兩個重要因素，很多產品往往只注重功能上的設計，而忽略了UI。在這個“看臉”的時代，就算產品的功能很強大，如果UI跟不上步伐，你的產品都會在客戶心中大打折扣。如何利用TWaver實現動畫之雷達掃描效果呢，點擊看文章。閱讀全文

posted @ 2015-01-26 13:54 TWaver 閱讀(2681) | 評論 (1) | 編輯收藏

基于APE物理引擎的管線容積率計算方法

摘要: 容積率一般應用在房地產開發中,是指用地范圍內地上總建筑面積與項目總用地面積的比值，這個參數是衡量建設用地使用強度的一項非常重要的指標。在其他行業，容積率的計算也非常重要，如產品利用率、管道使用率等等。那么在監控系統中，如何能夠生動形象的表達容積率的計算，是的監控系統具有準確性、安全性的同時，還具備了多樣性，良好交互性等等。最近的游戲產業發展也非常迅速，在手持終端3D的游戲也越來越多，那么如果我們將游戲引擎融入到監控系統中，會實現什么樣的效果呢，本文重點介紹使用APE物理引擎結合TWaver 2D產品實現管線的容積率計算。先來看下效果：閱讀全文

posted @ 2015-01-19 10:31 TWaver 閱讀(888) | 評論 (0) | 編輯收藏

HTML5 實現Link跳線效果

摘要: 之前我們推出過Flex版本的Link跳線效果，現在基于HTML5新版本的跳線效果也實現了，細微之處我們進行了改進，如link傾斜的時候Offset方向始終保持垂直等。先看效果。閱讀全文

posted @ 2015-01-15 13:54 TWaver 閱讀(3817) | 評論 (0) | 編輯收藏

在TWaver的Tree節點上畫線

摘要: 論壇上有同學提出如何在tree上畫引導線，之前我們Flex已經實現此功能，現在最新版的HTML5也將添加此功能。先看看效果吧。閱讀全文

posted @ 2015-01-13 10:17 TWaver 閱讀(3098) | 評論 (0) | 編輯收藏

如何用TWaver加載大型游戲場景

摘要: 游戲中經常會出現一些大型的戶外場景，例如一個小鎮、一座古城等。通常這種場景中包含了較多的建筑、道路、橋梁等等元素，其3D模型比較大且復雜。在使用TWaver加載時，可使用一些技巧，讓加載速度更快、顯示更流暢。閱讀全文

posted @ 2015-01-06 13:41 TWaver 閱讀(4238) | 評論 (1) | 編輯收藏

22萬個木箱！TWaver 3D極限壓榨

摘要: 打開個門戶網站都千呼萬喚，我們還能期待網頁上的3D技術會有“酣暢淋漓”、“一氣呵成”的感受嗎？也許現在還差點火候。但是HTML5、WebGL等技術一直在飛速的發展，可能很快你就會驚訝它的能力。現在，我們就試試TWaver的3D能顯示多少個木箱子，透明的木箱子。數據量當然要大才行，10萬個怎么樣？干脆試試20萬好了，具體說是60的立方矩陣=60x60x60=216000個。只有壓榨到極限才能了解WebGL和TWaver 3D技術適合做什么應用。下面就Let’s go吧！閱讀全文

posted @ 2014-12-29 11:11 TWaver 閱讀(4507) | 評論 (0) | 編輯收藏

如何在MONO 3D尋找最短路路徑

摘要: 前段時間有個客戶說他們想在我們的3D的機房中找從A點到B點的最短路徑，然而在2D中確實有很多成熟的尋路算法，其中A*是最為常見的，而這個Demo也是用的A*算法。閱讀全文

posted @ 2014-12-02 10:37 TWaver 閱讀(6684) | 評論 (0) | 編輯收藏

如何創建TWaver 3D的輪廓選中效果

摘要: TWaver 3D中，物體的默認的選中效果一般都是一個方方正正的外框。在HTML5的Mono版本中，TWaver提供了輪廓線樣式的選中效果。閱讀全文

posted @ 2014-11-03 10:31 TWaver 閱讀(5962) | 評論 (1) | 編輯收藏

巧用TWaver 3D 矢量圖形功能

摘要: 的確，提起TWaver，大家想到的首先是“電信拓撲圖組件”。其實，由于其靈活的MVC架構、矢量化設計、方便定制等特點，TWaver可以做的還有很多。例如房地產行業常見到的“戶型圖”。閱讀全文

posted @ 2014-10-29 10:59 TWaver 閱讀(5323) | 評論 (1) | 編輯收藏

TWaver 3D實現顏色漸變

摘要: 一般而言，需要實現3D物體的漸變，通常的思路就是通過2D繪制一張漸變canvas圖片作為3D對象的貼圖，這種方式是可以解決這類問題的，不過對于一般用戶而言，通過2D生成一張漸變的圖片，有一定的難度，另外如果要生成的圖片比較多，性能效率上會成為一個瓶頸，特別是漸變隨著條件在不斷變化的情況下，就需要每次繪制的時候都去生成一張漸變的canvas圖，效率極其低。閱讀全文

posted @ 2014-10-21 13:27 TWaver 閱讀(2507) | 評論 (0) | 編輯收藏

解析JSON數據生成TWaver中的網元

摘要: 應客戶需求寫個Demo，Demo中包含一些常用的功能，包括解析JSON數據生成TWaver中的網元和連線，網元右下角帶上不同標識的小圖標，連線需要是二次曲線，彈出菜單和信息板，跟大家分享下。先上圖讓大家看看效果閱讀全文

posted @ 2014-10-13 09:35 TWaver 閱讀(5989) | 評論 (2) | 編輯收藏

MONO中動畫的導出與播放

摘要: 使用過MONO編輯器的朋友都應該了解MONO中支持一些動畫的設置，比如開門，開窗，彈出設備，旋轉場景，鏡頭巡航等。但如何將這些動畫應用到自己的場景中呢？比如我們在編輯器中給機柜定義了動畫，怎樣讓做好的機柜模型加載到自己的場景中并能播放動畫呢？別急，我們來舉個例子給大家講解一下。閱讀全文

posted @ 2014-10-11 10:21 TWaver 閱讀(3198) | 評論 (1) | 編輯收藏

TWaver GIS在電信中的使用

摘要: TWaver提供的是電信行業中的圖形解決方案，TWaver GIS是基于地圖服務的一套解決方案。您可以這樣理解，TWaver GIS就是在地理信息系統（GIS）上使用TWaver，TWaver的各種圖形組件都可以在GIS上使用。TWaver本身不提供地圖數據，我們與傳統的arcgis相比更輕量，更簡單，而且價格也更便宜，我們更加專注在地圖上來實現復雜的電信業務，可以兼容OpenstreetMap，BingMap，GoogleMap，MapABC等多種主流地圖。甚至只要你的地圖是ogc標準的WMS服務格式，我們都是可以支持的。閱讀全文

posted @ 2014-10-09 14:48 TWaver 閱讀(2350) | 評論 (0) | 編輯收藏

如何創建環型、樹型雙層布局

摘要: TWaver的Demo中有常用的環型布局和樹型布局，但是當網元數量較多，又不想zoomOverView,我們自然會想到使用雙層布局，整體效果既不會顯得很擁擠。閱讀全文

posted @ 2014-09-19 10:42 TWaver 閱讀(3176) | 評論 (2) | 編輯收藏

如何創建發光的環路

摘要: 如何獲取整條回路的所有link，并使之發光。在這個Demo中主要包含三個技術點，一是如何在選取一條鏈路時，讓整條回路發光；二是如何繪制帶有箭頭方向的曲線link；三是如何設置鏈路的樣式，讓整體可控。
閱讀全文

posted @ 2014-09-16 13:36 TWaver 閱讀(2972) | 評論 (0) | 編輯收藏

服務器各項指標的圖形化顯示

摘要: 在機房的監控時，經常需要去查看某個機柜中的某一臺服務器的各項指標，比如該臺服務器的CPU的使用情況、該臺服務器的硬盤的使用情況、以及網絡的流量等等，本文我們將用TWaver 3D來實現一下該例子。閱讀全文

posted @ 2014-09-11 11:32 TWaver 閱讀(3572) | 評論 (4) | 編輯收藏

HTML5定制全選列頭

摘要: 隨著HTML5產品分支的不斷深入使用，HTML5的需求也是越來越多，表格組件的使用也不例外，什么排序，分頁，自動列寬等。最近有客戶提出了如果讓表格的列頭加上全選的功能。細細分析其實就是兩部分，表格的body部分是勾選的列，表頭也繪制成勾選的列。閱讀全文

posted @ 2014-09-10 14:50 TWaver 閱讀(3218) | 評論 (0) | 編輯收藏

Autolayout性能優化

摘要: 最近有客戶提出大數據量Topo圖的自動布局問題，在Topo中除了Node、Link，還包括Group、Subnetwork等容器組件。在這樣的情況下，我們拋開布局算法不談，主要分析如何提高布局的性能，如何讓TWaver能夠支持更強大的數據量，讓整體的布局效果更人性化。閱讀全文

posted @ 2014-09-03 11:07 TWaver 閱讀(3105) | 評論 (1) | 編輯收藏

DNA分子結構3D模型

摘要: 生物信息資源更新越來越快,使用可視化的方法來分析DNA序列已成為生物信息學的一個研究熱點,用圖形表示DNA序列的方法也越來越成熟。2011年，著名雜志《Science》發表一篇引起轟動的文章:《Presenting the Human Genome:Now is 3D!》,這篇文章完全給我們描述了人類基因組測序未來的藍圖，可見3D技術在很多領域都是發展方向。
使用mono可以快速的創建DNA分子結構立體模型，閱讀全文

posted @ 2014-08-21 15:07 TWaver 閱讀(632) | 評論 (0) | 編輯收藏

Group共享網元

摘要: 熟悉TWaver的用戶都知道Group的概念，如果是Group，那必然會出現一個網元在多組的情況，最近有客戶遇到這個問題，給寫了Demo，這些也跟大家分享一下如何實現，先讓我們看看共享網元的效果。閱讀全文

posted @ 2014-08-12 16:59 TWaver 閱讀(337) | 評論 (1) | 編輯收藏

TWaver MONO模板庫新鮮出爐精彩紛呈

摘要: MONO Design在線3D建模平臺網站, www.mono-design.cn，開發組的成員們已經開始緊鑼密鼓的對這個平臺進行內測。在之前的文章里，我們提到用戶可以獲得多種多樣的TWaver官方模型庫，現在已經新鮮出爐，讓我們擦亮眼睛，一睹為快！閱讀全文

posted @ 2014-08-05 11:32 TWaver 閱讀(335) | 評論 (2) | 編輯收藏

TWaver版3D化學元素周期表

摘要: 技術上來說，用TWaver 3D來做的思路略有不同。最開始網上這個程序是使用HTML5、CSS3、WebGL、THREE.js、TWEEN.js等技術做的。使用TWaver就不用這么麻煩了，直接一個mono.js就差不多搞定了。技術上依舊是WebGL+js，但沒有使用CSS3和其他框架。效果和效率都很好。閱讀全文

posted @ 2014-07-14 10:12 TWaver 閱讀(6857) | 評論 (25) | 編輯收藏

在MONO Design中使用Flex3D

摘要: 在項目開發組的努力下，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是什么技術開發的呢？閱讀全文

posted @ 2014-07-08 10:02 TWaver 閱讀(4918) | 評論 (5) | 編輯收藏

將2D的CAD圖紙變成3D的MONO場景

摘要: 幾年前TWaver Java就可以導入CAD圖紙了，隨著TWaver HTML5的流行，如今終于有了HTML5版本的導入CAD圖紙功能。有了這個基礎，再將2D的CAD圖紙變成3D的MONO場景就變得非常輕松了。閱讀全文

posted @ 2014-07-04 10:36 TWaver 閱讀(5981) | 評論 (2) | 編輯收藏

Mono Design Demo展示

摘要: Mono Design不僅可以是用Editor快速創建3D機房，而且也可以使用代碼創建3D產品。下面是通過代碼實現的一個綜合Demo。依然記得讀高中的時候，每次到周一大掃除的時候，班主任總會說:“同學們，讓我們全方位、立體式的大掃除吧”。那么現在就讓我們來全方位、立體式的欣賞這個Demo吧！閱讀全文

posted @ 2014-06-16 15:45 TWaver 閱讀(2560) | 評論 (6) | 編輯收藏

TWaver 3D技術在油田行業的應用

摘要: TWaver通過MONO DESIGN平臺提供了強大的油田行業3D建模工具。通過拖拖拽拽，可以輕松的創建各種油管、管匯、井口、輸油、儲油等設備。這些設備也可以通過平臺進行新增和修改，并保存在公有云或私有云的服務器中。閱讀全文

posted @ 2014-05-26 15:27 TWaver 閱讀(749) | 評論 (1) | 編輯收藏

TWaver Flex生成在Android設備上的安裝包（apk文件）

摘要: 前幾篇文章講解了怎樣將TWaver Flex生成ipa文件，最近也有人問到怎樣將TWaver Flex工程轉成在Android上設備可運行的文件。然而生成apk文件要比生成ipa文件簡單的多，生成速度也快很多。廢話不多說，以下就是操作方法，我采用的依然是上次那兩篇文字所用到只寫了幾行代碼的兩個工程：并且FlexMobile引用了MobileLibrary工程：兩個工程的具體內容和TWaver Flex轉iOS完全一樣選中Flex Mobile工程下的運行文件（FlexMobile——FlexMobile.mxml）,右鍵——Export… : 選中Release Build,點擊“Next”: 只勾選中“Google Andriod”，輸入生成文件所在的路徑，不填寫的話最終的apk文件在Flex Mobile工程的根目錄下，點擊next 輸入好以上的信息后，點擊“Finish”就可以。閱讀全文

posted @ 2013-07-23 11:17 TWaver 閱讀(1946) | 評論 (6) | 編輯收藏

Editor動態設置

摘要: 屬性編輯頁面可以自己擴展editor，自定義A，B兩個Editor，B的值受A值改變而改變思路很簡單，存在一個容器，給TDataBox添加網元屬性變化監聽器ElementPropertyChangeListener，當網元屬性A變化后，改變容器中的值，然后屬性B的Editor加載容器中的值，這樣就可以實現功能了可運行代碼下載： Archive 閱讀全文

posted @ 2013-07-23 11:02 TWaver 閱讀(1640) | 評論 (3) | 編輯收藏

給網元添加倒影

摘要: 如果您拜讀過Swing第五刀：走馬觀花看世博，您是否好奇Flex/Flash是否真的像Swing刀系列作者提到的那樣，用Flex/Flash內置的動畫、渲染、濾鏡等機制可以實現各種“酷炫到底”的效果。先上個“給網元添加倒影”的圖給您解下疑惑：

閱讀全文

posted @ 2013-07-22 17:57 TWaver 閱讀(998) | 評論 (0) | 編輯收藏

讓JTextField添加“自動完成”功能（續）

摘要: 在讓JTextField添加“自動完成”功能一文中收到了許多user 的反饋，其中有user提到需要能夠在下拉列表中同時顯示文字和圖片。要實現下拉列表的這種功能，不用太難，給ComboBox設置一個Renderer 即可，ComboBox的Renderer默認是一個JLabel，而JLabel 本身就有設置Icon的功能，所以直接用默認的Renderer，并設置上圖片即可，代碼如下：在上面的代碼中，通過文字去查找對應的圖片，并設置Renderer 的Icon，其中getImageIcon方法如下，緩存了圖片資源，這樣不用每次刷新的時候去每次生成ImageIcon: 效果如下：全部代碼： Source Code 閱讀全文

posted @ 2013-07-22 17:31 TWaver 閱讀(1597) | 評論 (3) | 編輯收藏

如何實現link多層bundle

摘要: TWaver默認的Link只能分組bundle，沒有分層bundle（也就是展開一層后，再展開一層，或合并一層后，再合并一層），因為在多層bundle中，在中間層中，無法自動分辨是想合并還是展開。這里寫個例子，屏蔽了默認的雙擊Link展開或者合并LinkBundle，通過按鈕實現多層bundle（這里實現了兩層的合并或展開）。 TWaver中相同Styles.LINK_BUNDLE_ID才能bundle，所以第一層Link分組設置Styles.LINK_BUNDLE_ID 第一層合并或展開，可以直接使用TWaver方法第二層合并，需要記錄上一層的Styles.LINK_BUNDLE_ID，因為在展開時需要恢復原本的Styles.LINK_BUNDLE_ID，并需要設置Styles.LINK_BUNDLE_EXPANDED為false，最后重新設置所有Link的Styles.LINK_BUNDLE_ID為相同的值從完全合并第一次展開的時候，需要恢復原本的Styles.LINK_BUNDLE_ID，并將所有Link的original_bundle_id設置為null，設置e.setSt 閱讀全文

posted @ 2013-07-22 15:33 TWaver 閱讀(1725) | 評論 (0) | 編輯收藏

TWaver Flex 生成在iOS上可運行的ipa文件

摘要: 上次在TWaver Flex轉iOS中講述了怎樣讓TWaver的工程運行在iOS模擬器中，這次是怎樣生成能在iOS中運行的ipa文件，接著上次的那工程接著整理。 1、點擊Run —— Run Configurations（如果你用的是“Debug as”，那么最終打出的ipa文件是debug模式的）。 2、點擊Run Configurations…進入如下界面： 3、點擊了Configure后輸入相關的證書信息： 4、點擊ok后回到了剛才的界面： 5、修改FlexMobile-app.xml文件，修改id，（你在Apple Store上注冊時的），通過更改此文件可以達到其他的效果，比如是否自動的旋轉：輸入id：設置是否旋轉： 6、輸入好上面的信息后，點擊上面4中的“Run”，點擊Run后需要你輸入密碼,如下圖: 7、在6中輸入了正確的密碼后就開始生成相關的ipa文件，如下圖：生成這個文件比價耗時，所以需要耐心的等待，可能需要20分鐘吧，在這里慢比較正常；生成的文件在工程目錄的bin-debug文件下。以上就是ipa文件的生成。閱讀全文

posted @ 2013-07-19 17:00 TWaver 閱讀(1458) | 評論 (0) | 編輯收藏

如何指定Node的Label的最大寬度

摘要: Network 上面的Node，默認情況是Label的折行只能通過HTML的
標簽，這樣做的弊端就是不能動態根據文字的長度智能折行。如果需要達到這個要求，需要定制Node的LabelAttachment。最初的想法是創建一個WrapLabelAttachment，繼承自LabelAttachment，然后通過在一個JTextArea，設置文字，setLineWrap（true），指定JTextArea的寬度，然后把JTextArea 的內容繪制這個Attachment；在實現的過程中，發現JTextArea 有一個bug，就是折行的計算不準確，總是在右邊留下很大的空白；如下圖：測試代碼：最后通過自己定制一個MyTextArea來實現，在MyTextArea中，用LineBreakMeasurer來計算動態折行：代碼: 然后重寫WrapLabelAttachment的 paintName 方法和getBounds 方法：代碼: 代碼: getBounds方法需要動態計算rect 的寬高。最終效果圖：全部代碼見附件： WrapLabelDemo 閱讀全文

posted @ 2013-07-19 15:01 TWaver 閱讀(1913) | 評論 (2) | 編輯收藏

TWaver Flex轉iOS

摘要: 借助于Adobe Flash Builder 4.5.1 TWaver Flex可以轉換為iOS本地程序，從而運行在iPad、iPhone等iOS系統上。準備：首先需要安裝Adobe Flash Builder 4.5.1或以上版本如果需要在設備上調試或者發布到應用程序商店，還需要iOS開發者賬號開始: 1:創建Flex Library project(File -> New -> Flex Library Project) 在Build Paths -> Library path選項頁，點擊Add SWC按鈕添加TWaver.swc包，并且將Framework linkage改為Merged into code：創建示例程序：工程截圖如下： 2：創建TWaver Mobile工程(File -> New -> … 閱讀全文

posted @ 2013-07-19 14:19 TWaver 閱讀(1357) | 評論 (1) | 編輯收藏

賽瓦軟件參加2013中國國際廣播電視信息網絡展

摘要: 賽瓦軟件將攜TWaver HTML5-Mobile應用解決方案和TWaver 3D-三維模擬監控應用解決方案參加2013中國國際廣播電視信息網絡展覽會。

閱讀全文

posted @ 2013-07-19 11:00 TWaver 閱讀(891) | 評論 (0) | 編輯收藏

TWaver Android 1.0 正式發布

摘要:

TWaver Android 1.0正式發布，歡迎申請試用：http://twaver.servasoft.com/download/download-product 閱讀全文

posted @ 2013-07-19 10:51 TWaver 閱讀(994) | 評論 (0) | 編輯收藏

用TWaver實現組合的Chart

摘要: TWaver組件中提供了一些通用的Chart，比如Line Chart，Bar Chart，Bubble Chart，Percent Chart等，對于一些復雜的Chart我們也可以通過定制的方式來實現，如前面所給出的用swing制作精美ERP圖表，仔細看來這些Chart都是單個chart圖，有客戶要實現多個Chart的整合，比如Line Chart和Bar Chart組合顯示，這該如何來實現？通常我們想到的方式是通過疊加來顯示，將TWaver的這兩個組件疊加起來，但這會帶來很多不必要的麻煩，下面我們通過定制Chart的方式來實現，先看看最終的實現效果... 閱讀全文

posted @ 2013-01-21 10:38 TWaver 閱讀(1808) | 評論 (0) | 編輯收藏

關注細節－TWaver Android

摘要: 一款優秀的產品體現在細節，UI產品更是如此，精確到每個像素，平衡性能與效果的最佳點，是我們追求的目標，細節的實現過程會有困難，結果卻讓人興奮，TWaver Android的開發正是如此，所以我忍不住想分享一些細節點... 閱讀全文

posted @ 2013-01-14 11:04 TWaver 閱讀(1411) | 評論 (0) | 編輯收藏

Hello TWaver Android

摘要: 準備工作
首先需要搭建Android開發環境，安裝eclipse和ADT（Android Development Tools）插件，并在Android SDK Manager中安裝需要的SDK。開發人員需要掌握Java編程語言，具備Android開發的能力，最后你需要TWaver Android開發庫文件（twaver.android.jar），這樣就可以開始TWaver Android的開發了。

下面將以最簡單的Hello TWaver示例來作分步詳解。

新建Hello TWaver工程
導入twaver.android.jar類庫

編寫Hello TWaver

運行與調試
Android模擬器

得到下面的界面；閱讀全文

posted @ 2012-12-28 12:20 TWaver 閱讀(2091) | 評論 (0) | 編輯收藏

Android特性

摘要: Android特性
Android是Google公司基于Linux內核的開源操作系統，主要用于移動設備，目前在智能手機市場占有重要份額。Android應用層使用Java語言開發，運行于Dalvik虛擬機，每個Android應用運行在獨立的虛擬機中，這保證了各應用間資源的保護和線程安全。

Android架構簡圖

Android編程方式：Java，NDK，HTML

通常使用Java語言開發Android應用，但也可借助其他語言，如Android NDK（Native Development Kit）開發模式，可用Java調用C語言庫，此外HTML也可以包裝成Android應用。

三種方式都有各自的特點，Java為Android原生支持的語言，便于開發本地應用，隨著Android系統的不斷優化，其效率也在不斷提升，TWaver Android就使用Java開發；Androi 閱讀全文

posted @ 2012-12-27 10:37 TWaver 閱讀(2405) | 評論 (3) | 編輯收藏

TWaver Java內存占用測試

摘要: TWaver Java的性能大家有目共睹，內存占用情況又怎么樣呢？不同的數量級下內存增長情況是怎樣的？視圖組件對內存的影響有多大？我們分別測試了

只把網元加入DataBox
把網元加入DataBox并在Network上顯示
把網元加入DataBox并在Tree上顯示
把網元加入DataBox并在Tree和Network上顯示

這四種情況下不同數量級別的網元的內存占用情況，供大家參考…… 閱讀全文

posted @ 2012-12-24 16:12 TWaver 閱讀(1410) | 評論 (0) | 編輯收藏

為TWaver HTML5的Tree組件增加鼠標滑過效果

摘要: 出于效率和保持js庫最小化的考慮，TWaver HTML5的Tree組件默認的交互方式比較單調，只有選中改變文字背景；但是這不代表TWaver功能不夠強大，TWaver預留了很多可以重載的方法，在本文中我們就利用這些方法實現鼠標滑過變色的效果。
先來張gif圖片看看效果... 閱讀全文

posted @ 2012-11-28 13:56 TWaver 閱讀(1574) | 評論 (0) | 編輯收藏

TWaver HTML5 on Microsoft Surface RT

摘要: 公司新入了一臺Surface RT(64G，高配啊，再看看我那乞丐版的IPad2，內牛滿面…)，測試了下TWaver HTML5運行良好，廢話不多說，上照片視頻... 閱讀全文

posted @ 2012-11-21 15:07 TWaver 閱讀(1125) | 評論 (0) | 編輯收藏

TWaver HTML5 繼承結構和成員說明

摘要: JavaScript是一門動態語言，但是面向對象的特征沒有Java那么明顯，導致我們開發起來非常不習慣。拿繼承來說，Java中有專門的extends和implements關鍵字實現，但是在JavaScript卻引入了一個”別扭的”prototype，而且實現方式有很多種，雖然靈活，卻很容易讓初學者一頭霧水不知所措。TWaver HTML5的doc是一個js文件，對編輯器很友好，但是我們看起來卻不是很方便，遠不如JavaDoc來得一目了然，于是我們做了另一個html，算是對原js格式doc的補充。先看一下最后完成的效果：閱讀全文

posted @ 2012-11-16 16:46 TWaver 閱讀(1883) | 評論 (0) | 編輯收藏

JTree實現文件樹

摘要: 這篇文章介紹的內容其實跟TWaver的組件沒有任何關系，但是個人覺得還是挺有意思的，所以發出來共享一下。這個文件樹(如下圖)完全基于swing的JTree組件實現，先看一下最后我們完成的效果... 閱讀全文

posted @ 2012-11-02 15:20 TWaver 閱讀(2484) | 評論 (0) | 編輯收藏

TWaver 3D for Flex 3.0發布

摘要: 隨著Stage3D技術的推廣，為了進一步提升TWaver 3D產品的性能和渲染效果，TWaver提供了全新3.0版本，支持Stage3D，并且保持絕大部分接口不變化。對于3.0之前版本的用戶，可以與相關的TWaver技術支持人員聯系獲得更新接口介紹。新用戶則可以直接享受Stage3D帶來的流暢和新增效果了。
今天先讓我們來簡單介紹一下這個產品的功能點。
它輕松實現2000個節點的3D渲染不再過于吃力閱讀全文

posted @ 2012-10-16 16:32 TWaver 閱讀(1320) | 評論 (0) | 編輯收藏

TWaver局部自動布局及嵌套Group處理

摘要: TWaver提供了一些布局算法幫助我們快速為網元設置位置，很多情況下已經夠用了，但是對于一些復雜的布局還需要我們自己做一些處理，看下面這個例子：閱讀全文

posted @ 2012-10-10 16:26 TWaver 閱讀(2416) | 評論 (0) | 編輯收藏

TWaver With JavaFX

摘要: JavaFX Script被拋棄以后，很久不關心JavaFX了，偶然發現JavaFX已經發展到2.2，而且已經綁定到JDK7中，看來Oracle對它還是蠻重視的。
看到有人在論壇提問TWaver有沒有JavaFX版本，于是去Oracle網站上逛了一下，發現可以將JavaFX集成進Swing程序中，真是福音啊，立馬動手寫了個Demo，集成起來還是很方便的。閱讀全文

posted @ 2012-09-26 10:38 TWaver 閱讀(1210) | 評論 (0) | 編輯收藏

如何在TWaver Flex中定制Tree的tooltip

摘要: 如果您顯示過Tree的ToolTip，會發現這個tooltip離鼠標太遠了；而且也無法跟隨鼠標一起移動；最重要的是，如果想動態更改tooltip也很麻煩。閱讀全文

posted @ 2012-09-20 10:10 TWaver 閱讀(1364) | 評論 (0) | 編輯收藏

如何讓HTML5的表格支持后臺排序與分頁

摘要: TWaver HTML5發布已有一段時間，使用的客戶也是逐漸增加，于是我也迫不及待的申請了一個試用版來寫一個小網頁，最近正在寫到數據查詢，表格TWaver HTML5發布已有一段時間，使用的客戶也是逐漸增加，于是我也迫不及待的申請了一個試用版來寫一個小網頁，最近正在寫到數據查詢，表格顯示的功能。表格組件在HTML5中是提供的，查看TWaver提供了Demo,表格的使用還是蠻多的，于是并參考了其中的一個Demo，新建一個表格，并給表格賦值。很快一張表格就生成了。閱讀全文

posted @ 2012-08-21 16:37 TWaver 閱讀(2195) | 評論 (0) | 編輯收藏

自定義Background

摘要: TWaver提供了ImageBackground來為TNetwork設置背景，ImageBackground可以設置為顏色，漸變色，圖片或紋理，但是如果想設置多張圖片為背景，或者需要準確的定位背景（比如居中），ImageBackground就無能為力了，下面看我的解決方案：
既然ImageBackground無法滿足需求了，我們就自己寫一個，得益于TWaver優秀的設計，我們可以很容易的擴展原有的類，然后加上自己的功能。通過查看API得知，ImageBackground繼承自AbstractBackground，我們干脆拋棄ImageBackground，自己從AbstractBackground繼承。考慮到有可能需要多張圖片組合成一個背景，我們引入Layer的概念，在我們自定義的Background維護一個集合，存儲Layer的信息，繪制背景的時候從集合中取出Layer統一渲染。閱讀全文

posted @ 2012-08-17 11:00 TWaver 閱讀(1436) | 評論 (0) | 編輯收藏

GeoServer快速發布地圖數據

摘要: TWaver GIS提供了WMS的客戶端支持，可以訪問地圖服務器的相關服務。在平時的中小項目中，購買一套GIS服務實在是一個很大的成本負擔，在不降低地圖發布能力的前提下，減少成本支出成為各個項目的一個重要方面。在用戶手中已經持有地圖的矢量數據的時候，選擇個價廉物美的GIS服務器就成為降低成本的重要手段，在這里給大家推薦GeoServer。
關于GeoServer發布地圖數據，大家可以到http://docs.geoserver.org/stable/en/user/gettingstarted/shapefile-quickstart/index.html查看官方資料。在發布的時候，使用shp格式的空間數據就可以了。今天我們在這里給大家突出的強調幾個小細節，方便大家在GeoServer上快速發布地圖數據。細節如下…… 閱讀全文

posted @ 2012-08-07 10:38 TWaver 閱讀(2793) | 評論 (0) | 編輯收藏

利用Layer優化Group顯示

摘要: 每天逛逛TWaver論壇已經成為一種習慣，今天看到一個非常有意思的帖子：http://twaver.servasoft.com/forum/viewtopic.php?f=14&t=3129
當兩個Group重疊時，Group中的Node會始終顯示在兩個Group之上，呈現結果如下圖(引用了帖子中的圖片)：閱讀全文

posted @ 2012-08-07 09:53 TWaver 閱讀(1063) | 評論 (0) | 編輯收藏

在3D場景中顯示漢字

摘要: TWaver 3D for Flex本身支持3D文字的顯示，但是用戶必須嵌入一套字庫才可以。對于國內客戶來說，這一點就有些痛苦了，一個中文字庫的體積太大，嵌入發布程序中的話，會增大發布包的大小，及時是遠程加載，也會因為其恐怖的體積，讓用戶的web化設計面臨網絡情況的挑戰。當然為了用戶也可以去裁剪一個字庫，把自己會用到的文字收入其中，做個可控數量級的枚舉，但是實時系統在運行過程中，會碰到什么樣的漢字也是個未知，很難做裁剪的時候枚舉盡所需要的漢字。這個問題一直苦苦縈繞在每個人的心頭。
，，，，，，
，，，，，，
終于，TWaver 3D支持動態貼圖了，這里的動態貼圖已經不只是說可以動態切換貼圖資源的來源，更重要的是可以動態切換上在內存中生成的BitmapData對象。大家都知道，Flex的BitmapData支持將其UIComponent繪制出來，這一下子為我們解決漢字顯示提供了一個非常便捷的方式，那就是我們把漢字寫進一個TextInput組件中去，然后在把這個組件畫到一個BitmapData對象中，然后在將這個對象變成我們一個3D對象的貼圖（例如一個Plane，一閱讀全文

posted @ 2012-08-06 18:00 TWaver 閱讀(1122) | 評論 (0) | 編輯收藏

讓Swing表格支持遠程后臺數據翻頁

摘要: 在各種實際項目中，表格的遠程數據翻頁是一個最常見的應用。本文通過一個“阿里巴巴網站地址爬蟲”的程序例子，介紹了如何讓TWaver Java表格支持遠程數據翻頁功能。閱讀全文

posted @ 2012-08-03 17:23 TWaver 閱讀(1682) | 評論 (0) | 編輯收藏

UI定制總結

摘要: TWaver本身提供的豐富的設置選項,可以幫助我們快速實現各種絢麗的效果，但是在某些情況下,我們需要在網元上繪制一些圖形來表示某種狀態或業務信息，沒問題，只需要一點點2D知識可以很容易實現這樣的需求。

假設一種需求(僅僅是假設)，監控交換機各個端口的傳輸速度，并用柱狀圖動態顯示，效果圖如下：閱讀全文

posted @ 2012-08-01 09:52 TWaver 閱讀(958) | 評論 (0) | 編輯收藏

用Swing定制流動的Link樣式

摘要: 想想Java2D中給我們提供的線的樣式著實很少，除了直線，虛線，好像就沒有其他的什么樣式了，如果細心的童鞋還會發現，TWaver中倒是提供了一種比較特殊的連線，波浪曲折式的連線。閱讀全文

posted @ 2012-07-27 16:52 TWaver 閱讀(1287) | 評論 (1) | 編輯收藏

用TWaver HTML5定制五彩斑斕的鏈路

摘要: 最近有客戶提到自定義鏈路的需求，個人感覺非常有代表意義，現在共享出來給大家參考一下。先來看看需求：

1.鏈路要分成兩半，用兩種顏色填充。
2.填充百分比在不同值域時，用不同顏色。
3.顯示刻度
4.有個開關，可以控制鏈路變短，變短后，鏈路只畫開始和結束部分（相當于原始鏈路的縮影），中間不畫
5.如果有多條鏈路，鏈路合并后兩端分別顯示這些鏈路中的最高填充百分比
6.進入子網后，節點上顯示和上層節點的連線信息閱讀全文

posted @ 2012-07-17 11:20 TWaver 閱讀(1566) | 評論 (0) | 編輯收藏

使用3D呈現拓撲的多層次結構

摘要: 關于3D場景在現在網管中的應用的討論一直沒有停止過，應用場景有哪些，應用的意義有哪些，可以為產品開發、為系統使用帶來多少利益點等等。今天給大家介紹一種應用情景，希望能借此機會，拋磚引玉，引出更多更具有實際意義的應用需求來，為大家的應用系統的豐富性添磚加瓦。

注意：本文提供在線體驗Demo和源代碼下載。閱讀全文

posted @ 2012-07-03 16:45 TWaver 閱讀(1087) | 評論 (0) | 編輯收藏

減少Menu分割線的間距

摘要: 之前看到社區中有介紹怎么靈活的使用右鍵菜單，現在積累下來右鍵菜單的方式還是比較多的，初步了解一下：
1. 使用flash自帶的右鍵菜單，通過ContextMenu來設置，這是twaver最早右鍵菜單的解決方法，但這種方式有一個不太好的地方是自帶上了flash的信息，而且很討厭的是去不掉。
2. 使用Menu，通過左鍵的方式來觸發彈出Menu項。這個方式還是比較能夠接受的，對于flash也沒有版本的要求。
3. 使用Flash Player 11.2的新功能實現右鍵菜單，這種方式雖好，但是需要使用比較高的flash版本，但我們項目中很多用戶還是老的版本，領導覺得這種方法不太適合我們。閱讀全文

posted @ 2012-06-20 11:49 TWaver 閱讀(1243) | 評論 (0) | 編輯收藏

讓JTextField添加“自動完成”功能

摘要: 在越來越考慮“用戶體驗”的今天，一個簡單的文本框也演進的越來越智能了。比如Google的搜索疏狂，比如郵件客戶端的地址輸入框等。本文將介紹如何讓Java Swing的文本框也能輕松做到這一點。對了，完全不需要第三方庫哦，幾行代碼就搞定了。閱讀全文

posted @ 2012-06-12 14:28 TWaver 閱讀(2565) | 評論 (4) | 編輯收藏

替換TWaver中Tree展開合并圖標

摘要: TWaver最大的優點之一是“靈活的定制功能”。光說不練不行，來個例子演練一把：定制Tree節點的標簽。

默認Tree和Network上的標簽顯示的是網元的name屬性，設置Styles.TREE_LABEL屬性后，可以讓Tree顯示Styles.TREE_LABEL的值，以達到Tree和Network顯示不同標簽的目的
如果覺得這樣還不夠，可以設置Tree#labelFunction，比如下面的代碼可以讓Node顯示name，Link顯示Styles.TREE_LABEL：
既然TWaver這么靈活，那Tree的展開合并圖標能定制么？閱讀全文

posted @ 2012-06-12 10:45 TWaver 閱讀(1071) | 評論 (0) | 編輯收藏

設備的3D化展示

摘要: 現在收到的關于3D應用的需求主要集中在了4個方面，一是室外場景的再現，二是室內布局的呈現，三是單個設備對象的3D化呈現，四是空間交互。針對第三種需求，很多人都提出了設備打開動作，移出動作的需求，請看下面的用例展示：閱讀全文

posted @ 2012-06-06 09:57 TWaver 閱讀(1210) | 評論 (0) | 編輯收藏

TWaver網元動態轉動效果

摘要: TWaver多個網元動態旋轉效果閱讀全文

posted @ 2012-06-05 17:54 TWaver 閱讀(1381) | 評論 (0) | 編輯收藏

TWaver3D 編輯器的使用（二）—— 定制模板module

摘要: 在TWaver3D編輯器的設計中，借助于ModuleManager實現了模塊（module）的動態加載，這樣用戶可以自定義擴展3D模板，用于增加可編輯對象，提高編輯器能力。那么如何來擴展這些模板呢，讓我來帶領大家認識一下Editor的動態module應用機制。
在實際應用的時候，用戶需要更多的模型模板，用來做場景編輯，例如說新的設備，新的房型等等，這時能不能由用戶進行模型模板的擴展呢？
我們舉例來說，例如客戶需要向設備上添加一個信號燈對象，那么怎么辦，如何把這種模型模板添加到TWaver的3D編輯器中？閱讀全文

posted @ 2012-05-31 16:08 TWaver 閱讀(1477) | 評論 (1) | 編輯收藏

控制TList的限量多選

摘要: 人生就是一個不停選擇的過程。所以，我們必須要謹慎的控制好你的選擇。無論是TList的SelectionModel，還是我們的人生之路。閱讀全文

posted @ 2012-05-30 09:55 TWaver 閱讀(1402) | 評論 (1) | 編輯收藏

Java Web Start實踐：動態生成JNLP

摘要: Java很早就推出了Java Web Start（簡稱JWS）技術，其目的是在桌面程序和Web頁面之間搭起一個無縫的橋梁。不過JWS也是問題多多，bug頻頻。本文以2BizBox ERP項目為例，介紹了如何通過動態生成jnlp的方式來解決如何簡單、快速的為海量用戶通過JWS來部署Java應用。閱讀全文

posted @ 2012-05-21 10:56 TWaver 閱讀(2687) | 評論 (1) | 編輯收藏

打造模塊化的TWaver Flex應用

摘要: 當Flex應用越來越龐大時，問題會越來越多：
1. SWF文件的大小也會越來越大；
2. 下載SWF文件的時間也會越來越長；
3. 如果有多個Flex應用，如何復用相同的代碼（包括Flex Framework、自定義組件庫和第三方包，比如TWaver Flex）；
4. 每次升級后，用戶都需要再次重新下載新的SWF文件；
5. 如何在不修改并編譯舊SWF文件的情況下，增加新功能...
本文詳細介紹了RSL和Modular的結合，幫您打造模塊化的、可擴展的、強壯的TWaver Flex應用... 閱讀全文

posted @ 2012-05-10 11:55 TWaver 閱讀(1696) | 評論 (1) | 編輯收藏

在TWaver Flex中實現垂直文字布局

摘要: 最近有客戶提到如何讓Network上網元的標簽垂直顯示，首先想到的就是每個字符之間插入一個回車，這個用Network#labelFunction就能達到目的。但效果不是很理想，中英文混合時，英文也被一個字母一個字母的分開了。有沒有更好的方案了？答案是肯定的，借助于Flex的Flash Text Engine (FTE)和Text Layout Framework (TLF)，可以很容易的讓文字從上到下顯示... 閱讀全文

posted @ 2012-05-04 11:30 TWaver 閱讀(2268) | 評論 (1) | 編輯收藏

自定義告警染色

摘要: 在TWaver中，拓撲上的告警呈現的方式是多種多樣的，最常見、最通用的是在原來的圖片上疊加上告警級別所對應的顏色，這種方式是采取圖片顏色疊加處理，也就是在原來網元的圖片上疊加上告警的顏色，對于大部分的圖片來說是沒有什么問題的，比如任意從網上找兩種圖片進行告警渲染做測試，效果還是可以的，兩張圖片的染色都還有保持著告警的顏色。但有些圖片的渲染就不是那么讓人滿意了，從客戶那邊取過來一個icon圖片做了一下測試。閱讀全文

posted @ 2012-05-03 14:13 TWaver 閱讀(2054) | 評論 (3) | 編輯收藏

TWaver HTML5 高性能拓撲

摘要: TWaver HTML5臨近發布，近期最大的驚喜是添加了一個高性能的拓撲實現，萬級別的數據量，輕松搞定閱讀全文

posted @ 2012-05-03 12:02 TWaver 閱讀(2002) | 評論 (1) | 編輯收藏

HTML5 WebSocket 應用示例

摘要: 繼續上一篇《HTML5 WebSocket 技術介紹》的內容，本篇將以示例說明WebSocket的使用，這個示例同時結合了TWaver HTML5的使用，場景如下：后臺提供拓撲數據，并以JSON格式通過WebSocket推送到各個客戶端，客戶端獲取到拓撲信息后，通過TWaver HTML5的Network組件呈現于界面，客戶端可以操作網元，操作結果通過WebSocket提交到后臺，后臺服務器更新并通知所有的客戶端刷新界面，此外后臺服務器端還會不斷產生告警，并推送到各個客戶端更新界面。閱讀全文

posted @ 2012-05-03 11:52 TWaver 閱讀(4842) | 評論 (2) | 編輯收藏

HTML5 WebSocket 技術介紹

摘要: WebSocket介紹
webSocket是html5新引入的技術，允許后臺隨時向前端發送文本或者二進制消息，WebSocket是一種全新的協議，不屬于http無狀態協議，協議名為”ws”，這意味著一個websocket連接地址會是這樣的寫法：
ws://twaver.com:8080/webSocketServer。ws不是http，所以傳統的web服務器不一定支持，需要服務器與瀏覽器同時支持， WebSocket才能正常運行，目前的支持還不普遍，需要特別的web服務器和現代的瀏覽器。閱讀全文

posted @ 2012-05-03 09:57 TWaver 閱讀(12099) | 評論 (2) | 編輯收藏

TWaver 3D 編輯器的使用（一）－－－－設計3D場景以及數據綁定

posted @ 2012-05-02 15:24 TWaver 閱讀(1361) | 評論 (2) | 編輯收藏

TWaver HTML5 + Node.js + express + socket.io + redis（六）

摘要: 接上一篇TWaver HTML5 + Node.js + express + socket.io + redis（五）, 這一篇將講解如何用模版生成html頁面, 如何驗證用戶登錄, 您將了解到:
1. 模版引擎jade
2. 使用express的session功能閱讀全文

posted @ 2012-03-23 17:35 TWaver 閱讀(2474) | 評論 (4) | 編輯收藏

TWaver在電力系統中的應用

摘要: 電力電氣系統中這些界面都是由很多電氣元素組成的，比如變壓器，刀閘，開關，接地開關，電容器，發電機等。接下來我們看看如何去擴展這些電氣元素，先整個簡單的刀閘，刀閘一般有兩種狀態，打開關閉，因此我們可以定義一個刀閘的類，繼承于ResizableNode,添加turnOn的屬性來控制開關狀態閱讀全文

posted @ 2012-03-15 11:34 TWaver 閱讀(1540) | 評論 (0) | 編輯收藏

Make an TWaver HTML5 iPhone App

摘要: 構建iOS App有很多技術方式可以選擇，本文介紹基于UIWebView的Cocoa Touch組件嵌入HTML頁面的方式實現的一個iPhone
App例子。文中將穿插iOS的基本內容，TWaver HTML5的基礎應用，以及Objective C與Javascript相互調用的技術點。閱讀全文

posted @ 2012-03-10 23:36 TWaver 閱讀(1824) | 評論 (2) | 編輯收藏

TWaver 3D搭建戶外拓撲場景

摘要: 采用平面方式展現機房室內場景是我們在平常的應用系統中最常見的界面，平面展現具有高效、直觀、準確的優點，隨著信息量的擴增和技術的發展，客戶希望在系統能夠提供更逼真的3D場景，用于增加系統的可閱讀性。TWaver Flex 3D借用TWaver的Element對象，通過在Element對像上面擴展3D Style，實現了3D場景的再現。

人生是美好的，不過那可是由一系列的意外組合而成的。用戶又問閱讀全文

posted @ 2012-03-09 12:56 TWaver 閱讀(1353) | 評論 (0) | 編輯收藏

TWaver HTML5 + Node.js + express + socket.io + redis（五）

摘要: 接上一回TWaver HTML5 + Node.js + express + socket.io + redis（四）, 這一篇您將了解到
1. 如何保存更改后的拓撲數據 (包括新增的, 修改的, 刪除的)
2. 如何廣播更改后的拓撲數據 (僅僅廣播更改的數據)
下面是mac和iphone上的效果圖, mac或iphone上的修改都將及時互相同步: 閱讀全文

posted @ 2012-03-05 17:09 TWaver 閱讀(1927) | 評論 (0) | 編輯收藏

TWaver在FTTX設備網管系統中的應用

摘要: 隨著對帶寬要求的越來越高，光網絡設備已經逐漸取代老的傳輸介質成為主流，下面一個demo介紹了TWaver在FTTX設備網管中的一些應用場景閱讀全文

posted @ 2012-03-02 15:10 TWaver 閱讀(1596) | 評論 (0) | 編輯收藏

瀏覽器關閉時, 如何提醒用戶保存Flex上的拓撲數據

摘要: 當瀏覽器關閉時, Flex如何能得到通知, 提醒用戶保存數據閱讀全文

posted @ 2012-02-29 17:51 TWaver 閱讀(1494) | 評論 (2) | 編輯收藏

打造自己的Flex AIR標題欄

摘要: 如何用代碼禁用Flex AIR程序標題欄的最大化, 最小化按鈕閱讀全文

posted @ 2012-02-29 14:51 TWaver 閱讀(2347) | 評論 (0) | 編輯收藏

TWaver HTML5 + Node.js + express + socket.io + redis（四）

摘要:

在上一篇TWaver HTML5 + Node.js + express + socket.io + redis（三）中，您應該對Node.js的web框架express、實時通訊框架Socket.IO、redis客戶端：redis有所了解了。這一篇將介紹TWaver HTML5的拓撲和通用組件功能，您將了解到： < 閱讀全文

posted @ 2012-02-17 16:45 TWaver 閱讀(2501) | 評論 (1) | 編輯收藏

日歷

公告

常用鏈接

留言簿(14)

隨筆檔案(171)

文章檔案(2)

新聞檔案(1)

相冊

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜