亚洲免费在线视频观看,亚洲无线一二三四区,日本系列1页亚洲系列

2012年2月9日

VR技術(shù)在數(shù)據(jù)中心3D機(jī)房中的應(yīng)用（下）

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

VR技術(shù)在數(shù)據(jù)中心3D機(jī)房中的應(yīng)用（上）

摘要: 近年來(lái)VR（虛擬現(xiàn)實(shí)）這個(gè)詞越來(lái)越頻繁地出現(xiàn)在我們生活當(dāng)中。由于它能帶來(lái)前所未有的交互體驗(yàn)和沉浸感，VR技術(shù)的廣泛應(yīng)用，例如在游戲，影視，數(shù)據(jù)中心等領(lǐng)域，已經(jīng)成了一個(gè)必然的趨勢(shì)。閱讀全文

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

HTML5數(shù)據(jù)可視化第四彈：可交互地鐵線路圖

摘要: 用TWaver HTML5制作的上海地鐵圖，一個(gè)簡(jiǎn)單實(shí)用的小應(yīng)用，具有純矢量、可交互、有動(dòng)態(tài)效果、無(wú)失真縮放等特點(diǎn)。可以方便擴(kuò)展各種實(shí)用功能，也可以稍加改造應(yīng)用于高鐵、公交等類(lèi)似圖形展示。閱讀全文

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

10個(gè)TWaver網(wǎng)頁(yè)3D可視化精彩案例

摘要: 以下網(wǎng)頁(yè)3D案例均為T(mén)Waver原創(chuàng)出品，推薦使用Chrome, FireFox, Safari等對(duì)WebGL支持良好的瀏覽器運(yùn)行。案例排名不分先后，如需Demo，可直接申請(qǐng)?jiān)囉谩?nbsp; 閱讀全文

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

HTML5數(shù)據(jù)可視化第三彈：萌萌噠拓?fù)鋱D分組

摘要: 3D雖然炫酷，但在真正的企業(yè)應(yīng)用里，數(shù)據(jù)、關(guān)系的呈現(xiàn)還是要回到傳統(tǒng)的2D界面，而HTML5是目前的最佳選擇。像HTML5的canvas，雖然已經(jīng)不是什么新鮮技術(shù)了，但可以直接在瀏覽器中繪制網(wǎng)絡(luò)拓?fù)鋱D的邏輯關(guān)系，而不需要安裝任何插件，對(duì)于很多正在更新?lián)Q代的OSS系統(tǒng)來(lái)說(shuō)，還是很有吸引力的。閱讀全文

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

TWaver3D拓?fù)鋱D之人在江湖

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

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

TWaver3D拓?fù)鋱D之球花綻放

摘要: 本文介紹了如何用TWaver HTML5制作3D拓?fù)鋱D，代碼不足一百行，讓大家領(lǐng)略TWaver3D拓?fù)鋱D的風(fēng)采。實(shí)際上，這個(gè)例子稍作變化，就可以用來(lái)展示豐富的3D網(wǎng)絡(luò)拓?fù)鋱D、各種復(fù)雜數(shù)據(jù)的樹(shù)狀關(guān)系圖。閱讀全文

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

一款最新的Web 3D開(kāi)發(fā)工具—TWaver Make

摘要: TWaver發(fā)布了一款全新的模型庫(kù)框架TWaver? Make，來(lái)幫助開(kāi)發(fā)者快速創(chuàng)建高質(zhì)量、專(zhuān)業(yè)的行業(yè)可視化應(yīng)用場(chǎng)景。TWaver? Make提供的是模版定義的開(kāi)發(fā)SDK框架，和高質(zhì)量的跨行業(yè)模型庫(kù)。使用TWaver? Make，可以把TWaver 2D/3D的代碼細(xì)節(jié)包裝在模版中進(jìn)行復(fù)用，極大的降低使用TWaver的復(fù)雜度，提高開(kāi)發(fā)效率。模型庫(kù)就像一本字典一樣，開(kāi)發(fā)著只需查閱模型id，就可以通過(guò)load方法快速加載使用這些內(nèi)置模型。閱讀全文

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

兩步創(chuàng)建3D數(shù)據(jù)中心

摘要: TWaver 3D發(fā)布也有很長(zhǎng)一段時(shí)間了，相關(guān)的應(yīng)用和項(xiàng)目也做了不少，特別是3D機(jī)房，可是有些用戶(hù)反饋說(shuō)3D機(jī)房開(kāi)發(fā)起來(lái)有些費(fèi)勁，耗時(shí)，3D并不像2D，雖然有時(shí)更加的直觀，但是需要考慮的問(wèn)題也很多。本文著重介紹了如何通過(guò)兩個(gè)簡(jiǎn)單的步驟來(lái)創(chuàng)建出一個(gè)3D數(shù)據(jù)中心。
閱讀全文

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

HTML5數(shù)據(jù)可視化第二彈：打造最美3D機(jī)房

摘要: TWaver 3D產(chǎn)品的定位一直在于為企業(yè)提供3D應(yīng)用的快速開(kāi)發(fā)工具，方便企業(yè)開(kāi)發(fā)適合自己的高效、實(shí)時(shí)的監(jiān)控系統(tǒng)。用TWaver 3D開(kāi)發(fā)的3D場(chǎng)景360度無(wú)死角，可綁定動(dòng)態(tài)數(shù)據(jù)，輕松添加動(dòng)畫(huà)，在平板和手機(jī)上也能輕松運(yùn)行。閱讀全文

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

HTML5數(shù)據(jù)可視化第一彈：彩虹爆炸圖

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

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

HTML5復(fù)雜拓?fù)鋱D（五） Reingold Tilford樹(shù)

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

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

HTML5復(fù)雜拓?fù)鋱D（四）組織結(jié)構(gòu)圖

摘要: 應(yīng)廣大客戶(hù)所需，今天給大家?guī)?lái)一款組織結(jié)構(gòu)圖。組織結(jié)構(gòu)圖的呈現(xiàn)方式多種多樣，用途也是非常廣泛，可以應(yīng)用于集團(tuán)內(nèi)部，企業(yè)各部門(mén)之間的組織關(guān)系呈現(xiàn)。我們就來(lái)看看twaver實(shí)現(xiàn)出來(lái)的效果。閱讀全文

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

HTML5復(fù)雜拓?fù)鋱D（三）可伸展流程圖

