Ⅰ 4行代碼就可以完成一個Web版的3D地球可視化展示——Gio.js
Gio.js 是一個基於Three.js的web 3D地球數據可視化的開源組件庫。使用Gio.js的網頁應用開發者,可以快速地以申明的方式創建自定義的Web3D數據可視化模型,添加數據,並且將其作為一個組件整合到自己的應用中。
Gio.js 是一個基於Three.js的web 3D地球數據可視化的開源組件庫。使用Gio.js的網頁應用開發者,可以快速地以申明的方式創建自定義的Web3D數據可視化模型,添加數據,並且將其作為一個組件整合到自己的應用中。
這個庫的開發是受到Google 2012 Info大會上的某項目可視化的啟發,該項目開發者是Google員工Michael Chang。使用Gio.js就可以快速構建這種炫酷的3D模型,並以此為基礎進行深入地開發。
在HTML的<head>中引入Three.js和Gio.js依賴, 以下展示了如何使用<script>標簽引入依賴:
在引入Three.js和Gio.js在頁面之後,已經可以創建3D Gio地球了。在此我們將先展示如何創建基礎樣式的Gio地球。
創建一個<p>,Gio地球將會被渲染在這個區域中:
添加一下4行Javascript代碼在你的HTML中, 用以創建並渲染:
在Gio.js 1.0發布之後,開發者們提出了很多很酷的、很有建設性的建議,比如微信應用開發者希望Gio.js支持微信小程序,有經驗的Three.js開發者希望Gio.js提供Three.js編程介面等。在經過仔細研究、綜合設計之後,Gio.js 2.0實現了大部分功能,並且添加了有關文檔說明。以下列出了主要的2.0新增特性:
Gio.js僅依賴於Three.js。
經過測試,Gio.js在Three.js R90版本下可以很好地運行和使用。
Gio.js可以運行在以下的瀏覽器環境中:
更多詳細的介紹就不在本文中介紹了,官方文檔非常詳細,感興趣的小夥伴可以直接移步文檔:
Gio.js可以說是Three.js中實踐的非常不錯的了,官方還提供了非常多的實例,通過一些簡單的API配置即可實現非常炫酷的Web3D可視化地球,而且文檔非常詳細,更多實用和有趣的地方等待你的 探索 !
Ⅱ WEB 3D的應用
Web3D組織列出了四類運用方向:商業、教育、娛樂、和虛擬社區。
企業和電子商務
三維的表現形式,能夠全方位的展現一個物體,具有二維平面圖象不可比擬的優勢。企業將他們的產品發布成網上三維的形式,能夠展現出產品外形的方方面面,加上互動操作,演示產品的功能和使用操作,充分利用互連網高速迅捷的傳播優勢來推廣公司的產品。對於網上電子商務,將銷售產品展示做成在線三維的形式,顧客通過對之進行觀察和操作能夠對產品有更加全面的認識了解,決定購買的幾率必將大幅增加,為銷售者帶來更多的利潤。
教育業
現今的教學方式,不再是單純的依靠書本、教師授課的形式。計算機輔助教學(CAI)的引入,彌補了傳統教學所不能達到的許多方面。在表現一些空間立體化的知識,如原子、分子的結構、分子的結合過程、機械的運動時,三維的展現形式必然使學習過程形象話,學生更容易接受和掌握。
許多實際經驗告訴我們,做比聽和說更能接受更多的信息。使用具有交互功能的3D課件,學生可以在實際的動手操作中得到更深的體會。
對計算機遠程教育系統而言,引入Web3D內容必將達到很好的在線教育效果。
對娛樂游戲業
娛樂游戲業永遠是一個不衰的市場。
現今,互連網上已不是單一靜止的世界,動態HTML、flash動畫、流式音視頻,使整個互連網呈現生機盎然。動感的頁面較之靜態頁面更能吸引更多的瀏覽者。三維的引入,必將造成新一輪的視覺沖擊,使網頁的訪問量提升。娛樂站點可以在頁面上建立三維虛擬主持這樣的角色來吸引瀏覽者。
游戲公司除了在光碟上發布3D游戲外,現在可以在網路環境中運行在線三維游戲。利用互連網路的優勢,受眾和覆蓋面得到迅速擴張。
虛擬現實展示與虛擬社區
使用Web3D實現網路上的VR展示,只須構建一個三維場景,人以第一視角在其中穿行。場景和控制者之間能產生交互,加之高質量的生成畫面使人產生身臨其境的感覺。對於象虛擬展廳、建築房地產虛擬漫遊展示,提供了解決方案。
如果是建立一個多用戶而且可以互相傳遞信息的環境,也就形成了所謂的虛擬社區。Adobe公司的Atmosphere就是這種運用的典範。
網上展覽館
虛擬網上展館是一個利用全新WEB3D形成將展覽館放到互聯網上進行展示的平台。在這個平台上,用戶可以自行操作,可以對場景中的物體進行實時交互操作,同時也可和網頁結合起來,將三維場景嵌入到網頁中,通過二維信息對三維場景進行有效的管理和應用。
城市在線宣傳
虛擬利用WEB3D先進的互聯網技術和資源,以信息、圖文、視頻、音頻等方式對城市重大活動進行全方位展示,作為城市選擇WEB3D互聯網做宣傳的有益補充。利用虛擬現實模擬與WEB3D互聯網技術,弘意以超前的技術優勢將大、中、小城市放到互聯網上,市民足不出戶便可走遍天下。
網上虛擬旅遊
虛擬虛擬旅遊,指的是建立在現實旅遊景觀基礎上,通過模擬或超現實景觀虛擬旅遊,構建一個虛擬旅遊環境,網友能夠身臨其境般地逛逛看看。應用計算機技術實現場景的三維模擬,藉助一定的技術手段使操作者感受目的地場景。坐在電腦椅上就能身臨其境地游覽全世界的風景名勝,還能拍照留念———這就是時下在眾多白領中開始風行的「虛擬旅遊」,即通過閱讀和互動體驗的虛擬游戲方式實現網上在線旅行,並且為線下旅行提供指導。
產品模擬動態展示
基於模擬對象的真實數據,模擬出客觀存在的場景,可用於產品的模擬動態展示。
網上看房
虛擬「看房不只是看圖紙」。目前房地產大多數採用效果圖、三維動畫做宣傳手段,只有少數的檔次高的地產商採用三維虛擬模擬技術進行宣傳樓盤。WEB3D網上看房系統可以為您提供室外樓盤及樣板間放到互聯網上進行瀏覽,讓購房者安居家中即可身臨其境的游覽自己感興趣的樓盤戶型。 所有尺寸均以真實數據比例製作,為您展現最接近真實收房效果。
數據整合與查詢
虛擬數據整合的概念在業界比較混亂,比如系統整合、應用整合、主機整合、存儲整合、資料庫整合、數據大集中等等。這些不同的概念是在不同的層次、不同的角度闡述計算機系統整合的內涵和外延,是在計算機系統整合這一大的概念范疇下,存在著多種整合形式和技術手段,例如國內大型銀行和電信業已經開展的全國性數據大集中,應屬於數據整合的一種技術方式。弘意視景採用三維與二維結合的方式將數據有效的管理起來,我們可以通過點擊三維場景中的設備調用其參數及型號,可以隨時查詢任何一產品的信息,為部分企業提供一個三維可視化信息管理平台。