首頁 部落格 2014網頁設計新趨勢:WebGL
Ryan
Oct 10, 2014
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

2014網頁設計新趨勢:WebGL

網頁視覺標準又多一例

2013即將結束,就在2014來到的此刻,網站上我們提過了很多關於行動網頁的趨勢,相信大家也已經有了概念。

不過除了平面化、低頻寬需求的行動化的趨勢外,還有另外一個趨勢則是朝向高品質、頻寬需求大的3D網頁設計,正在逐漸的受到矚目。



3D化網頁設計的最新代表技術,是一項名為WebGL的標準,這個標準利用JavaScript API呈現3D電腦圖形的技術,有別於過往需加裝瀏覽器外掛程式,透過WebGL的技術,只需要編寫網頁代碼即可實現3D圖像的展示。

現在能夠支援WebGL的瀏覽器很多,如Firefox、Chrome與IE都能夠正確的支援。

這項技術帶來的革新,最直接造福的族群就是3D設計相關的產業,例如CAD/CAM、3D列印、室內設計、電玩娛樂等產業,都能夠用最簡易的方式,將想要呈現的3D資料在網頁上呈現出來十分不錯的品質。目前已經有為數不少的公司如Autodesk、3D Systems、Rhino 3D等3D大企業已經公開支持WebGL標準。

 

 

3D是高科技的最佳寫照

在這裡分享一個Autodesk的123D網站進行一個示範,他除了提供了智慧手機APP讓用戶將拍下的照片3D立體化,還可以透過<embed>的語法,將您3D的作品放在網頁與部落格上,並透過滑鼠觀察各個角度的造型,使用上極為便利。

 

WebGL雖然降低了3D進入網頁的門檻,但仍有許多限制,例如:目前無法於手機與平板等行動裝置上觀看;檔案比起影音與圖片更為龐大降低了時效性;以及對於用戶端的電腦需求較高,最好是搭配3D獨立顯卡,弱沒有獨立3D顯示卡的老舊電腦可能無法執行。

其實網路設計領域中,曇花一現的技術也十分的多見,WebGL目前雖然仍不普及,但其實已經遠比過去各種不同網站,就要一款3D播放插件的方式便捷了不少,這也是產業十分矚目的亮點,至於2014之後的發展如何,就讓我們繼續觀察下去。

2018網頁設計趨勢
2018網頁設計趨勢
Ryan
Ryan
Dec 15, 2017
常見背景屬性(二)
常見背景屬性(二)
Karen
Karen
Nov 20, 2017
Google發表無限網頁長度的手機搜尋界面
Google發表無限網頁長度的手機搜尋界面
Ryan
Ryan
Apr 30, 2018