摘要: 說(shuō)到TWaver的流程圖卻是層出不窮，千姿百態(tài)。2D的，3D的，靜態(tài)的，動(dòng)態(tài)的。這次要給大家呈現(xiàn)的是一款全矢量的，非常清新優(yōu)美的流程圖。閱讀全文

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

HTML5復(fù)雜拓?fù)鋱D（二）關(guān)系網(wǎng)圖

摘要: 在公司內(nèi)部，不僅部門(mén)內(nèi)部員工之間發(fā)生著關(guān)系往來(lái)，部門(mén)和部門(mén)之間的員工也在發(fā)生這各種往來(lái)關(guān)系。如果你還是用原先的那種表格來(lái)呈現(xiàn)，顯然很難直觀看出各種關(guān)系，用圖形化的拓?fù)涑尸F(xiàn)就會(huì)顯得一目了然。閱讀全文

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

數(shù)字圖像處理技術(shù)在TWaver可視化中的應(yīng)用

摘要: 數(shù)字圖像處理（Digital Image Processing）又稱(chēng)為計(jì)算機(jī)圖像處理，它是指將圖像信號(hào)轉(zhuǎn)換成數(shù)字信號(hào)并利用計(jì)算機(jī)對(duì)其進(jìn)行處理的過(guò)程。常用的圖像處理方法有圖像增強(qiáng)、復(fù)原、編碼、壓縮等，數(shù)字圖像處理應(yīng)用領(lǐng)域非常廣泛。具體關(guān)于數(shù)字圖像處理的介紹可以參考書(shū)籍《岡薩雷斯數(shù)字圖像處理》。
TWaver作為可視化的利器，如果在展示網(wǎng)元的時(shí)候，融入圖像處理技術(shù)，將會(huì)對(duì)網(wǎng)元圖標(biāo)的顯示增加了靈活性，是一件非常有意思的事情。那么我們不妨來(lái)試試，如何將圖像處理技術(shù)融入進(jìn)來(lái)。閱讀全文

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

當(dāng)ECharts碰到TWaver

摘要: 百度公司的ECharts發(fā)展迅速，已經(jīng)成為HTML5 Chart的佼佼者，這讓大家驕傲：中國(guó)人終于也有世界級(jí)的開(kāi)源通用UI產(chǎn)品了。正如其網(wǎng)站所說(shuō)，它是百度的，是中國(guó)的，也是世界的。想想那些年，我們追逐感慨過(guò)的chart產(chǎn)品，fusionchart、highchart等等不計(jì)其數(shù)，隨著HTML5的迅速普及和ECharts的瘋狂發(fā)展，大家可以忘掉那些產(chǎn)品了。其他商業(yè)chart產(chǎn)品基本上也離顫抖中關(guān)門(mén)的日子不遠(yuǎn)了。閱讀全文

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

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

摘要: 用TWaver GIS實(shí)現(xiàn)全國(guó)霧霾圖示例，查看更多。閱讀全文

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

TWaver HTML5之樹(shù)形布局

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

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

TWaver推智能手表挑戰(zhàn)華為蘋(píng)果

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

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

3D賽瓦號(hào)——整裝待發(fā)！

摘要: 隨著歲末將至，twaver開(kāi)發(fā)團(tuán)隊(duì)依舊馬不停蹄，3d產(chǎn)品功能持續(xù)更新，新特效和功能目不暇接。現(xiàn)在，我們就利用一些新功能，制作一個(gè)全新“賽瓦號(hào)”飛船，大家看一下仿真程度是否有質(zhì)的不同？閱讀全文

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

TWaver 3D作品Viewer查看器

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

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

3D特效之高光反射

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

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

TWaver 3D應(yīng)用于大型數(shù)據(jù)中心(續(xù))

摘要: 在2014年11月份，我們當(dāng)時(shí)發(fā)了一篇有關(guān)TWaver HTML5 3D應(yīng)用于大型數(shù)據(jù)中心的文章，該blog比較詳細(xì)的描述一些常用的功能的實(shí)現(xiàn)方法，比如：動(dòng)態(tài)添加機(jī)柜，告警，溫度，濕度等相關(guān)的功能的具體實(shí)現(xiàn)。其實(shí)會(huì)用這些東西的話(huà)基本上可以使用我們的TWaver HTML5 3D來(lái)實(shí)現(xiàn)相關(guān)的應(yīng)用了，可是在有些客戶(hù)覺(jué)得這還不夠“動(dòng)態(tài)”，都是代碼一下生成的，少了一些交互，前些天同事說(shuō)要不再加點(diǎn)功能，讓它更加“動(dòng)”一些，所以今天我抽了個(gè)時(shí)間再接著來(lái)個(gè)“續(xù)”——?jiǎng)討B(tài)的添加機(jī)柜，主機(jī)和告警。閱讀全文

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

TWaver矢量小試——Android演進(jìn)路線圖

摘要: 還有半個(gè)多月就到春節(jié)了，年底相信很多公司都會(huì)進(jìn)行年度總結(jié)以及公司發(fā)展?fàn)顩r總結(jié)，在這過(guò)程中難免會(huì)用到RoadMap，在這我們也使用TWaver的矢量部分繪制一個(gè)Android系統(tǒng)的發(fā)展歷程。先看效果。閱讀全文

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

TWaver 3D特效系列之環(huán)境映射

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

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

TWaver動(dòng)畫(huà)之雷達(dá)掃描效果

摘要: UI和功能是好的產(chǎn)品的兩個(gè)重要因素，很多產(chǎn)品往往只注重功能上的設(shè)計(jì)，而忽略了UI。在這個(gè)“看臉”的時(shí)代，就算產(chǎn)品的功能很強(qiáng)大，如果UI跟不上步伐，你的產(chǎn)品都會(huì)在客戶(hù)心中大打折扣。如何利用TWaver實(shí)現(xiàn)動(dòng)畫(huà)之雷達(dá)掃描效果呢，點(diǎn)擊看文章。閱讀全文

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

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

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

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

HTML5 實(shí)現(xiàn)Link跳線效果

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

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

在TWaver的Tree節(jié)點(diǎn)上畫(huà)線

摘要: 論壇上有同學(xué)提出如何在tree上畫(huà)引導(dǎo)線，之前我們Flex已經(jīng)實(shí)現(xiàn)此功能，現(xiàn)在最新版的HTML5也將添加此功能。先看看效果吧。閱讀全文

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

如何用TWaver加載大型游戲場(chǎng)景

