您還記得所有那些傑出的互動專案,令人興奮的動畫,和令人興奮的伴隨的聲音效果,形成了一個強烈的身臨其境的多用户體驗?是的,很有可能是那些用 Flash 建立的。然而,我不喜歡承認,這個豐富的多媒體平台的時代已經到了盡頭。 Flash 終於死了。但不要害怕!由於經常發生當一扇門關閉時,另一個開啓,Flash 是慢慢被更新替換,更有活力的接班人。技術如 WebGL,隨行的 script 庫,如閲讀 Three js 的迅速增長使開發人員能夠構建 Flash 之類的專案,沒有伴隨的安全問題。接下來本文詳解講解在 WordPress 外貿獨立站網站建設中 WebGL 是如何重塑 Flash 的。
今天我們要關注的 WebGL 和閲讀 Three js 。這種配對是身臨其境的多用户體驗功能強大的選擇。
WebGL 和閲讀 Three js
WebGL 作為一個基礎,提供儀器操作和互動的 2D 和 3D 計算機圖形學。這給您一個機會來混合和匹配的 HTML 元素的結合的網頁或其他成分的背景。閲讀 Three js 是一系列高階功能,讓您操作的場景,script 庫,攝像機,燈光,幾何,甚至更多。它的目的是開啓 WebGL 勢由平台新增額外功能。它可以很方便地建立基於 GPU 加速的 3D 動畫不依賴瀏覽器外掛。
相容性問題
與現代技術,您總是陷入一個困境:要麼建立一個 “一個尺寸適合所有” 的專案,將執行在各種裝置上,並提供一致的多用户體驗,或把一切放線上上,並立即打動觀眾,您可以達到。不幸的是,很多多用户都堅持傳統的瀏覽器相容性,所以有相當大的障礙但支持增長,如果您不使用它的任何關鍵任務,WebGL 和閲讀 Three js 是極好的選擇。
例項
這是一個純粹的桌面應用程序,通過 WebGL 和網絡音訊特徵的動力。隨著 howler.js,GSAP,和咖啡的對撞機,閲讀 Three js 參加這樣優秀的操場,無情地將生產線上的遊客進入一個旅程,看起來更像一個數字圖書。
重塑卓越
這種互動的活動,致力於森海塞爾的週年紀念是一個史詩般的冒險,不僅結合了戲劇性的科幻景觀,但也有許多尖端的功能和細節。它是一個純粹的鉻實驗,讓遊客參與形成和塑造一個紀念碑的聲音。雖然已完成的階段,已完成了一百萬人在世界各地參加了事件,它的基石。歡迎您來做出自己的貢獻,研究這個巨大的聲音雕塑,並享受介紹視頻和一流的執行。
布魯諾昆特拉
Bruno Quintela 的個人投資組合是一個實時渲染 WebGL,實驗表明當前 Web 技術的潛在的可能性。用您的滑鼠徹底檢查場景。拖動它在不同的方向,看看隱藏在這個大量的準確地放置在一起的三維多邊形與光滑的表面。這個想法運用於一個優秀的網站,留下一個強大的,持久的第一印象的開幕式。
顆粒測試
該專案具有旋風少有序、有組織管的粒子輻射的高科技氛圍。有一個控制中心,鼓勵您發揮這樣的屬性作為一個圓柱狀的雲的半徑,管的密度,高度,規模,和更多。這個概念是迷人的。
水著色器
這位藝術家通過模仿液體的自然行為,設法模仿了一個水面。的凸形狀和起伏的表面與太陽反射作為收尾,重新建立一個真正的現實的場景,吸引了眼睛的第一秒。
WebGL 粒頭
因為他們是當閃光是成功的,粒子是現在所有的憤怒。在眾多的專案中可以看到各種規模和類型的動畫,而這項工作是一個這樣的。隱約地讓人想起一個像艾薩克·阿西莫夫的小説中的智慧人一樣的智慧機器人的微妙版本是一個真正的傑作。它不僅會驚喜,而且它的行為。它對滑鼠的動作反應,自然傾斜頭到右邊,左,上下。
動態三維紙屑文字
這個實驗給您一個美妙的多邊形背景與一個可愛的 3D 感覺。它也作為一個遊樂場裏您可以用您的滑鼠做一些光亮區和其他調光。選項面板使您能夠調整畫布的大部分細節,包括光、網格、渲染甚至匯出設置。更多 WooCommerce 建站問題請點選跨飛獨立站。