alanhc 互動技術-week17 [final]

alanhc 互動技術-week17 [final]

January 16, 2020

回顧這學期的作品:


 期中作業:LANDING:PLANET




賣點&特點:

  1. 炫麗的特效
  2. 物理(星球重力及降落)及粒子系統(噴射)
  3. 世界地圖可根據視角縮放

困難點:

  • 重寫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原生碼之類