摘要: 游戲中經(jīng)常會(huì)出現(xiàn)一些大型的戶(hù)外場(chǎng)景，例如一個(gè)小鎮(zhèn)、一座古城等。通常這種場(chǎng)景中包含了較多的建筑、道路、橋梁等等元素，其3D模型比較大且復(fù)雜。在使用TWaver加載時(shí)，可使用一些技巧，讓加載速度更快、顯示更流暢。閱讀全文

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

22萬(wàn)個(gè)木箱！TWaver 3D極限壓榨

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

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

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

摘要: 前段時(shí)間有個(gè)客戶(hù)說(shuō)他們想在我們的3D的機(jī)房中找從A點(diǎn)到B點(diǎn)的最短路徑，然而在2D中確實(shí)有很多成熟的尋路算法，其中A*是最為常見(jiàn)的，而這個(gè)Demo也是用的A*算法。閱讀全文

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

如何創(chuàng)建TWaver 3D的輪廓選中效果

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

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

巧用TWaver 3D 矢量圖形功能

摘要: 的確，提起TWaver，大家想到的首先是“電信拓?fù)鋱D組件”。其實(shí)，由于其靈活的MVC架構(gòu)、矢量化設(shè)計(jì)、方便定制等特點(diǎn)，TWaver可以做的還有很多。例如房地產(chǎn)行業(yè)常見(jiàn)到的“戶(hù)型圖”。閱讀全文

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

TWaver 3D實(shí)現(xiàn)顏色漸變

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

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

解析JSON數(shù)據(jù)生成TWaver中的網(wǎng)元

摘要: 應(yīng)客戶(hù)需求寫(xiě)個(gè)Demo，Demo中包含一些常用的功能，包括解析JSON數(shù)據(jù)生成TWaver中的網(wǎng)元和連線，網(wǎng)元右下角帶上不同標(biāo)識(shí)的小圖標(biāo)，連線需要是二次曲線，彈出菜單和信息板，跟大家分享下。先上圖讓大家看看效果閱讀全文

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

MONO中動(dòng)畫(huà)的導(dǎo)出與播放

摘要: 使用過(guò)MONO編輯器的朋友都應(yīng)該了解MONO中支持一些動(dòng)畫(huà)的設(shè)置，比如開(kāi)門(mén)，開(kāi)窗，彈出設(shè)備，旋轉(zhuǎn)場(chǎng)景，鏡頭巡航等。但如何將這些動(dòng)畫(huà)應(yīng)用到自己的場(chǎng)景中呢？比如我們?cè)诰庉嬈髦薪o機(jī)柜定義了動(dòng)畫(huà)，怎樣讓做好的機(jī)柜模型加載到自己的場(chǎng)景中并能播放動(dòng)畫(huà)呢？別急，我們來(lái)舉個(gè)例子給大家講解一下。閱讀全文

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

TWaver GIS在電信中的使用

摘要: TWaver提供的是電信行業(yè)中的圖形解決方案，TWaver GIS是基于地圖服務(wù)的一套解決方案。您可以這樣理解，TWaver GIS就是在地理信息系統(tǒng)（GIS）上使用TWaver，TWaver的各種圖形組件都可以在GIS上使用。TWaver本身不提供地圖數(shù)據(jù)，我們與傳統(tǒng)的arcgis相比更輕量，更簡(jiǎn)單，而且價(jià)格也更便宜，我們更加專(zhuān)注在地圖上來(lái)實(shí)現(xiàn)復(fù)雜的電信業(yè)務(wù)，可以兼容OpenstreetMap，BingMap，GoogleMap，MapABC等多種主流地圖。甚至只要你的地圖是ogc標(biāo)準(zhǔn)的WMS服務(wù)格式，我們都是可以支持的。閱讀全文

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

如何創(chuàng)建環(huán)型、樹(shù)型雙層布局

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

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

如何創(chuàng)建發(fā)光的環(huán)路

摘要: 如何獲取整條回路的所有l(wèi)ink，并使之發(fā)光。在這個(gè)Demo中主要包含三個(gè)技術(shù)點(diǎn)，一是如何在選取一條鏈路時(shí)，讓整條回路發(fā)光；二是如何繪制帶有箭頭方向的曲線link；三是如何設(shè)置鏈路的樣式，讓整體可控。
閱讀全文

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

服務(wù)器各項(xiàng)指標(biāo)的圖形化顯示

摘要: 在機(jī)房的監(jiān)控時(shí)，經(jīng)常需要去查看某個(gè)機(jī)柜中的某一臺(tái)服務(wù)器的各項(xiàng)指標(biāo)，比如該臺(tái)服務(wù)器的CPU的使用情況、該臺(tái)服務(wù)器的硬盤(pán)的使用情況、以及網(wǎng)絡(luò)的流量等等，本文我們將用TWaver 3D來(lái)實(shí)現(xiàn)一下該例子。閱讀全文

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

HTML5定制全選列頭

摘要: 隨著HTML5產(chǎn)品分支的不斷深入使用，HTML5的需求也是越來(lái)越多，表格組件的使用也不例外，什么排序，分頁(yè)，自動(dòng)列寬等。最近有客戶(hù)提出了如果讓表格的列頭加上全選的功能。細(xì)細(xì)分析其實(shí)就是兩部分，表格的body部分是勾選的列，表頭也繪制成勾選的列。閱讀全文

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

Autolayout性能優(yōu)化

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

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

DNA分子結(jié)構(gòu)3D模型

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

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

Group共享網(wǎng)元

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

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

TWaver MONO模板庫(kù)新鮮出爐精彩紛呈

摘要: MONO Design在線3D建模平臺(tái)網(wǎng)站, www.mono-design.cn，開(kāi)發(fā)組的成員們已經(jīng)開(kāi)始緊鑼密鼓的對(duì)這個(gè)平臺(tái)進(jìn)行內(nèi)測(cè)。在之前的文章里，我們提到用戶(hù)可以獲得多種多樣的TWaver官方模型庫(kù)，現(xiàn)在已經(jīng)新鮮出爐，讓我們擦亮眼睛，一睹為快！閱讀全文

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

TWaver版3D化學(xué)元素周期表

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

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

在MONO Design中使用Flex3D

