與大翅鯨共游|大型互動藝術 與大翅鯨共游 大型投影 互動藝術 杉悟 與大翅鯨共游 大型投影 互動藝術 杉悟 與大翅鯨共游|大型投影|互動藝術 杉悟 杉悟互動 互動設計 互動藝術 與大翅鯨共游 大型投影 互動藝術 杉悟 杉悟互動 杉悟 杉悟互動 互動設計 互動藝術
互動藝術 視覺設計

與大翅鯨共游 ─ 大型互動藝術

杉悟用網站打造了一個海底世界!
非常開心這次受邀製作在 基隆海科館 展出的 5G沉浸互動體驗特展 ─ 潛入蔚藍海底冒險
此次整體展覽由 田茂智能 策劃,杉悟負責的是互動投影的設計與開發

很難想像瀏覽器這種純線上體驗的媒介,可以作為現場活動的載體,能將網頁技術運用在更多領域團隊都超興奮!這次畫面中的所有元素,不論海洋的光影/波動、鯨魚的動態、粒子特效、游動的魚群,浮游生物等等等⋯全部都是『即時運算』,運用 3D 模型、粒子以及 shader 特效,創造出真實且高效的視覺效果,當佈展時看到我們製作的大海被投影到好幾公尺高的牆面上,真的是超級感動!

 


 

這樣的專案我們常常稱之為感性與理性的結合
如何讓設計師與工程師順長的協作是我們非常在意的
所以我們也寫了一篇技術分享文,對於這類專案製作有興趣的朋友非常推薦觀看!

「 更多網站開發的過程分享文

 


這次專案整個團隊玩得非常盡興
我們也總結出以網頁製作這類專案的心得

先說缺點,非常明顯的,比起 Unity, openframework, processing 這類專門運算圖像的程式語言,網站有非常多東西都需要自己來,不像這些軟體有很多成熟的套件或外掛可使用,再來是如果有更多硬體上的整合,網站的整合能力也會比較差,為什麼我們還要用網站來開發呢?

  1. 我們相信現在的軟體與硬體,在網頁這樣算力被封印的環境內,也已經能負荷這個等級的運算。
  2. 我們希望透過這樣的專案,來提升原來網站設計的專案水準,讓網站的內容有更多可能。
  3. 最後最重要的一點,網站最大的優勢就是跨平台,將一樣的內容在任何螢幕上呈現,這對線上線下的整合有巨大的優勢,可以非常快速將現場展覽的內容延伸到民眾手機、電腦上,不管是製作成 UGC 的內容,或做成跨螢幕的互動都非常有趣!也是目前國內較少見的應用。

 


杉悟互動 Salute Interactive
是融合藝術、設計與數位技術的設計公司
專注於品牌與網站設計
為品牌打造絕佳的數位體驗

有任何網站設計或互動藝術的需求嗎
立即與我們聯繫!

 


 

 

⌈ credit ⌋

Production ─ 杉悟互動 Salute Interactive
Director ─ 曹詠峻
Project Manager ─ 陳宥郡
Visual Designer ─ Clare Yellow
3D Designer ─ 陳穎萱、劉佳怡
Frontend ─ 李昀宸
Music Production ─彭治崴

 


 

#客製化網站 #網站設計
#互動藝術 #互動設計 #大型投影
#展覽設計 #展覽 #鯨豚展 #海洋
#webGL #shader #GLSL #threejs
#interactiveart #interactivedesign

 


 

  • 展館

    基隆海科館

  • 策展

    田茂智能互聯股份有限公司

  • 製作

    杉悟互動