WebGL是如何重塑Flash的

2015-01-10 分類：網(wǎng)站建設(shè)

你還記得所有那些杰出的互動項目，令人興奮的動畫，和令人興奮的伴隨的聲音效果，形成了一個強(qiáng)烈的身臨其境的用戶體驗？是的，很有可能是那些用Flash創(chuàng)建的。然而，我不喜歡承認(rèn)，這個豐富的多媒體平臺的時代已經(jīng)到了盡頭。Flash終于死了。但不要害怕！由于經(jīng)常發(fā)生當(dāng)一扇門關(guān)閉時，另一個打開，F(xiàn)lash是慢慢被更新替換，更有活力的接班人。技術(shù)如WebGL，隨行的Javascript庫，如閱讀Three js的迅速增長使開發(fā)人員能夠構(gòu)建Flash之類的項目，沒有伴隨的安全問題。接下來本文詳解講解在網(wǎng)站建設(shè)中WebGL是如何重塑Flash的。

今天創(chuàng)新互聯(lián)要關(guān)注的WebGL和閱讀Three js。這種配對是身臨其境的用戶體驗功能強(qiáng)大的選擇。

WebGL和閱讀Three js

WebGL作為一個基礎(chǔ)，提供儀器操作和互動的2D和3D計算機(jī)圖形學(xué)。這給你一個機(jī)會來混合和匹配的HTML元素的結(jié)合的網(wǎng)頁或其他成分的背景。閱讀Three js是一系列高端功能，讓你操作的場景，Javascript庫，攝像機(jī)，燈光，幾何，甚至更多。它的目的是開啟WebGL勢由平臺添加額外功能。它可以很方便地創(chuàng)建基于GPU加速的3D動畫不依賴瀏覽器插件。

兼容性問題

與現(xiàn)代技術(shù)，你總是陷入一個困境：要么創(chuàng)建一個“一個尺寸適合所有”的項目，將運(yùn)行在各種設(shè)備上，并提供一致的用戶體驗，或把一切放在線上，并立即打動觀眾，你可以達(dá)到。不幸的是，很多用戶都堅持傳統(tǒng)的瀏覽器兼容性，所以有相當(dāng)大的障礙但支持增長，如果你不使用它的任何關(guān)鍵任務(wù)，WebGL和閱讀Three js是極好的選擇。

實例

這是一個純粹的桌面應(yīng)用程序，通過WebGL和網(wǎng)絡(luò)音頻特征的動力。隨著howler.js，GSAP，和咖啡的對撞機(jī)，閱讀Three js參加這樣優(yōu)秀的操場，無情地將生產(chǎn)線上的游客進(jìn)入一個旅程，看起來更像一個數(shù)字圖書。

重塑卓越

這種互動的活動，致力于森海塞爾的周年紀(jì)念是一個史詩般的冒險，不僅結(jié)合了戲劇性的科幻景觀，但也有許多尖端的功能和細(xì)節(jié)。它是一個純粹的鉻實驗，讓游客參與形成和塑造一個紀(jì)念碑的聲音。雖然已完成的階段，已完成了一百萬人在世界各地參加了事件，它的基石。歡迎你來做出自己的貢獻(xiàn)，研究這個巨大的聲音雕塑，并享受介紹視頻和的執(zhí)行。

布魯諾昆特拉

Bruno Quintela的個人投資組合是一個實時渲染W(wǎng)ebGL，實驗表明當(dāng)前Web技術(shù)的潛在的可能性。用你的鼠標(biāo)徹底檢查場景。拖動它在不同的方向，看看隱藏在這個大量的準(zhǔn)確地放置在一起的三維多邊形與光滑的表面。這個想法運(yùn)用于一個優(yōu)秀的網(wǎng)站，留下一個強(qiáng)大的，持久的第一印象的開幕式。

顆粒測試

該項目具有旋風(fēng)少有序、有組織管的粒子輻射的高科技氛圍。有一個控制中心，鼓勵你發(fā)揮這樣的屬性作為一個圓柱狀的云的半徑，管的密度，高度，規(guī)模，和更多。這個概念是迷人的。

水著色器

這位藝術(shù)家通過模仿液體的自然行為，設(shè)法模仿了一個水面。的凸形狀和起伏的表面與太陽反射作為收尾，重新創(chuàng)建一個真正的現(xiàn)實的場景，吸引了眼睛的第一秒。

WebGL粒頭

因為他們是當(dāng)閃光是成功的，粒子是現(xiàn)在所有的憤怒。在眾多的項目中可以看到各種規(guī)模和類型的動畫，而這項工作是一個這樣的。隱約地讓人想起一個像艾薩克·阿西莫夫的小說中的智能人一樣的智能機(jī)器人的微妙版本是一個真正的杰作。它不僅會驚喜，而且它的行為。它對鼠標(biāo)的動作反應(yīng)，自然傾斜頭到右邊，左，上下。

動態(tài)三維紙屑文本

這個實驗給你一個美妙的多邊形背景與一個可愛的3D感覺。它也作為一個游樂場里你可以用你的鼠標(biāo)做一些光亮區(qū)和其他調(diào)光。選項面板使您能夠調(diào)整畫布的大部分細(xì)節(jié)，包括光、網(wǎng)格、渲染甚至導(dǎo)出設(shè)置。更多建站問題請點擊創(chuàng)新互聯(lián)。

分享標(biāo)題：WebGL是如何重塑Flash的
URL地址：http://m.kartarina.com/news/32962.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營銷、App設(shè)計、網(wǎng)站設(shè)計公司、網(wǎng)站內(nèi)鏈

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

常見的SEO優(yōu)化的謬見和誤解 2016-02-20
如何防止“突然的客戶端設(shè)計綜合癥” 2015-10-02
把控這些細(xì)節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！ 2015-10-01
如何選擇適合正確的設(shè)計工具 2015-09-30
為什么壞設(shè)計師似乎總是得到最好的工作？ 2015-09-30
干貨！網(wǎng)頁設(shè)計中的幻燈片動畫程序 2015-09-29