摘要: 在項(xiàng)目開(kāi)發(fā)組的努力下，HTML5 3D 的開(kāi)發(fā)包變得越來(lái)越優(yōu)秀，越來(lái)越健壯；基于HTML5 3D技術(shù)的MONO Design建模平臺(tái)功能也變得越來(lái)越強(qiáng)大和完善，這個(gè)方便了很多使用我們HTML5 3D的用戶(hù)。但是對(duì)于使用TWaver Flex 3D的用戶(hù)而言，有個(gè)小小的遺憾就是：整個(gè)MONO Design是面向HTML5 3D技術(shù)的，而不是Flex 3D的。其實(shí)不然，雖然MONO Design本身不是Flex開(kāi)發(fā)的，但是它卻可以與Flex 2D、Flex 3D技術(shù)無(wú)縫集成。簡(jiǎn)單說(shuō)：MONO Design所有建模的東西，都可以直接在Flex 3D中使用。您還管它MONO Design是什么技術(shù)開(kāi)發(fā)的呢？閱讀全文

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

將2D的CAD圖紙變成3D的MONO場(chǎng)景

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

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

Mono Design Demo展示

摘要: Mono Design不僅可以是用Editor快速創(chuàng)建3D機(jī)房，而且也可以使用代碼創(chuàng)建3D產(chǎn)品。下面是通過(guò)代碼實(shí)現(xiàn)的一個(gè)綜合Demo。依然記得讀高中的時(shí)候，每次到周一大掃除的時(shí)候，班主任總會(huì)說(shuō):“同學(xué)們，讓我們?nèi)轿弧⒘Ⅲw式的大掃除吧”。那么現(xiàn)在就讓我們來(lái)全方位、立體式的欣賞這個(gè)Demo吧！閱讀全文

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

TWaver 3D技術(shù)在油田行業(yè)的應(yīng)用

摘要: TWaver通過(guò)MONO DESIGN平臺(tái)提供了強(qiáng)大的油田行業(yè)3D建模工具。通過(guò)拖拖拽拽，可以輕松的創(chuàng)建各種油管、管匯、井口、輸油、儲(chǔ)油等設(shè)備。這些設(shè)備也可以通過(guò)平臺(tái)進(jìn)行新增和修改，并保存在公有云或私有云的服務(wù)器中。閱讀全文

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

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

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

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

Editor動(dòng)態(tài)設(shè)置

摘要: 屬性編輯頁(yè)面可以自己擴(kuò)展editor，自定義A，B兩個(gè)Editor，B的值受A值改變而改變思路很簡(jiǎn)單，存在一個(gè)容器，給TDataBox添加網(wǎng)元屬性變化監(jiān)聽(tīng)器ElementPropertyChangeListener，當(dāng)網(wǎng)元屬性A變化后，改變?nèi)萜髦械闹担缓髮傩訠的Editor加載容器中的值，這樣就可以實(shí)現(xiàn)功能了可運(yùn)行代碼下載： Archive 閱讀全文

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

給網(wǎng)元添加倒影

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

閱讀全文

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

讓JTextField添加“自動(dòng)完成”功能（續(xù)）

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

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

如何實(shí)現(xiàn)link多層bundle

摘要: TWaver默認(rèn)的Link只能分組bundle，沒(méi)有分層bundle（也就是展開(kāi)一層后，再展開(kāi)一層，或合并一層后，再合并一層），因?yàn)樵诙鄬觔undle中，在中間層中，無(wú)法自動(dòng)分辨是想合并還是展開(kāi)。這里寫(xiě)個(gè)例子，屏蔽了默認(rèn)的雙擊Link展開(kāi)或者合并LinkBundle，通過(guò)按鈕實(shí)現(xiàn)多層bundle（這里實(shí)現(xiàn)了兩層的合并或展開(kāi)）。 TWaver中相同Styles.LINK_BUNDLE_ID才能bundle，所以第一層Link分組設(shè)置Styles.LINK_BUNDLE_ID 第一層合并或展開(kāi)，可以直接使用TWaver方法第二層合并，需要記錄上一層的Styles.LINK_BUNDLE_ID，因?yàn)樵谡归_(kāi)時(shí)需要恢復(fù)原本的Styles.LINK_BUNDLE_ID，并需要設(shè)置Styles.LINK_BUNDLE_EXPANDED為false，最后重新設(shè)置所有Link的Styles.LINK_BUNDLE_ID為相同的值從完全合并第一次展開(kāi)的時(shí)候，需要恢復(fù)原本的Styles.LINK_BUNDLE_ID，并將所有Link的original_bundle_id設(shè)置為null，設(shè)置e.setSt 閱讀全文

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

TWaver Flex 生成在iOS上可運(yùn)行的ipa文件

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

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

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

摘要: Network 上面的Node，默認(rèn)情況是Label的折行只能通過(guò)HTML的
標(biāo)簽，這樣做的弊端就是不能動(dòng)態(tài) 根據(jù)文字的長(zhǎng)度智能折行。如果需要達(dá)到這個(gè)要求，需要定制Node的LabelAttachment。最初的想法是創(chuàng)建一個(gè)WrapLabelAttachment，繼承自LabelAttachment，然后通過(guò)在一個(gè)JTextArea，設(shè)置文字，setLineWrap（true），指定JTextArea的寬度，然后把JTextArea 的內(nèi)容繪制這個(gè)Attachment；在實(shí)現(xiàn)的過(guò)程中，發(fā)現(xiàn)JTextArea 有一個(gè)bug，就是折行的計(jì)算不準(zhǔn)確，總是在右邊留下很大的空白；如下圖：測(cè)試代碼：最后通過(guò)自己定制一個(gè)MyTextArea來(lái)實(shí)現(xiàn)，在MyTextArea中，用LineBreakMeasurer來(lái)計(jì)算動(dòng)態(tài)折行：代碼: 然后重寫(xiě)WrapLabelAttachment的 paintName 方法和getBounds 方法：代碼: 代碼: getBounds方法需要?jiǎng)討B(tài)計(jì)算rect 的寬高。最終效果圖：全部代碼見(jiàn)附件： WrapLabelDemo 閱讀全文

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

TWaver Flex轉(zhuǎn)iOS

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

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

賽瓦軟件參加2013中國(guó)國(guó)際廣播電視信息網(wǎng)絡(luò)展

摘要: 賽瓦軟件將攜TWaver HTML5-Mobile應(yīng)用解決方案和TWaver 3D-三維模擬監(jiān)控應(yīng)用解決方案參加2013中國(guó)國(guó)際廣播電視信息網(wǎng)絡(luò)展覽會(huì)。

閱讀全文

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

TWaver Android 1.0 正式發(fā)布

摘要:

TWaver Android 1.0正式發(fā)布，歡迎申請(qǐng)?jiān)囉茫?a >http://twaver.servasoft.com/download/download-product 閱讀全文

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

