首先是場景截圖:

上圖在場景中導入一個Babylon骨骼模型,使用asdw、空格、鼠標控制加速度移動,在移動時播放骨骼動畫。

上圖在場景中加入更多的骨骼模型(兔子),兔子感知到人類接近后會加速遠離人類。

上圖,一個局域網中的新玩家進入場景,(他們頭上的數(shù)字是WebSocket分配的session id),兔子們受到0和1的疊加影響。

 

具體實現(xiàn):

一、工程結構:

 前臺WebStorm工程:

其中map.jpg是地形高度圖,tree.jpg不是樹而是地面泥土的紋理。。。

LIB文件夾里是引用的第三方庫(babylon.max.js是2.4版),MYLIB文件夾里是我自己編寫或整理修改的庫,PAGE里是專用于此網頁的腳本文件

其中FileText.js是js前臺文件處理庫(這里只用到了其中的產生日期字符串函數(shù))

網友評論