Godzilla. 2016-08-15 網(wǎng)站建設(shè)

WebGL是如何重塑Flash的

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

　　今天我們要關(guān)注的WebGL和閱讀Three js。這種配對(duì)是身臨其境的用戶體驗(yàn)功能強(qiáng)大的選擇。

　　WebGL和閱讀Three js

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

　　兼容性問題

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

　　實(shí)例

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

　　重塑卓越

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

　　布魯諾昆特拉

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

　　顆粒測(cè)試

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

　　水著色器

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

　　WebGL粒頭

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

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

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

下一篇：網(wǎng)站建設(shè)完成后推出新網(wǎng)站有哪些規(guī)則？ 上一篇：怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計(jì)更協(xié)調(diào)？