用TWaver實(shí)現(xiàn)組合的Chart

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

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

關(guān)注細(xì)節(jié)－TWaver Android

摘要: 一款優(yōu)秀的產(chǎn)品體現(xiàn)在細(xì)節(jié)，UI產(chǎn)品更是如此，精確到每個(gè)像素，平衡性能與效果的最佳點(diǎn)，是我們追求的目標(biāo)，細(xì)節(jié)的實(shí)現(xiàn)過(guò)程會(huì)有困難，結(jié)果卻讓人興奮，TWaver Android的開(kāi)發(fā)正是如此，所以我忍不住想分享一些細(xì)節(jié)點(diǎn)... 閱讀全文

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

Hello TWaver Android

摘要: 準(zhǔn)備工作
首先需要搭建Android開(kāi)發(fā)環(huán)境，安裝eclipse和ADT（Android Development Tools）插件，并在Android SDK Manager中安裝需要的SDK。開(kāi)發(fā)人員需要掌握J(rèn)ava編程語(yǔ)言，具備Android開(kāi)發(fā)的能力，最后你需要TWaver Android開(kāi)發(fā)庫(kù)文件（twaver.android.jar），這樣就可以開(kāi)始TWaver Android的開(kāi)發(fā)了。

下面將以最簡(jiǎn)單的Hello TWaver示例來(lái)作分步詳解。

新建Hello TWaver工程
導(dǎo)入twaver.android.jar類(lèi)庫(kù)

編寫(xiě)Hello TWaver

運(yùn)行與調(diào)試
Android模擬器

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

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

Android特性

摘要: Android特性
Android是Google公司基于Linux內(nèi)核的開(kāi)源操作系統(tǒng)，主要用于移動(dòng)設(shè)備，目前在智能手機(jī)市場(chǎng)占有重要份額。Android應(yīng)用層使用Java語(yǔ)言開(kāi)發(fā)，運(yùn)行于Dalvik虛擬機(jī)，每個(gè)Android應(yīng)用運(yùn)行在獨(dú)立的虛擬機(jī)中，這保證了各應(yīng)用間資源的保護(hù)和線程安全。

Android架構(gòu)簡(jiǎn)圖

Android編程方式：Java，NDK，HTML

通常使用Java語(yǔ)言開(kāi)發(fā)Android應(yīng)用，但也可借助其他語(yǔ)言，如Android NDK（Native Development Kit）開(kāi)發(fā)模式，可用Java調(diào)用C語(yǔ)言庫(kù)，此外HTML也可以包裝成Android應(yīng)用。

三種方式都有各自的特點(diǎn)，Java為Android原生支持的語(yǔ)言，便于開(kāi)發(fā)本地應(yīng)用，隨著Android系統(tǒng)的不斷優(yōu)化，其效率也在不斷提升，TWaver Android就使用Java開(kāi)發(fā)；Androi 閱讀全文

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

TWaver Java內(nèi)存占用測(cè)試

摘要: TWaver Java的性能大家有目共睹，內(nèi)存占用情況又怎么樣呢？不同的數(shù)量級(jí)下內(nèi)存增長(zhǎng)情況是怎樣的？視圖組件對(duì)內(nèi)存的影響有多大？我們分別測(cè)試了

只把網(wǎng)元加入DataBox
把網(wǎng)元加入DataBox并在Network上顯示
把網(wǎng)元加入DataBox并在Tree上顯示
把網(wǎng)元加入DataBox并在Tree和Network上顯示

這四種情況下不同數(shù)量級(jí)別的網(wǎng)元的內(nèi)存占用情況，供大家參考…… 閱讀全文

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

為T(mén)Waver HTML5的Tree組件增加鼠標(biāo)滑過(guò)效果

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

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

TWaver HTML5 on Microsoft Surface RT

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

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

TWaver HTML5 繼承結(jié)構(gòu)和成員說(shuō)明

摘要: JavaScript是一門(mén)動(dòng)態(tài)語(yǔ)言，但是面向?qū)ο蟮奶卣鳑](méi)有Java那么明顯，導(dǎo)致我們開(kāi)發(fā)起來(lái)非常不習(xí)慣。拿繼承來(lái)說(shuō)，Java中有專(zhuān)門(mén)的extends和implements關(guān)鍵字實(shí)現(xiàn)，但是在JavaScript卻引入了一個(gè)”別扭的”prototype，而且實(shí)現(xiàn)方式有很多種，雖然靈活，卻很容易讓初學(xué)者一頭霧水不知所措。TWaver HTML5的doc是一個(gè)js文件，對(duì)編輯器很友好，但是我們看起來(lái)卻不是很方便，遠(yuǎn)不如JavaDoc來(lái)得一目了然，于是我們做了另一個(gè)html，算是對(duì)原js格式doc的補(bǔ)充。先看一下最后完成的效果：閱讀全文

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

JTree實(shí)現(xiàn)文件樹(shù)

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

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

TWaver 3D for Flex 3.0發(fā)布

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

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

TWaver局部自動(dòng)布局及嵌套Group處理

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

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

TWaver With JavaFX

摘要: JavaFX Script被拋棄以后，很久不關(guān)心JavaFX了，偶然發(fā)現(xiàn)JavaFX已經(jīng)發(fā)展到2.2，而且已經(jīng)綁定到JDK7中，看來(lái)Oracle對(duì)它還是蠻重視的。
看到有人在論壇提問(wèn)TWaver有沒(méi)有JavaFX版本，于是去Oracle網(wǎng)站上逛了一下，發(fā)現(xiàn)可以將JavaFX集成進(jìn)Swing程序中，真是福音啊，立馬動(dòng)手寫(xiě)了個(gè)Demo，集成起來(lái)還是很方便的。閱讀全文

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

如何在TWaver Flex中定制Tree的tooltip

摘要: 如果您顯示過(guò)Tree的ToolTip，會(huì)發(fā)現(xiàn)這個(gè)tooltip離鼠標(biāo)太遠(yuǎn)了；而且也無(wú)法跟隨鼠標(biāo)一起移動(dòng)；最重要的是，如果想動(dòng)態(tài)更改tooltip也很麻煩。閱讀全文

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

如何讓HTML5的表格支持后臺(tái)排序與分頁(yè)

