WebGL是如何重塑Flash的

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

你還記得所有那些杰出的互動(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庫(kù)，如閱讀Three js的迅速增長(zhǎng)使開發(fā)人員能夠構(gòu)建Flash之類的項(xiàng)目，沒有伴隨的安全問題。接下來本文詳解講解在網(wǎng)站建設(shè)中WebGL是如何重塑Flash的。
今天創(chuàng)新互聯(lián)要關(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)頁(yè)或其他成分的背景。閱讀Three js是一系列高端功能，讓你操作的場(chǎng)景，Javascript庫(kù)，攝像機(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è)史詩(shī)般的冒險(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è)水面。的凸形狀和起伏的表面與太陽(yáng)反射作為收尾，重新創(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)擊創(chuàng)新互聯(lián)。

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

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

廣告

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

成都做網(wǎng)站