首先是場景截圖:

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

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

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

 

具體實現(xiàn):

一、工程結(jié)構(gòu):

 前臺WebStorm工程:

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

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

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

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式