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è)豐富的多媒體平臺的時(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ǔ)，提供儀器操作和互動(dòng)的2D和3D計(jì)算機(jī)圖形學(xué)。這給你一個(gè)機(jī)會(huì)來混合和匹配的HTML元素的結(jié)合的網(wǎng)頁或其他成分的背景。閱讀Three js是一系列高端功能，讓你操作的場景，Javascript庫，攝像機(jī)，燈光，幾何，甚至更多。它的目的是開啟WebGL勢由平臺添加額外功能。它可以很方便地創(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)大的障礙但支持增長，如果你不使用它的任何關(guān)鍵任務(wù)，WebGL和閱讀Three js是極好的選擇。
實(shí)例
這是一個(gè)純粹的桌面應(yīng)用程序，通過WebGL和網(wǎng)絡(luò)音頻特征的動(dòng)力。隨著howler.js，GSAP，和咖啡的對撞機(jī)，閱讀Three js參加這樣優(yōu)秀的操場，無情地將生產(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)徹底檢查場景。拖動(dòng)它在不同的方向，看看隱藏在這個(gè)大量的準(zhǔn)確地放置在一起的三維多邊形與光滑的表面。這個(gè)想法運(yùn)用于一個(gè)優(yōu)秀的網(wǎng)站，留下一個(gè)強(qiáng)大的，持久的第一印象的開幕式。
顆粒測試
該項(xiàng)目具有旋風(fēng)少有序、有組織管的粒子輻射的高科技氛圍。有一個(gè)控制中心，鼓勵(lì)你發(fā)揮這樣的屬性作為一個(gè)圓柱狀的云的半徑，管的密度，高度，規(guī)模，和更多。這個(gè)概念是迷人的。
水著色器
這位藝術(shù)家通過模仿液體的自然行為，設(shè)法模仿了一個(gè)水面。的凸形狀和起伏的表面與太陽反射作為收尾，重新創(chuàng)建一個(gè)真正的現(xiàn)實(shí)的場景，吸引了眼睛的第一秒。
WebGL粒頭
因?yàn)樗麄兪钱?dāng)閃光是成功的，粒子是現(xiàn)在所有的憤怒。在眾多的項(xiàng)目中可以看到各種規(guī)模和類型的動(dòng)畫，而這項(xiàng)工作是一個(gè)這樣的。隱約地讓人想起一個(gè)像艾薩克·阿西莫夫的小說中的智能人一樣的智能機(jī)器人的微妙版本是一個(gè)真正的杰作。它不僅會(huì)驚喜，而且它的行為。它對鼠標(biāo)的動(dòng)作反應(yīng)，自然傾斜頭到右邊，左，上下。
動(dò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://jinyejixie.com/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)請盡快告知，我們將會(huì)在第一時(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)
猜你還喜歡下面的內(nèi)容
- 常見的SEO優(yōu)化的謬見和誤解 2016-02-20
- 如何防止“突然的客戶端設(shè)計(jì)綜合癥” 2015-10-02
- 把控這些細(xì)節(jié)，你將會(huì)做出一個(gè)漂亮的網(wǎng)頁設(shè)計(jì)！ 2015-10-01
- 如何選擇適合正確的設(shè)計(jì)工具 2015-09-30
- 為什么壞設(shè)計(jì)師似乎總是得到最好的工作？ 2015-09-30
- 干貨！網(wǎng)頁設(shè)計(jì)中的幻燈片動(dòng)畫程序 2015-09-29
- 怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計(jì)更協(xié)調(diào)？ 2015-10-02
- 熟悉印刷流程的細(xì)節(jié) 2015-01-10
- 簡單的心態(tài)變化,會(huì)讓你得到更多的客戶 2015-01-09
- 在一個(gè)設(shè)計(jì)工作室工作的四個(gè)技巧 2015-10-01
- 設(shè)計(jì)師如何對抗精神超載 2015-10-01
- 網(wǎng)頁設(shè)計(jì)中如何打破視覺模式來吸引訪客？ 2015-09-30
- 3種CSS字體點(diǎn)亮你的網(wǎng)頁設(shè)計(jì) 2015-09-29
- 導(dǎo)航設(shè)計(jì)模式的重要性 2015-09-29
- 增長設(shè)計(jì)業(yè)務(wù)的正確方法 2015-09-28
- 網(wǎng)頁設(shè)計(jì)的一些關(guān)鍵錯(cuò)誤，避免當(dāng)作引用到下一個(gè)項(xiàng)目中 2015-09-28
- 你的設(shè)計(jì)工作要飽含激情 2015-09-28
- 作為一個(gè)設(shè)計(jì)師,失敗是成功的必要組成部分嗎? 2015-09-27
- 隱藏的用戶界面 2015-01-09