首先是場景截圖:
上圖在場景中導入一個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ù))