帶小孩自學 Scratch 的經驗談, 其之二, 小貓咪跳障礙 (Scratch)

近兩三個月的週末, 萊恩大兵自己帶兒子玩 Scratch.

嗯.. 自學和帶小朋友學真是不一樣的事. 就來聊聊這幾個月自學自教的經驗吧. (詳情請見: 帶小孩自學 Scratch 的經驗談, 其之一.)

說起來, 包括萊恩大兵在内, 學習程式語言過程中最初的挫折, 就是在新手村按照講義步驟打怪很輕鬆愉快, 走出新手村打怪時, 卻是各種問題各種不順都會發生, 對付一隻史萊姆都很吃力.

因此, 帶小朋友看完 Udemy 的 Scratch Game Programming for Young Adults 教程後, 萊恩大兵規劃的下一步計畫, 就是以自訂專題的型式, 讓小朋友們多寫程式. 

第一次專題實作的題目是小貓咪跳障礙, 功能要求為:

[1] 程式須區分啟始畫面, 進行畫面, 結束畫面.
[2] 遊戲進行用鍵盤控制, 可控制小貓咪前進, 後退與向上跳.
[3] 遊戲為 2D捲軸型式, 由右往左帶入障礙物.
[4] 遊戲背景須有動態變化感.
[5] 小貓咪造型須配合鍵盤控制而有不同變化.
[6] 遊戲須有歷史得分記錄.
[7] 遊戲須設計至少兩種難度不同的關卡, 且須明確定義過關條件.

(其實就是 Google Chrome 内建的小恐龍跳障礙的遊戲)

萊恩大兵並要求先擬出設計圖, 從造型, 角色, 遊戲流程, 變數與廣播訊息等都想清楚了, 才能上機編寫程式.

結果小朋友們做出什麼東西呢?

Willie 的貓咪竟然可以發射飛鏢來擊毀障礙物. 背景裡面的樓房大廈有數種造型, 豐富了遊戲的呈現.

設計圖

三個不同的背景

各角色的程式碼

各角色的程式碼

Kenny 在啟始畫面做了一個下墜彈跳的視覺特效. 背景則有分白天黑夜, 除了太陽與月亮, 連雲朵都有白天與黑夜的不同配色. 

三個不同的背景

各角色的程式碼

各角色的程式碼

總體來說, 這次專題實作的成果很不錯. 依這模式多做幾次, 未來連專題題目都讓能小朋友自己訂定了.

[萊恩大兵的其它文章]

自製大四軸

* 自製大四軸, (1) 零組件篇, 遙控器 (Drone, Quadcopter, Futaba, Maker, Arduino, Animatronic Eye)

* 自製大四軸, (2) 零組件篇, 飛控板 (Drone, Quadcopter, MultiWii, Arduino, Futaba, Maker)

* 自製大四軸, (3) 零組件篇, 自行雷切木質機架 (Drone, Quadcopter, Maker, Laser Cut)

* 自製大四軸, (4) 零組件篇, 馬達與電變調整 (Drone, Quadcopter, Maker, Electric Speed Control, Motor)

* 自製大四軸, (5) 組裝篇, 四軸飛行器成形 (Drone, Quadcopter, MultiWii, Arduino, Maker, Electric Speed Control, Motor)

* 自製大四軸, (6) 調整篇, 飛行前兩三事 (Drone, Quadcopter, Maker, Futaba, Arduino, MultiWii)

CC2540 Bluetooth Low Energy

* 筆記, CC2540 Bluetooth Low Energy, (1) 開發環境 架設 (Bluetooth, CC2540)

* 筆記, CC2540 Bluetooth Low Energy, (2) 跑第一個範例程式 (Bluetooth, CC2540)

* 筆記, CC2540 Bluetooth Low Energy, (3) SimpleBLEPeripheral 簡單介紹 (Bluetooth, CC2540)

* 筆記, CC2540 Bluetooth Low Energy, (4) 在智慧手機上執行範例程式 (Bluetooth, CC2540)

* 筆記, CC2540 Bluetooth Low Energy, (5) 偵測與發送 iBeacon 訊號 (Bluetooth, CC2540, iBeacon)

* 實作, iBeacon 發訊器 x 防丟器 (Bluetooth, CC2540, iBeacon)

* 實作, iBeacon 尋寶遊戲 (Bluetooth, CC2540, iBeacon, iOS app)

* 實作, BLE + iOS app, 遙控燈泡君 (Bluetooth, CC2540, iOS app)

* 做實驗, 用 iBeacon 做自動控制的可行性 (Bluetooth, iBeacon, CC2540, Automation, URL Scheme, iOS app)

OpenCV 學習路徑

* 記錄, OpenCV 學習路徑, (1) 環境安裝與第一個範例 (OpenCV, Python)

* 記錄, OpenCV 學習路徑, (2) 辨識多邊形 (OpenCV, Python)

* 記錄, OpenCV 學習路徑, (3) 人臉辨識 (OpenCV, Python, Face Recognition)

小惡魔 無線溫度感測器

* 小惡魔, (1) 溫度感測 + 物聯網 (Electric Imp, Xively, LM35, Internet of Things)

* 小惡魔, (2) 溫度感測 + 物聯網 + 事件觸發 (Electric Imp, Xively, LM35, Internet of Things)

108 大眼仔

* 108 大眼仔, 初登場 (Arduino, SG-90, Maker Faire Taipei 2014, Animatronic Eye)

* 108 大眼仔, 進化, (1) 專屬程式庫 (Arduino, SG90, Animatronic Eye)

* 108 大眼仔, 進化, (2) 當我們串在一起 (Arduino, SG90, Animatronic Eye, I2C)

* 108 大眼仔, 檢討筆記, 我要一個打十個 (Arduino, SG90, Animatronic Eye)

自造 Time Plot Clock

* 自造 Time Plotting Clock, (1) 零件採購
* 自造 Time Plotting Clock, (2) 組裝
* 自造 Time Plotting Clock, (3) 校正
* 自造 Time Plotting Clock, (4) 英文字母
* 自造 Time Plotting Clock, (5) 遠端遙控

iOS App 上架流程
* iOS App 上架流程, (1/3) 申請 Apple ID for Company
* iOS App 上架流程, (2/3) 產出 .P12 憑證與 Provisioning Profile 檔案
* iOS App 上架流程, (2.5/3) 申請 App ID 與上傳 ipa 送審
* iOS App 上架流程, (3/3) 審核通過與下載量數據分析

其它文章, 請參考 大兵萊恩, 文章總集