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

    2015年1月19日

    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)。可以方便擴(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ā)布也有很長(zhǎng)一段時(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 閱讀(3917) | 評(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的佼佼者,這讓大家驕傲:中國(guó)人終于也有世界級(jí)的開源通用UI產(chǎn)品了。正如其網(wǎng)站所說,它是百度的,是中國(guó)的,也是世界的。想想那些年,我們追逐感慨過的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)全國(guó)霧霾圖示例,查看更多。  閱讀全文

    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ù)更新,新特效和功能目不暇接。現(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)編輯 收藏

    主站蜘蛛池模板: 风间由美在线亚洲一区| 成人自慰女黄网站免费大全| 无人视频在线观看免费播放影院 | 亚洲欧洲日韩不卡| 亚洲AV日韩精品一区二区三区| 3344永久在线观看视频免费首页| 亚洲AV第一页国产精品| 亚洲成A人片77777国产| 好吊妞998视频免费观看在线| 久久A级毛片免费观看| 四虎成人免费观看在线网址| 亚洲第一福利视频| 亚洲无人区一区二区三区| 亚洲av麻豆aⅴ无码电影| 热99re久久免费视精品频软件| 97在线线免费观看视频在线观看| 免费看又黄又无码的网站| 亚洲精品无码久久久| 亚洲欧洲专线一区| 亚洲一区二区三区在线| 在线免费不卡视频| 男女超爽刺激视频免费播放| 最近中文字幕国语免费完整| 午夜爽爽爽男女免费观看影院| a级毛片免费观看视频| 成人免费一区二区三区| 国内精品免费久久影院| 91成人免费福利网站在线| 国产午夜无码片免费| 国产免费网站看v片在线| 日本免费一区二区久久人人澡 | 亚洲AV无码一区二区三区在线观看 | 国产精品免费看久久久久 | 亚洲欧洲∨国产一区二区三区| 亚洲国产精品人人做人人爽| 亚洲精品无码专区2| 黑人大战亚洲人精品一区| 性感美女视频在线观看免费精品| 毛片视频免费观看| 尤物永久免费AV无码网站| 日本免费在线观看|