沉浸式交互--Mapping"方塊引擎"
http://watertian.com/CubeEngin
4年前
808
故事起因于這 26.2144萬個立方體
一群有著各自生命和運動軌跡的個體
接下來我會從 技術(shù),交互形式,呈現(xiàn)方式 這幾個方面開始介紹
. 技術(shù)
要在瀏覽器里實時渲染這26萬個帶光陰的個體 CUP是遠遠不夠的 特別是每個個體游動的軌跡
所以需要shader調(diào)用GPU來運算 用rgb代替xyz 從而讓算法在顯卡中運算 相當于實時渲染一張512*512的圖像來實時控制512*512個個體的運動
關(guān)于游走的算法和色彩的算法都用到了四維的 Noise 其中三維來控制個體的位置xyz 另一維來控制個體的生命
所以你看到的是一群有著各自生命和運動軌跡的個體
每個 命運不同 而且 永不重復
.交互形式
可以是傳統(tǒng)的觸屏 聲音 文字交互.可以是手機端的重力感應或是多屏
也可以是現(xiàn)場的 方位 體感 表情 溫度 氣流 光 甚至是大數(shù)據(jù)出的情感
此次利用kinect的深度攝像頭 捕捉人體動作以及手勢
映射到26萬個個體的運動軌跡上
.呈現(xiàn)方式
由于此案例是基于WebGL渲染 所以可以完全跨平臺跨設備
無論是便于傳播的微信H5 還是桌面程序或是線下裝置都可以應對
當然還可以是 "沉浸式的交互Mapping"
于是我們搭建了一個三面的立體空間
( 墻 墻 地 )
三臺投影儀 實時映射程序空間里三個攝像機畫面
對于全靠程序?qū)崟r渲染出的場景和畫面 有別于傳統(tǒng)的投影技術(shù)
在交互體驗上可以做到隨性所欲 包括空間的視角