摘要: TWaver HTML5發(fā)布已有一段時(shí)間，使用的客戶(hù)也是逐漸增加，于是我也迫不及待的申請(qǐng)了一個(gè)試用版來(lái)寫(xiě)一個(gè)小網(wǎng)頁(yè)，最近正在寫(xiě)到數(shù)據(jù)查詢(xún)，表格TWaver HTML5發(fā)布已有一段時(shí)間，使用的客戶(hù)也是逐漸增加，于是我也迫不及待的申請(qǐng)了一個(gè)試用版來(lái)寫(xiě)一個(gè)小網(wǎng)頁(yè)，最近正在寫(xiě)到數(shù)據(jù)查詢(xún)，表格顯示的功能。表格組件在HTML5中是提供的，查看TWaver提供了Demo,表格的使用還是蠻多的，于是并參考了其中的一個(gè)Demo，新建一個(gè)表格，并給表格賦值。很快一張表格就生成了。閱讀全文

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

自定義Background

摘要: TWaver提供了ImageBackground來(lái)為T(mén)Network設(shè)置背景，ImageBackground可以設(shè)置為顏色，漸變色，圖片或紋理，但是如果想設(shè)置多張圖片為背景，或者需要準(zhǔn)確的定位背景（比如居中），ImageBackground就無(wú)能為力了，下面看我的解決方案：
既然ImageBackground無(wú)法滿(mǎn)足需求了，我們就自己寫(xiě)一個(gè)，得益于TWaver優(yōu)秀的設(shè)計(jì)，我們可以很容易的擴(kuò)展原有的類(lèi)，然后加上自己的功能。通過(guò)查看API得知，ImageBackground繼承自AbstractBackground，我們干脆拋棄ImageBackground，自己從AbstractBackground繼承。考慮到有可能需要多張圖片組合成一個(gè)背景，我們引入Layer的概念，在我們自定義的Background維護(hù)一個(gè)集合，存儲(chǔ)Layer的信息，繪制背景的時(shí)候從集合中取出Layer統(tǒng)一渲染。閱讀全文

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

GeoServer快速發(fā)布地圖數(shù)據(jù)

摘要: TWaver GIS提供了WMS的客戶(hù)端支持，可以訪問(wèn)地圖服務(wù)器的相關(guān)服務(wù)。在平時(shí)的中小項(xiàng)目中，購(gòu)買(mǎi)一套GIS服務(wù)實(shí)在是一個(gè)很大的成本負(fù)擔(dān)，在不降低地圖發(fā)布能力的前提下，減少成本支出成為各個(gè)項(xiàng)目的一個(gè)重要方面。在用戶(hù)手中已經(jīng)持有地圖的矢量數(shù)據(jù)的時(shí)候，選擇個(gè)價(jià)廉物美的GIS服務(wù)器就成為降低成本的重要手段，在這里給大家推薦GeoServer。
關(guān)于GeoServer發(fā)布地圖數(shù)據(jù)，大家可以到http://docs.geoserver.org/stable/en/user/gettingstarted/shapefile-quickstart/index.html查看官方資料。在發(fā)布的時(shí)候，使用shp格式的空間數(shù)據(jù)就可以了。今天我們?cè)谶@里給大家突出的強(qiáng)調(diào)幾個(gè)小細(xì)節(jié)，方便大家在GeoServer上快速發(fā)布地圖數(shù)據(jù)。細(xì)節(jié)如下…… 閱讀全文

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

利用Layer優(yōu)化Group顯示

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

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

在3D場(chǎng)景中顯示漢字

摘要: TWaver 3D for Flex本身支持3D文字的顯示，但是用戶(hù)必須嵌入一套字庫(kù)才可以。對(duì)于國(guó)內(nèi)客戶(hù)來(lái)說(shuō)，這一點(diǎn)就有些痛苦了，一個(gè)中文字庫(kù)的體積太大，嵌入發(fā)布程序中的話(huà)，會(huì)增大發(fā)布包的大小，及時(shí)是遠(yuǎn)程加載，也會(huì)因?yàn)槠淇植赖捏w積，讓用戶(hù)的web化設(shè)計(jì)面臨網(wǎng)絡(luò)情況的挑戰(zhàn)。當(dāng)然為了用戶(hù)也可以去裁剪一個(gè)字庫(kù)，把自己會(huì)用到的文字收入其中，做個(gè)可控?cái)?shù)量級(jí)的枚舉，但是實(shí)時(shí)系統(tǒng)在運(yùn)行過(guò)程中，會(huì)碰到什么樣的漢字也是個(gè)未知，很難做裁剪的時(shí)候枚舉盡所需要的漢字。這個(gè)問(wèn)題一直苦苦縈繞在每個(gè)人的心頭。
，，，，，，
，，，，，，
終于，TWaver 3D支持動(dòng)態(tài)貼圖了，這里的動(dòng)態(tài)貼圖已經(jīng)不只是說(shuō)可以動(dòng)態(tài)切換貼圖資源的來(lái)源，更重要的是可以動(dòng)態(tài)切換上在內(nèi)存中生成的BitmapData對(duì)象。大家都知道，F(xiàn)lex的BitmapData支持將其UIComponent繪制出來(lái)，這一下子為我們解決漢字顯示提供了一個(gè)非常便捷的方式，那就是我們把漢字寫(xiě)進(jìn)一個(gè)TextInput組件中去，然后在把這個(gè)組件畫(huà)到一個(gè)BitmapData對(duì)象中，然后在將這個(gè)對(duì)象變成我們一個(gè)3D對(duì)象的貼圖（例如一個(gè)Plane，一閱讀全文

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

讓Swing表格支持遠(yuǎn)程后臺(tái)數(shù)據(jù)翻頁(yè)

摘要: 在各種實(shí)際項(xiàng)目中，表格的遠(yuǎn)程數(shù)據(jù)翻頁(yè)是一個(gè)最常見(jiàn)的應(yīng)用。本文通過(guò)一個(gè)“阿里巴巴網(wǎng)站地址爬蟲(chóng)”的程序例子，介紹了如何讓TWaver Java表格支持遠(yuǎn)程數(shù)據(jù)翻頁(yè)功能。閱讀全文

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

UI定制總結(jié)

摘要: TWaver本身提供的豐富的設(shè)置選項(xiàng),可以幫助我們快速實(shí)現(xiàn)各種絢麗的效果，但是在某些情況下,我們需要在網(wǎng)元上繪制一些圖形來(lái)表示某種狀態(tài)或業(yè)務(wù)信息，沒(méi)問(wèn)題，只需要一點(diǎn)點(diǎn)2D知識(shí)可以很容易實(shí)現(xiàn)這樣的需求。

