基于WebGL技術(shù)的網(wǎng)頁版三維地球,三維模型效果呈現(xiàn)堪稱完美!
圖新地球最新發(fā)布的Wish3D·Earth,是基于WebGL技術(shù)的網(wǎng)頁版三維地球。面向HTML5的三維應(yīng)用開發(fā),構(gòu)建快速,功能豐富,響應(yīng)迅速。無插件、跨平臺(tái)的特點(diǎn),成為超大數(shù)據(jù)量發(fā)布的利器。
為了讓用戶的使用體驗(yàn)更好,我們在Wish3D·Earth的細(xì)節(jié)上做了很多優(yōu)化,接下來給大家一一介紹。
01 實(shí)景三維模型瀏覽體驗(yàn)更好,性能出眾
在實(shí)際工作中,很可能需要加載的實(shí)景三維數(shù)據(jù)成千上萬,如果單純采用默認(rèn)的三維模型加載方案會(huì)出現(xiàn)瀏覽器吃不消致使崩潰或者高延遲低幀率等影響正??梢暬换サ膯栴}。
Wish3D·Earth(點(diǎn)擊在線體驗(yàn))采用LOD動(dòng)態(tài)加載大量三維模型,根據(jù)屏幕視角與地物的距離自動(dòng)調(diào)用最清晰層的數(shù)據(jù),這樣能夠更好地節(jié)省網(wǎng)絡(luò)開銷,實(shí)現(xiàn)三維模型加載效率的提升。

在使用某些三維地球產(chǎn)品時(shí),可能會(huì)出現(xiàn)這樣的情況:在影像或模型上切換位置,等很久畫面都不動(dòng),并且無法進(jìn)行操作。Wish3D·Earth優(yōu)化了切換位置時(shí)數(shù)據(jù)更新的問題,做到畫面清晰,播放流暢。

02 優(yōu)化操作方式,縮放拖動(dòng)精準(zhǔn)流暢
很多朋友在平時(shí)進(jìn)行一些影像和模型的縮放時(shí),經(jīng)常遇到這樣的問題,縮放時(shí)畫面中的錨點(diǎn)始終位于中心位置上,不能實(shí)現(xiàn)鼠標(biāo)點(diǎn)哪個(gè)放大哪個(gè),達(dá)不到想要的效果。
Wish3D·Earth選擇了更符合用戶習(xí)慣的操作,畫面以鼠標(biāo)位置為中心縮放、平移,準(zhǔn)確地顯示在了您要進(jìn)行操作的地方。

有時(shí)我們用鼠標(biāo)要進(jìn)行一些精確的操作,但是移動(dòng)起來總不是那么的精確,偏離目標(biāo)位置。Wish3D·Earth解決了這個(gè)問題,使用鼠標(biāo)拖動(dòng)物體的時(shí)候,能夠非常精準(zhǔn)地移動(dòng)到相應(yīng)位置。
03 改進(jìn)文字標(biāo)注顯示,增加避讓聚合效果
為什么要增加標(biāo)注的避讓聚合效果?
當(dāng)標(biāo)注達(dá)到一定數(shù)量的時(shí)候,滿屏幕都是密密麻麻的標(biāo)注,圖標(biāo)和文字之間還會(huì)相互重疊,顯得雜亂無章。而且由于瀏覽器性能的關(guān)系,可能會(huì)造成瀏覽器卡死的情況。


這個(gè)時(shí)候,使用避讓聚合效果就可以輕松解決標(biāo)注數(shù)量太多的問題。縮小地圖的時(shí)候,標(biāo)注會(huì)變得更加集中,標(biāo)注內(nèi)容不會(huì)互相重疊,使場景顯示更整潔。


04 控制變形走樣,改進(jìn)點(diǎn)線面的渲染鋸齒、馬賽克效果
對點(diǎn)線面放大顯示時(shí),常常會(huì)出現(xiàn)“鋸齒”類似的東西,影響美觀;幾何圖形放大以后,邊緣也會(huì)出現(xiàn)“馬賽克”,導(dǎo)致模糊失真。
Wish3D·Earth對線條和文字邊緣都做了處理,使得邊緣更平滑,避免放大的圖片效果模糊。




05 增加飛行管理功能,方便制作飛行路線
Wish3D·Earth飛行瀏覽功能可通過添加不同角度及位置的視點(diǎn)組合成的飛行路線來瀏覽實(shí)景三維模型,用戶可以通過設(shè)置飛行路線讓別人可以更好更快速的瀏覽模型數(shù)據(jù),真正體驗(yàn)到如同在飛機(jī)上瀏覽的震撼感。
飛行瀏覽可以用于旅游景點(diǎn)宣傳、虛擬校園建立、項(xiàng)目工程匯報(bào)等,實(shí)現(xiàn)一鍵瀏覽景點(diǎn)景色、校園風(fēng)光等。