您是否還記得那些優(yōu)秀的交互式項(xiàng)目,激動(dòng)人心的動(dòng)畫(huà),激動(dòng)人心的聲音效果,形成了一種強(qiáng)大的身臨其境的用戶體驗(yàn)?沒(méi)錯(cuò),很有可能是用Flash制作的。但是,我不愿意承認(rèn),這個(gè)豐富多彩的多媒體平臺(tái)時(shí)代已經(jīng)結(jié)束。弗拉西終于死了。但是別害怕!另一個(gè)開(kāi)啟是Flash慢慢地被更新取代,而另一個(gè)更具活力的繼任者則是一扇門(mén)。WebGL等技術(shù)以及隨之而來(lái)的Javascript庫(kù),如Threejs的快速發(fā)展,使得開(kāi)發(fā)人員能夠構(gòu)建像Flash這樣的項(xiàng)目,而不會(huì)帶來(lái)安全問(wèn)題。下一篇文章將詳細(xì)說(shuō)明WebGL在網(wǎng)站建設(shè)中如何重新定義Flash。
現(xiàn)在,我們來(lái)看看WebGL和Threejs。這樣的匹配對(duì)于身臨其境的用戶體驗(yàn)來(lái)說(shuō)是一個(gè)強(qiáng)有力的選擇。
WebGL和閱讀主題。
WebGL提供了2D和3D計(jì)算機(jī)圖形學(xué)的儀器操作和交互。這樣你就有機(jī)會(huì)將HTML元素與網(wǎng)頁(yè)或其他元素結(jié)合起來(lái),形成混合的HTML元素。讀一下Threejs,這是一個(gè)高端的功能,可以讓你操縱場(chǎng)景、Javascript庫(kù)、攝像機(jī)、燈光、幾何等等。其目標(biāo)是打開(kāi)WebGL勢(shì)能,通過(guò)平臺(tái)增加額外的功能。這使得創(chuàng)建基于GPU的不依賴于瀏覽器插件的3D動(dòng)畫(huà)變得方便。
兼容性問(wèn)題
和現(xiàn)代科技相比,你總會(huì)遇到一個(gè)難題:要么創(chuàng)造一個(gè)能在各種設(shè)備上運(yùn)行的“全尺寸”項(xiàng)目,提供持續(xù)的用戶體驗(yàn),要么把所有東西都放到網(wǎng)上,讓觀眾立刻就能接受。遺憾的是,許多用戶都堅(jiān)持使用傳統(tǒng)的瀏覽器兼容,因此存在很大的困難,但是如果您不使用WebGL和閱讀Threejs,那么支持增長(zhǎng)還是很不錯(cuò)的。
例子。
通過(guò)WebGL和網(wǎng)絡(luò)音頻特性,這是一個(gè)純粹的桌面應(yīng)用程序。howler.js的時(shí)候,GSAP,和咖啡的碰撞,Threejs都加入到了這樣優(yōu)秀的運(yùn)動(dòng)場(chǎng)中,無(wú)情地把生產(chǎn)線上的觀光客吸引到了一條看起來(lái)更像數(shù)字書(shū)的路上。
改造卓越。
致力于Senheisel紀(jì)念日的這一互動(dòng)活動(dòng)是一次充滿冒險(xiǎn)精神的冒險(xiǎn),不僅融合了戲劇性的科幻場(chǎng)景,而且還包含了很多功能和細(xì)節(jié)。這是一種純鉻實(shí)驗(yàn),讓參觀者參與形成和形成一種聲音。盡管這一階段已經(jīng)結(jié)束,但全世界數(shù)百萬(wàn)人參與的活動(dòng)已經(jīng)結(jié)束,這是其基石。我們歡迎您為此偉大的聲音雕塑的研究作出自己的貢獻(xiàn),并享受它的錄影和一流的執(zhí)行。
布呂諾昆特拉
BrunoQuintela的個(gè)人投資組合是一種可以實(shí)時(shí)呈現(xiàn)WebGL的工具,可以顯示當(dāng)前Web技術(shù)的潛力。使用鼠標(biāo)徹底查看場(chǎng)景。用拖動(dòng)法從不同方向觀察,看一看隱藏于較高精度位置的三維多邊形和光滑表面。這一理念在一個(gè)優(yōu)秀的網(wǎng)站上得到了充分的體現(xiàn),并產(chǎn)生了深遠(yuǎn)的影響。
粒子試驗(yàn)
鄭州網(wǎng)站設(shè)計(jì)公司本課題的高科技?xì)夥帐切L(fēng)少有序、有組織的粒子輻射。在控制中心中,您可以使用這樣的屬性,即圓筒形的云層半徑,圓筒形的密度,高度,尺度,以及其他。這一概念很吸引人。
水色傳感器
藝術(shù)家通過(guò)對(duì)液體自然行為的模仿,成功地模擬出一個(gè)水面。凸起和起伏的表面和太陽(yáng)反射被當(dāng)作收尾,重建真實(shí)的場(chǎng)景,吸引眼球的第一秒。
WebGL顆粒頭
由于它們成功地閃爍著光芒,粒子是所有憤怒的根源。許多項(xiàng)目中都會(huì)出現(xiàn)各種規(guī)模和類型的動(dòng)畫(huà),而這項(xiàng)工作就是其中之一。這讓人聯(lián)想起艾薩克?阿西莫夫的小說(shuō)中智慧人類智能機(jī)器人的精巧版本,不言而喻。這不僅僅是個(gè)驚喜,而是一種行為。其對(duì)鼠標(biāo)動(dòng)作的反應(yīng),自然向右、左、上、下傾斜。