首先是場(chǎng)景截圖:
上圖在場(chǎng)景中導(dǎo)入一個(gè)Babylon骨骼模型,使用asdw、空格、鼠標(biāo)控制加速度移動(dòng),在移動(dòng)時(shí)播放骨骼動(dòng)畫(huà)。
上圖在場(chǎng)景中加入更多的骨骼模型(兔子),兔子感知到人類(lèi)接近后會(huì)加速遠(yuǎn)離人類(lèi)。
上圖,一個(gè)局域網(wǎng)中的新玩家進(jìn)入場(chǎng)景,(他們頭上的數(shù)字是WebSocket分配的session id),兔子們受到0和1的疊加影響。
具體實(shí)現(xiàn):
一、工程結(jié)構(gòu):
前臺(tái)WebStorm工程:
其中map.jpg是地形高度圖,tree.jpg不是樹(shù)而是地面泥土的紋理。。。
LIB文件夾里是引用的第三方庫(kù)(babylon.max.js是2.4版),MYLIB文件夾里是我自己編寫(xiě)或整理修改的庫(kù),PAGE里是專(zhuān)用于此網(wǎng)頁(yè)的腳本文件
其中FileText.js是js前臺(tái)文件處理庫(kù)(這里只用到了其中的產(chǎn)生日期字符串函數(shù))