假設(shè)一種需求(僅僅是假設(shè))，監(jiān)控交換機(jī)各個(gè)端口的傳輸速度，并用柱狀圖動(dòng)態(tài)顯示，效果圖如下：閱讀全文

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

用Swing定制流動(dòng)的Link樣式

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

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

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

摘要: 最近有客戶(hù)提到自定義鏈路的需求，個(gè)人感覺(jué)非常有代表意義，現(xiàn)在共享出來(lái)給大家參考一下。先來(lái)看看需求：

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

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

使用3D呈現(xiàn)拓?fù)涞亩鄬哟谓Y(jié)構(gòu)

摘要: 關(guān)于3D場(chǎng)景在現(xiàn)在網(wǎng)管中的應(yīng)用的討論一直沒(méi)有停止過(guò)，應(yīng)用場(chǎng)景有哪些，應(yīng)用的意義有哪些，可以為產(chǎn)品開(kāi)發(fā)、為系統(tǒng)使用帶來(lái)多少利益點(diǎn)等等。今天給大家介紹一種應(yīng)用情景，希望能借此機(jī)會(huì)，拋磚引玉，引出更多更具有實(shí)際意義的應(yīng)用需求來(lái)，為大家的應(yīng)用系統(tǒng)的豐富性添磚加瓦。

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

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

減少M(fèi)enu分割線的間距

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

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

讓JTextField添加“自動(dòng)完成”功能

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

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

替換TWaver中Tree展開(kāi)合并圖標(biāo)

摘要: TWaver最大的優(yōu)點(diǎn)之一是“靈活的定制功能”。光說(shuō)不練不行，來(lái)個(gè)例子演練一把：定制Tree節(jié)點(diǎn)的標(biāo)簽。

默認(rèn)Tree和Network上的標(biāo)簽顯示的是網(wǎng)元的name屬性，設(shè)置Styles.TREE_LABEL屬性后，可以讓Tree顯示Styles.TREE_LABEL的值，以達(dá)到Tree和Network顯示不同標(biāo)簽的目的
如果覺(jué)得這樣還不夠，可以設(shè)置Tree#labelFunction，比如下面的代碼可以讓Node顯示name，Link顯示Styles.TREE_LABEL：
既然TWaver這么靈活，那Tree的展開(kāi)合并圖標(biāo)能定制么？閱讀全文

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

設(shè)備的3D化展示

摘要: 現(xiàn)在收到的關(guān)于3D應(yīng)用的需求主要集中在了4個(gè)方面，一是室外場(chǎng)景的再現(xiàn)，二是室內(nèi)布局的呈現(xiàn)，三是單個(gè)設(shè)備對(duì)象的3D化呈現(xiàn)，四是空間交互。針對(duì)第三種需求，很多人都提出了設(shè)備打開(kāi)動(dòng)作，移出動(dòng)作的需求，請(qǐng)看下面的用例展示：閱讀全文

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

TWaver網(wǎng)元?jiǎng)討B(tài)轉(zhuǎn)動(dòng)效果

摘要: TWaver多個(gè)網(wǎng)元?jiǎng)討B(tài)旋轉(zhuǎn)效果閱讀全文

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

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

摘要: 在TWaver3D編輯器的設(shè)計(jì)中，借助于ModuleManager實(shí)現(xiàn)了模塊（module）的動(dòng)態(tài)加載，這樣用戶(hù)可以自定義擴(kuò)展3D模板，用于增加可編輯對(duì)象，提高編輯器能力。那么如何來(lái)擴(kuò)展這些模板呢，讓我來(lái)帶領(lǐng)大家認(rèn)識(shí)一下Editor的動(dòng)態(tài)module應(yīng)用機(jī)制。
在實(shí)際應(yīng)用的時(shí)候，用戶(hù)需要更多的模型模板，用來(lái)做場(chǎng)景編輯，例如說(shuō)新的設(shè)備，新的房型等等，這時(shí)能不能由用戶(hù)進(jìn)行模型模板的擴(kuò)展呢？
我們舉例來(lái)說(shuō)，例如客戶(hù)需要向設(shè)備上添加一個(gè)信號(hào)燈對(duì)象，那么怎么辦，如何把這種模型模板添加到TWaver的3D編輯器中？閱讀全文

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

控制TList的限量多選

摘要: 人生就是一個(gè)不停選擇的過(guò)程。所以，我們必須要謹(jǐn)慎的控制好你的選擇。無(wú)論是TList的SelectionModel，還是我們的人生之路。閱讀全文

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

Java Web Start實(shí)踐：動(dòng)態(tài)生成JNLP

摘要: Java很早就推出了Java Web Start（簡(jiǎn)稱(chēng)JWS）技術(shù)，其目的是在桌面程序和Web頁(yè)面之間搭起一個(gè)無(wú)縫的橋梁。不過(guò)JWS也是問(wèn)題多多，bug頻頻。本文以2BizBox ERP項(xiàng)目為例，介紹了如何通過(guò)動(dòng)態(tài)生成jnlp的方式來(lái)解決如何簡(jiǎn)單、快速的為海量用戶(hù)通過(guò)JWS來(lái)部署Java應(yīng)用。閱讀全文

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

打造模塊化的TWaver Flex應(yīng)用

摘要: 當(dāng)Flex應(yīng)用越來(lái)越龐大時(shí)，問(wèn)題會(huì)越來(lái)越多：
1. SWF文件的大小也會(huì)越來(lái)越大；
2. 下載SWF文件的時(shí)間也會(huì)越來(lái)越長(zhǎng)；
3. 如果有多個(gè)Flex應(yīng)用，如何復(fù)用相同的代碼（包括Flex Framework、自定義組件庫(kù)和第三方包，比如TWaver Flex）；
4. 每次升級(jí)后，用戶(hù)都需要再次重新下載新的SWF文件；
5. 如何在不修改并編譯舊SWF文件的情況下，增加新功能...
本文詳細(xì)介紹了RSL和Modular的結(jié)合，幫您打造模塊化的、可擴(kuò)展的、強(qiáng)壯的TWaver Flex應(yīng)用... 閱讀全文

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

在TWaver Flex中實(shí)現(xiàn)垂直文字布局

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

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

自定義告警染色

