alanhc 互動技術-week17 [final]
alanhc 互動技術-week17 [final]
January 16, 2020
回顧這學期的作品:
賣點&特點:
- 炫麗的特效
- 物理(星球重力及降落)及粒子系統(噴射)
- 世界地圖可根據視角縮放
困難點:
- 重寫3次最終改寫成物件導向的CLASS寫法
- 攝影機的座標
- 粒子系統噴射
期末作業:drum.io
說明你做了什麼
學javascript es6的語法規則、p5.js與processing的不同,了解socket網路通訊程式原理,
花最多時間在多人連線的部分,需要畫出狀態圖及流程圖,與一般程式思考邏輯不太一樣
分為host與play兩個階段,當某個client在host階段 其他就負責檢查是否有與打一樣,有點像請你跟我這樣做
再花點時間debug
深度學習是否要多層訓練比較好等等
如何操作
1. 將瀏覽器的自動播放功能打開 ,設定 > 進階設定 > 隱私 > 音效 > 允許 {server ip}
2. 進資料夾,在小黑下 node server.js(必須有nodejs在電腦上
3. 接上開發版即可開始玩
賣點是什麼
- 可以多人遊玩及對戰
- 深度學習訓練自己的Air drum
困難點是什麼
* 多人連線(寫好協定讓彼此可以跑一樣的視窗及不會打架 使用nodejs socket io
* 深度學習(訓練使準確率提升 ml5 library (base on tensorflow js)
* 互動裝置(Arduino及三軸感測器...
雖然由於serial的原理也是使用nodejs,因此若兩者同時跑會導致我的程式會不同步,若以後可以的話可以再試試用其他的方法解決ex. 直接寫tensorflow.js原生碼之類
雖然由於serial的原理也是使用nodejs,因此若兩者同時跑會導致我的程式會不同步,若以後可以的話可以再試試用其他的方法解決ex. 直接寫tensorflow.js原生碼之類