沉浸式交互--Mapping"方塊引擎"

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