摘要: 在TWaver中，拓?fù)渖系母婢尸F(xiàn)的方式是多種多樣的，最常見(jiàn)、最通用的是在原來(lái)的圖片上疊加上告警級(jí)別所對(duì)應(yīng)的顏色，這種方式是采取圖片顏色疊加處理，也就是在原來(lái)網(wǎng)元的圖片上疊加上告警的顏色，對(duì)于大部分的圖片來(lái)說(shuō)是沒(méi)有什么問(wèn)題的，比如任意從網(wǎng)上找兩種圖片進(jìn)行告警渲染做測(cè)試，效果還是可以的，兩張圖片的染色都還有保持著告警的顏色。但有些圖片的渲染就不是那么讓人滿(mǎn)意了，從客戶(hù)那邊取過(guò)來(lái)一個(gè)icon圖片做了一下測(cè)試。閱讀全文

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

TWaver HTML5 高性能拓?fù)?/a>

摘要: TWaver HTML5臨近發(fā)布，近期最大的驚喜是添加了一個(gè)高性能的拓?fù)鋵?shí)現(xiàn)，萬(wàn)級(jí)別的數(shù)據(jù)量，輕松搞定閱讀全文

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

HTML5 WebSocket 應(yīng)用示例

摘要: 繼續(xù)上一篇《HTML5 WebSocket 技術(shù)介紹》的內(nèi)容，本篇將以示例說(shuō)明WebSocket的使用，這個(gè)示例同時(shí)結(jié)合了TWaver HTML5的使用，場(chǎng)景如下：后臺(tái)提供拓?fù)鋽?shù)據(jù)，并以JSON格式通過(guò)WebSocket推送到各個(gè)客戶(hù)端，客戶(hù)端獲取到拓?fù)湫畔⒑螅ㄟ^(guò)TWaver HTML5的Network組件呈現(xiàn)于界面，客戶(hù)端可以操作網(wǎng)元，操作結(jié)果通過(guò)WebSocket提交到后臺(tái)，后臺(tái)服務(wù)器更新并通知所有的客戶(hù)端刷新界面，此外后臺(tái)服務(wù)器端還會(huì)不斷產(chǎn)生告警，并推送到各個(gè)客戶(hù)端更新界面。閱讀全文

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

HTML5 WebSocket 技術(shù)介紹

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

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

TWaver 3D 編輯器的使用（一）－－－－設(shè)計(jì)3D場(chǎng)景以及數(shù)據(jù)綁定

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

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

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

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

TWaver在電力系統(tǒng)中的應(yīng)用

摘要: 電力電氣系統(tǒng)中這些界面都是由很多電氣元素組成的，比如變壓器，刀閘，開(kāi)關(guān)，接地開(kāi)關(guān)，電容器，發(fā)電機(jī)等。接下來(lái)我們看看如何去擴(kuò)展這些電氣元素，先整個(gè)簡(jiǎn)單的刀閘，刀閘一般有兩種狀態(tài)，打開(kāi)關(guān)閉，因此我們可以定義一個(gè)刀閘的類(lèi)，繼承于ResizableNode,添加turnOn的屬性來(lái)控制開(kāi)關(guān)狀態(tài) 閱讀全文

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

Make an TWaver HTML5 iPhone App

摘要: 構(gòu)建iOS App有很多技術(shù)方式可以選擇，本文介紹基于UIWebView的Cocoa Touch組件嵌入HTML頁(yè)面的方式實(shí)現(xiàn)的一個(gè)iPhone
App例子。文中將穿插iOS的基本內(nèi)容，TWaver HTML5的基礎(chǔ)應(yīng)用，以及Objective C與Javascript相互調(diào)用的技術(shù)點(diǎn)。閱讀全文

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

TWaver 3D搭建戶(hù)外拓?fù)鋱?chǎng)景

摘要: 采用平面方式展現(xiàn)機(jī)房室內(nèi)場(chǎng)景是我們?cè)谄匠５膽?yīng)用系統(tǒng)中最常見(jiàn)的界面，平面展現(xiàn)具有高效、直觀、準(zhǔn)確的優(yōu)點(diǎn)，隨著信息量的擴(kuò)增和技術(shù)的發(fā)展，客戶(hù)希望在系統(tǒng)能夠提供更逼真的3D場(chǎng)景，用于增加系統(tǒng)的可閱讀性。TWaver Flex 3D借用TWaver的Element對(duì)象，通過(guò)在Element對(duì)像上面擴(kuò)展3D Style，實(shí)現(xiàn)了3D場(chǎng)景的再現(xiàn)。

人生是美好的，不過(guò)那可是由一系列的意外組合而成的。用戶(hù)又問(wèn) 閱讀全文

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

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

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

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

TWaver在FTTX設(shè)備網(wǎng)管系統(tǒng)中的應(yīng)用

摘要: 隨著對(duì)帶寬要求的越來(lái)越高，光網(wǎng)絡(luò)設(shè)備已經(jīng)逐漸取代老的傳輸介質(zhì)成為主流，下面一個(gè)demo介紹了TWaver在FTTX設(shè)備網(wǎng)管中的一些應(yīng)用場(chǎng)景閱讀全文

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

瀏覽器關(guān)閉時(shí), 如何提醒用戶(hù)保存Flex上的拓?fù)鋽?shù)據(jù)

摘要: 當(dāng)瀏覽器關(guān)閉時(shí), Flex如何能得到通知, 提醒用戶(hù)保存數(shù)據(jù) 閱讀全文

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

打造自己的Flex AIR標(biāo)題欄

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

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

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

摘要:

在上一篇TWaver HTML5 + Node.js + express + socket.io + redis（三）中，您應(yīng)該對(duì)Node.js的web框架express、實(shí)時(shí)通訊框架Socket.IO、redis客戶(hù)端：redis有所了解了。這一篇將介紹TWaver HTML5的拓?fù)浜屯ㄓ媒M件功能，您將了解到： < 閱讀全文

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

Flex中定制帶圖標(biāo)的Tooltip

摘要: “定制”無(wú)疑是TWaver中最大的一特色，無(wú)論是node，link，attachment，就連tooltip也同樣可以定制，“定制”可以顯示出更強(qiáng)更復(fù)雜的一些功能，今天給大家?guī)?lái)了一個(gè)定制Tooltip的例子。
閱讀全文

posted @ 2012-02-09 17:44 TWaver 閱讀(1852) | 評(píng)論 (0) | 編輯收藏

日歷

公告

常用鏈接

留言簿(14)

隨筆檔案(171)

文章檔案(2)

新聞檔案(1)

相冊(cè)

搜索

最新隨筆

最新評(píng)論

閱讀排行榜

評(píng)論排行榜