帶小孩自學 Scratch 的經驗談, 其之三, 母親節刮刮卡 (Scratch)

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

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


因此, 萊恩大兵的想法, 就是以自訂專題的型式, 讓小朋友們多寫程式並想辦法解決問題. 

第一次專題實作的題目是小貓咪跳障礙, 兩兄弟都交出不錯的作品. (詳情請見: 帶小孩自學 Scratch 的經驗談, 其之二, 小貓咪跳障礙)

小貓咪跳障礙

剛好時間接近母親節, 第二次專題實作的題目, 就來做一張母親節刮刮卡, 讓兩兄弟對母親生養與教育表達感謝.

這張母親節刮刮卡的功能須有:
[1] 程式須分 "啟始填滿" 與 "刮除遮蔽" 兩階段.
[2] 在 "啟始填滿" 階段, 程式會將螢幕畫面填滿遮蔽, 過程中不能露出母親節卡片圖.
[3] 在 "刮除遮蔽" 階段, 玩家能用滑鼠拖拉螢幕上的擦布, 將遮蔽層消除, 露出底層的母親節卡片.


萊恩大兵和兩兄弟討論了數種的作法, 最可行的方案是:

(1) 應用打磚塊程式裡面學到的技巧~ 用 "分身" 來產製大量相同的物件, 即能輕鬆地用色塊填滿螢幕畫面. 

(2) 並在 "分身" 的程式碼中, 判斷當踫到擦布物件時, 即將分身自己的透明度 (幻影效果) 漸次提高, 直到完全透明為止.

作品呈現:

Willie 的母親節卡片

動態效果

特別的是.. Willie將每個字母也做成角色, 除了方便排列之外, 也有潛力做成動態效果.

Kenny 的母親節卡片

動態效果


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) 審核通過與下載量數據分析

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