<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)系 :: 聚合  :: 管理

    2012年8月3日

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

         摘要: 近年來VR(虛擬現(xiàn)實(shí))這個(gè)詞越來越頻繁地出現(xiàn)在我們生活當(dāng)中。由于它能帶來前所未有的交互體驗(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)編輯 收藏

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

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

         摘要: 以下網(wǎng)頁3D案例均為TWaver原創(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)編輯 收藏

         摘要: 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)來說,還是很有吸引力的。  閱讀全文

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

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

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

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

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

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

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

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

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

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

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

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

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

         摘要: 前段時(shí)間,有個(gè)項(xiàng)目需要顯示一個(gè)很大的樹形拓?fù)浣Y(jié)構(gòu)圖,而布局怎么都不好看。要生成一顆比較布局規(guī)矩、好看的樹狀圖,一個(gè)成熟、高效的樹形布局算法必不可少。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)單,效率高。不過用js寫一遍也要消耗很多腦細(xì)胞。還要,twaver直接提供了這種算法和自動(dòng)布局,我們可以直接使用。 下面看一看這種布局的用途。利用Reingold Tilford樹算法,我們可以把一個(gè)樹形結(jié)構(gòu)的數(shù)據(jù),用不重疊、緊湊、分層的形式展示出來。  閱讀全文

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

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

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

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

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

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

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

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

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

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

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

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

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

         摘要: 今天是春節(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í)域的父親,以此類推。但是這樣有個(gè)問題,如果域比較多,會(huì)造成group的過度嵌套,界面中g(shù)roup多了之后,不僅用戶體驗(yàn)下降,而且會(huì)嚴(yán)重影響性能,所以倒不如直接用樹,可以很直觀的體現(xiàn)各個(gè)域之間的層級(jí)關(guān)系。  閱讀全文

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

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

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

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

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

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

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

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

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

         摘要: 在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ì)用這些東西的話基本上可以使用我們的TWaver HTML5 3D來實(shí)現(xiàn)相關(guān)的應(yīng)用了,可是在有些客戶覺得這還不夠“動(dòng)態(tài)”,都是代碼一下生成的,少了一些交互,前些天同事說要不再加點(diǎn)功能,讓它更加“動(dòng)”一些,所以今天我抽了個(gè)時(shí)間再接著來個(gè)“續(xù)”——?jiǎng)討B(tài)的添加機(jī)柜,主機(jī)和告警。  閱讀全文

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

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

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

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

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

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

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

         摘要: 容積率一般應(yīng)用在房地產(chǎn)開發(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的游戲也越來越多,那么如果我們將游戲引擎融入到監(jiān)控系統(tǒng)中,會(huì)實(shí)現(xiàn)什么樣的效果呢,本文重點(diǎn)介紹使用APE物理引擎結(jié)合TWaver 2D產(chǎn)品實(shí)現(xiàn)管線的容積率計(jì)算。 先來看下效果:  閱讀全文

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

         摘要: 之前我們推出過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)編輯 收藏

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

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

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

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

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

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

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

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

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

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

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

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

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

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

         摘要: 應(yīng)客戶需求寫個(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編輯器的朋友都應(yīng)該了解MONO中支持一些動(dòng)畫的設(shè)置,比如開門,開窗,彈出設(shè)備,旋轉(zhuǎn)場(chǎng)景,鏡頭巡航等。但如何將這些動(dòng)畫應(yīng)用到自己的場(chǎng)景中呢?比如我們?cè)诰庉嬈髦薪o機(jī)柜定義了動(dòng)畫,怎樣讓做好的機(jī)柜模型加載到自己的場(chǎng)景中并能播放動(dòng)畫呢?別急,我們來舉個(gè)例子給大家講解一下。  閱讀全文

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

         摘要: TWaver提供的是電信行業(yè)中的圖形解決方案,TWaver GIS是基于地圖服務(wù)的一套解決方案。您可以這樣理解,TWaver GIS就是在地理信息系統(tǒng)(GIS)上使用TWaver,TWaver的各種圖形組件都可以在GIS上使用。TWaver本身不提供地圖數(shù)據(jù),我們與傳統(tǒng)的arcgis相比更輕量,更簡(jiǎn)單,而且價(jià)格也更便宜,我們更加專注在地圖上來實(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)編輯 收藏

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

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

         摘要: 如何獲取整條回路的所有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)編輯 收藏

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

         摘要: 前幾篇文章講解了怎樣將TWaver Flex生成ipa文件,最近也有人問到怎樣將TWaver Flex工程轉(zhuǎn)成在Android上設(shè)備可運(yùn)行的文件。 然而生成apk文件要比生成ipa文件簡(jiǎn)單的多,生成速度也快很多。 廢話不多說,以下就是操作方法,我采用的依然是上次那兩篇文字所用到只寫了幾行代碼的兩個(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”,輸入生成文件所在的路徑,不填寫的話最終的apk文件在Flex Mobile工程的根目錄下,點(diǎn)擊next 輸入好以上的信息后,點(diǎn)擊“Finish”就可以。  閱讀全文

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

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

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

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

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

         摘要: 在 讓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è)置上圖片即可,代碼如下: 在上面的代碼中,通過文字去查找對(duì)應(yīng)的圖片,并設(shè)置Renderer 的Icon,其中g(shù)etImageIcon方法如下,緩存了圖片資源,這樣不用每次刷新的時(shí)候去每次生成ImageIcon: 效果如下: 全部代碼: Source Code  閱讀全文

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

         摘要: TWaver默認(rèn)的Link只能分組bundle,沒有分層bundle(也就是展開一層后,再展開一層,或合并一層后,再合并一層),因?yàn)樵诙鄬觔undle中,在中間層中,無法自動(dòng)分辨是想合并還是展開。這里寫個(gè)例子,屏蔽了默認(rèn)的雙擊Link展開或者合并LinkBundle,通過按鈕實(shí)現(xiàn)多層bundle(這里實(shí)現(xiàn)了兩層的合并或展開)。 TWaver中相同Styles.LINK_BUNDLE_ID才能bundle,所以第一層Link分組設(shè)置Styles.LINK_BUNDLE_ID 第一層合并或展開,可以直接使用TWaver方法 第二層合并,需要記錄上一層的Styles.LINK_BUNDLE_ID,因?yàn)樵谡归_時(shí)需要恢復(fù)原本的Styles.LINK_BUNDLE_ID,并需要設(shè)置Styles.LINK_BUNDLE_EXPANDED為false,最后重新設(shè)置所有Link的Styles.LINK_BUNDLE_ID為相同的值 從完全合并第一次展開的時(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轉(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)的證書信息: 4、點(diǎn)擊ok后回到了剛才的界面: 5、修改FlexMobile-app.xml文件,修改id,(你在Apple Store上注冊(cè)時(shí)的),通過更改此文件可以達(dá)到其他的效果,比如是否自動(dòng)的旋轉(zhuǎn): 輸入id: 設(shè)置是否旋轉(zhuǎn): 6、輸入好上面的信息后,點(diǎn)擊上面4中的“Run”,點(diǎn)擊Run后需要你輸入密碼,如下圖: 7、在6中輸入了正確的密碼后就開始生成相關(guān)的ipa文件,如下圖: 生成這個(gè)文件比價(jià)耗時(shí),所以需要耐心的等待,可能需要20分鐘吧,在這里慢比較正常; 生成的文件在工程目錄的bin-debug文件下。 以上就是ipa文件的生成。  閱讀全文

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

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

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

         摘要: 借助于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開發(fā)者賬號(hào) 開始: 1:創(chuàng)建Flex Library project(File -> New -> Flex Library Project) 在Build Paths -> Library path選項(xiàng)頁, 點(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)編輯 收藏

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

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

         摘要:


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

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

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

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

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

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

    新建Hello TWaver工程
    導(dǎo)入twaver.android.jar類庫

    編寫Hello TWaver

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

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

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

         摘要: Android特性
    Android是Google公司基于Linux內(nèi)核的開源操作系統(tǒng),主要用于移動(dòng)設(shè)備,目前在智能手機(jī)市場(chǎng)占有重要份額。Android應(yīng)用層使用Java語言開發(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語言開發(fā)Android應(yīng)用,但也可借助其他語言,如Android NDK(Native Development Kit)開發(fā)模式,可用Java調(diào)用C語言庫,此外HTML也可以包裝成Android應(yīng)用。

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

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

         摘要: TWaver Java的性能大家有目共睹,內(nèi)存占用情況又怎么樣呢?不同的數(shù)量級(jí)下內(nèi)存增長情況是怎樣的?視圖組件對(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)編輯 收藏

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

         摘要: TWaver提供了ImageBackground來為TNetwork設(shè)置背景,ImageBackground可以設(shè)置為顏色,漸變色,圖片或紋理,但是如果想設(shè)置多張圖片為背景,或者需要準(zhǔn)確的定位背景(比如居中),ImageBackground就無能為力了,下面看我的解決方案:
    既然ImageBackground無法滿足需求了,我們就自己寫一個(gè),得益于TWaver優(yōu)秀的設(shè)計(jì),我們可以很容易的擴(kuò)展原有的類,然后加上自己的功能。通過查看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)編輯 收藏

         摘要: TWaver GIS提供了WMS的客戶端支持,可以訪問地圖服務(wù)器的相關(guān)服務(wù)。在平時(shí)的中小項(xiàng)目中,購買一套GIS服務(wù)實(shí)在是一個(gè)很大的成本負(fù)擔(dān),在不降低地圖發(fā)布能力的前提下,減少成本支出成為各個(gè)項(xiàng)目的一個(gè)重要方面。在用戶手中已經(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)編輯 收藏

         摘要: 每天逛逛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)編輯 收藏

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

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

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

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

    主站蜘蛛池模板: 亚洲最大视频网站| 亚洲AV区无码字幕中文色| 亚洲欧美日韩久久精品| 国产免费丝袜调教视频| 亚洲国产美女精品久久久久| www.免费在线观看| 亚洲国产成人久久精品app| 噼里啪啦免费观看高清动漫4| 亚洲伊人精品综合在合线| 成在人线AV无码免费| 国产AV日韩A∨亚洲AV电影| 免费无遮挡无码永久在线观看视频| 亚洲人成人伊人成综合网无码| 成人免费视频软件网站| 自拍偷自拍亚洲精品偷一| 亚洲人成网站在线观看青青| 国产免费一级高清淫曰本片 | 久久亚洲AV成人无码国产电影 | 国产国产人免费视频成69堂| 亚洲乱人伦精品图片| 免费看的一级毛片| 一级特黄录像视频免费| 亚洲AV永久无码精品水牛影视| 永久看日本大片免费35分钟| 中文字幕亚洲综合久久综合| xvideos亚洲永久网址| a级片免费在线播放| 亚洲国产模特在线播放| 免费国产成人午夜电影| 国产午夜成人免费看片无遮挡 | 国产免费AV片在线观看| 亚洲午夜电影在线观看高清| 男女交性永久免费视频播放| 午夜在线免费视频 | 久久亚洲精品无码av| 亚洲AV无码一区二区二三区软件 | 久久久久久久免费视频| 日韩精品免费一线在线观看| 亚洲精品免费在线观看| 日本免费一区尤物| 久久一本岛在免费线观看2020|