HTML5開發(fā)Kinect體感游戲?qū)嵗斀?/a>

一、簡介

我們要做的是怎樣一款游戲？

在前不久成都TGC2016展會上，我們開發(fā)了一款《火影忍者手游》的體感游戲，主要模擬手游章節(jié)《九尾襲來 》，用戶化身四代，與九尾進行對決，吸引了大量玩家參與。 表面上看，這款游戲與其它體感體驗無異，實際上，它一直運行于瀏覽器Chrome下，也就是說，我們只需要掌握前端相應(yīng)技術(shù)，就可以開發(fā)基于Kinect的網(wǎng)頁體感游戲。

二、實現(xiàn)原理

實現(xiàn)思路是什么？

使用H5開發(fā)基于Kinect的體感游戲，其實工作原理很簡單，由Kinect采集到玩家及環(huán)境數(shù)據(jù)，比如人體骨骼，使用某種方式，使瀏覽器可以訪問這些數(shù)據(jù)。

1、采集數(shù)據(jù)

Kinect有三個鏡頭，中間鏡頭類似普通攝像頭，獲取彩色圖像。左右兩邊鏡頭則是通過紅外線獲取深度數(shù)據(jù)。我們使用微軟提供的SDK去讀取以下類型數(shù)據(jù)：

• 色彩數(shù)據(jù)：彩色圖像；

• 深度數(shù)據(jù)：顏色嘗試信息；

• 人體骨骼數(shù)據(jù)：基于以上數(shù)據(jù)經(jīng)計算，獲取到人體骨骼數(shù)據(jù)。

2、使瀏覽器可訪問到Kinect數(shù)據(jù)

我嘗試和了解過的框架，基本上是以socket讓瀏覽器進程與服務(wù)器進行通信 ，進行數(shù)據(jù)傳輸：

• Kinect-HTML5 用C#搭建服務(wù)端，色彩數(shù)據(jù)、嘗試數(shù)據(jù)、骨骼數(shù)據(jù)均有提供；

• ZigFu 支持H5、U3D、Flash進行開發(fā)，API較為完整，貌似收費；

• DepthJS 以瀏覽器插件形式提供數(shù)據(jù)訪問；

• Node-Kinect2 以Nodejs搭建服務(wù)器端，提供數(shù)據(jù)比較完整，實例較多。

我最終選用Node-Kinect2，雖然沒有文檔，但是實例較多，使用前端工程師熟悉的Nodejs，另外作者反饋比較快。

贊(0)