App Inventor 使用畫布及球型精靈製作遊戲搖桿(蘑菇頭)

一.摘要

  使用App Inventor製作遊戲，其中一個不可或缺的元件就是搖桿了，很多人想做卻不知如何下手，接下來這篇文章就帶著你來完成一個遊戲搖桿。

二.運作架構

1. 使用畫布元件作為搖桿移動的範圍
2. 此用球型精靈作為搖桿
3. 程式初始化時將球型精靈至於畫布中央
4. 在畫布上畫一個半透明的圓(作為視覺上的邊界)
5. 當搖桿(球型精靈)被按下時讀取位置並做適當偏移(保持搖桿中心位於所繪之半透明圓內)

使用Nodemcu連接NTP伺服器更新內部時鐘並製成html網頁

一.使用器材、前情提要

• 使用器材：Arduino IDE、Nodemcu
• 關於IDE的設定可以參考佑來了的教學影片
  Arduino教學- WiFi無線入門
• 本文章以範例檔WifiWebServer的架構改寫並參考了小狐狸事務所的教學文章從 NTP 伺服器取得網路時間

二.程式碼部分

• 函式庫請至GitHub下載最新版本即可
• 如有註解不當或缺失歡迎留言更正