你還記得所有那些杰出的互動項(xiàng)目,令人興奮的動畫,和令人興奮的伴隨的聲音效果,形成了一個(gè)強(qiáng)烈的身臨其境的用戶體驗(yàn)?是的,很有可能是那些用Flash創(chuàng)建的。然而,我不喜歡承認(rèn),這個(gè)豐富的多媒體平臺的時(shí)代已經(jīng)到了盡頭。Flash終于死了。但不要害怕!由于經(jīng)常發(fā)生當(dāng)一扇門關(guān)閉時(shí),另一個(gè)打開,F(xiàn)lash是慢慢被更新替換,更有活力的接班人。技術(shù)如WebGL,隨行的Javascript庫,如閱讀Three js的迅速增長使開發(fā)人員能夠構(gòu)建Flash之類的項(xiàng)目,沒有伴隨的安全問題。接下來本文詳解講解在
網(wǎng)站建設(shè)中WebGL是如何重塑Flash的。
今天創(chuàng)新互聯(lián)要關(guān)注的WebGL和閱讀Three js。這種配對是身臨其境的用戶體驗(yàn)功能強(qiáng)大的選擇。
WebGL和閱讀Three js
WebGL作為一個(gè)基礎(chǔ),提供儀器操作和互動的2D和3D計(jì)算機(jī)圖形學(xué)。這給你一個(gè)機(jī)會來混合和匹配的HTML元素的結(jié)合的網(wǎng)頁或其他成分的背景。閱讀Three js是一系列高端功能,讓你操作的場景,Javascript庫,攝像機(jī),燈光,幾何,甚至更多。它的目的是開啟WebGL勢由平臺添加額外功能。它可以很方便地創(chuàng)建基于GPU加速的3D動畫不依賴瀏覽器插件。
兼容性問題
與現(xiàn)代技術(shù),你總是陷入一個(gè)困境:要么創(chuàng)建一個(gè)“一個(gè)尺寸適合所有”的項(xiàng)目,將運(yùn)行在各種設(shè)備上,并提供一致的用戶體驗(yàn),或把一切放在線上,并立即打動觀眾,你可以達(dá)到。不幸的是,很多用戶都堅(jiān)持傳統(tǒng)的瀏覽器兼容性,所以有相當(dāng)大的障礙但支持增長,如果你不使用它的任何關(guān)鍵任務(wù),WebGL和閱讀Three js是極好的選擇。
實(shí)例
這是一個(gè)純粹的桌面應(yīng)用程序,通過WebGL和網(wǎng)絡(luò)音頻特征的動力。隨著howler.js,GSAP,和咖啡的對撞機(jī),閱讀Three js參加這樣優(yōu)秀的操場,無情地將生產(chǎn)線上的游客進(jìn)入一個(gè)旅程,看起來更像一個(gè)數(shù)字圖書。
重塑卓越
這種互動的活動,致力于森海塞爾的周年紀(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)徹底檢查場景。拖動它在不同的方向,看看隱藏在這個(gè)大量的準(zhǔn)確地放置在一起的三維多邊形與光滑的表面。這個(gè)想法運(yùn)用于一個(gè)優(yōu)秀的網(wǎng)站,留下一個(gè)強(qiáng)大的,持久的第一印象的開幕式。
顆粒測試
該項(xiàng)目具有旋風(fēng)少有序、有組織管的粒子輻射的高科技氛圍。有一個(gè)控制中心,鼓勵你發(fā)揮這樣的屬性作為一個(gè)圓柱狀的云的半徑,管的密度,高度,規(guī)模,和更多。這個(gè)概念是迷人的。
水著色器
這位藝術(shù)家通過模仿液體的自然行為,設(shè)法模仿了一個(gè)水面。的凸形狀和起伏的表面與太陽反射作為收尾,重新創(chuàng)建一個(gè)真正的現(xiàn)實(shí)的場景,吸引了眼睛的第一秒。
WebGL粒頭
因?yàn)樗麄兪钱?dāng)閃光是成功的,粒子是現(xiàn)在所有的憤怒。在眾多的項(xiàng)目中可以看到各種規(guī)模和類型的動畫,而這項(xiàng)工作是一個(gè)這樣的。隱約地讓人想起一個(gè)像艾薩克·阿西莫夫的小說中的智能人一樣的智能機(jī)器人的微妙版本是一個(gè)真正的杰作。它不僅會驚喜,而且它的行為。它對鼠標(biāo)的動作反應(yīng),自然傾斜頭到右邊,左,上下。
動態(tài)三維紙屑文本
這個(gè)實(shí)驗(yàn)給你一個(gè)美妙的多邊形背景與一個(gè)可愛的3D感覺。它也作為一個(gè)游樂場里你可以用你的鼠標(biāo)做一些光亮區(qū)和其他調(diào)光。選項(xiàng)面板使您能夠調(diào)整畫布的大部分細(xì)節(jié),包括光、網(wǎng)格、渲染甚至導(dǎo)出設(shè)置。更多
建站問題請點(diǎn)擊
創(chuàng)新互聯(lián)。
分享標(biāo)題:WebGL是如何重塑Flash的
URL地址:http://muchs.cn/news/32962.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營銷、App設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)