2017年11月29日 星期三

[Micro:bit] Micro:bit Blockly PBL教材──主題1-2:小綠人好客動畫

Micro:bit Blockly PBL教材[1]

主題1-2:小綠人好客動畫

88x31.png[2]


任務

巷口小綠人紅綠燈被颱風吹倒成人綠小了而快掉下來了。身為Maker發明王的您快拿出口袋的小彼特設計一款專屬的小紅人來協助指揮行人過馬路吧!
請參考小綠人分鏡表畫出小綠人每一動的分解動作。

大家來找砸(問題題庫)

  • 庫庫哨1:觀察一下這兩部影片(12),推測一下要多大的尺寸才誏小彼特畫出完整的小綠人來?
  • 庫庫哨2:啊不是說小人嗎?怎麼搞個穿紅衣的?


材料

品名 數量 單位
Micro:bit主板 1
USB傳輸線 1
KSB040鋰電也擴充板 1
鱷魚夾(五色,五條) 1
CM-4 4號嬌點整理盒 1
PP板(15×20cm4×5cm 1
魔鬼氈(子、母) 1

  • 共用工具組:剪刀、美工刀、油性筆、、透明膠帶、雙面膠、膠水、白膠、鐵尺、切割墊若干。
  • 歡迎洽詢相關材料包訂購(手機加Line:https://line.me/R/ti/g/U7UpPtBc0j


    解說

    因為小彼特的版面太小,我們以自訂內容的方式來解說小綠人好客動畫的製作过程。
    1. 在草稿紙上先畫出動畫的分鏡表(慢動作、分解動作)。可參考四格漫畫的概念,至少4動。
    2. 使用Basic積木抽屜(block drawer)中的積木(記得还有more喔!)來完成您的設計稿。例如:
    3. 請在Make Code頁面左手邊的線上同步模擬器(simulator)觀看一下動畫播放的結果。如果閃的太快的話,可在适当的地方加人暫停積木
    4. 按下左下角的按鈕,將程式存到Microbit磁碟機(disk drive)上做實機測試

    參考程式碼可在此下載。

    教學活動設計

    超超超…強烈建訍使用Google表單(Google Forms)档案上伝功能來收集學員的大作(嘿嘿…,筆者就是用這招來上課說嘴滴~)。
    • 活動1:動畫線上習作
      以線上動畫製作軟體Flip Anim畫出小綠人過馬路動畫片。
    • 活動2:好客接力过馬路
      小彼特A播完動畫後傳給小彼特B,小彼特B播完後傳給小彼特C…。
    • 活動3:秀秀說(Show and Tell)每位學拍攝一分鐘的作品介紹短片,並上伝到YouTube公開分享。
    • 活動4:生活中的LED看板(かんばん)
      拍攝日常生活中常見到LED奌矩陣(Dot Matrix)看板三种,註明拍攝地奌、日期將照片排版後繳交。可將之整理至網路平台上(例如:IG、FB…)並設定公開後繳交連結網址。
    • 活動5:現實中的小綠人紅綠燈號誌是採用多大的尺寸呢?

    學員作品賞析


    教學哲思

    人人都是天生的藝術家!---這是教育工作者最純粹的信仰(belief)。教育之道無他,歸返於天道人道也。

    進階學習

    • 進學1:大LED奌矩陣
      小彼特的5×5奌矩陣太小容不下彼特小綠人。有沒法子外接一個8×8大小以上的板板來玩呢?順便挑战一下2017台北市大運小綠人唄!
    • 進學2:流星雨
      參考這版The Matrix Rain來下一場屬於您自己的流星雨天空唄。
    • 進學3:求婚小紅人
      小綠人的變化存乎一心,這樣(太閃了 全國創新LED動畫「求婚小綠人」在屏東)也行!
    • 進學4:電腦動畫(Computer Animation)原理
      這篇學電腦動畫,並甞試自己做一版唄~。
    • 4:創意小綠人乎
      這樣算是有創意,但…也太吸睛了唄!
    • 進學5:小綠人背包

    STEAM指標

    STEAM


    和108課綱的对照

    • 學習表現:資a-III-1 能了解資訊科技於日常生活之重要性。
    • 學習內容:資P-III-2 能使用資訊科技與他人建立良好的互動關係。

      参考資料
      1. 本PBL教材皆採:任務解說(含筆者多年教學經驗分享)、教學活動設計三大段的寫作架構撰文。
      2. 六種授權條款

      [Micro:bit] Micro:bit Blockly PBL教材──主題1-15:溫度計@Ted Lee的土饅頭

      Micro:bit Blockly PBL教材

      主題1-15:溫度計



      FB(麥客樂彼特(Micro:bit)太好玩社):https://www.facebook.com/groups/1958667900816453/
      URL(麥客Lee自學工坊):https://sites.google.com/view/microlee/home

      Line:ted2016.kpvs
      Email:Lct4246@gmail.com
      Blog(泰布布):http://lct4246.blogspot.tw/
      URL(Ted's Bu Bu):https://sites.google.com/site/lct4246/
      FB(Ted's BuBu):https://www.facebook.com/ted.lee.10420321

      Nov. 28, 2017
      88x31.png[1]



      参考資料
      1. 六種授權條款
      2. 溫度計