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. 溫度計

      2017年11月28日 星期二

      [Micro:bit] Micro:bit Blockly PBL教材──主題1-14:蛋從天降

      Micro:bit Blockly PBL教材
      主題1-14:蛋從天降




      FB2http://gg.gg/TedLeeMicrobitFB/
      URL2http://gg.gg/TedLeeMicrobit/

      Line:ted2016.kpvs
      Email:Lct4246@gmail.com
      FB1http://gg.gg/TedLeeFB/
      Bloghttp://gg.gg/TedLeeBlog/
      URL1http://gg.gg/TedLeeURL/

      Nov. 28, 2017

      88x31.png[1]
      • 教材
      • 參考程式[2]
      • 活動挑战:程式好玩的地方就是可以自己寫、自己改,愈改愈好玩!
        1. 留意蛋蛋落下速度的變化。
        2. 調整speed變數之值看看有何變化。
        3. 接到蛋蛋時發出音效
        4. Game Over時播放失敗音效。
        5. 把接蛋人的LED亮度調暗以示區別,可參考積木
        6. 設定関卡,第一関过完變雙蛋…。
        7. 不定時出現彩蛋加5分。
        8. AI 自動追蛋

      参考資料
      1. 六種授權條款
      2. 接雞蛋遊戲

      2017年11月25日 星期六

      [Micro:bit] A飛打M飛,打的漫天灰?@Ted Lee的土饅頭

      A飛M飛,打的漫天灰?


      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. 25, 2017
      88x31.png[1]

      請問M飛可以做循跡、避障…嗎?
      Lee飛回覆:「不能──所有A飛能做的,M飛都做不到!」

      試想:一台飛機要怎麼和一台跑車比?

      再想想:A飛被設計出來的目的是啥?那M飛呢?有一樣嗎?

      世上最無聊的就是拿M飛來和A飛乱乱比!我最愛魯飛(Luffy)


      那A飛和M飛就真的沒得比了嗎?
      我想,
      我只能這樣回答:各取所長,上善之策!

      另外,資源,可以共享;零件,可以流用,上善之善也!
      舉例,A飛常見的超音波感測器HC - SR04,看一下spec就了它是吃5V的,M飛只能揮出3.3V的奶力(why?為啥不吃胖一奌呢?這就回扣到M飛的設計用途,如不清楚可參考拙著:麥客Lee自學工坊),當然是小人玩不了大車啰。不过,Make Code的文件居然說它推的動這東東!依此图接線,經我們實測証明:博杯卡快~。


      Arduino其他感測器的支援情況請看這兒

      那如果3.3V真推不動的話,那有沒解?有

      解1:雙電源共地法。M飛拿控制線(control line)魁儡HC-SR04,但HC-SR04另外支薪5V。記得GND要拉在一起,兩人四腳才會踩在同一塊地板上。

      解2:換M飛專用玩具。Seeed家有出吃3.2-5.2V的專用款

      解3:加裝M飛升壓電路或擴充板(extension board)。升压電路請自行Google;MIT 凱斯機器人(KAISE KSRobot)已研發量產此類的附加板,供指揮艇作組合。(感謝邱文盛大師補充)


      最後,再來思考:為啥要把A飛的專案用M飛再做一次?

      第一、資源回收再利用。買了一堆A飛的感測器,能不能不要再花錢買相同的溫度、溼度…感測器了?
      第二、取M飛之長。M飛是programming-language independent(和程式語言無関),也許我用Blockly教一教之後,要帶到Python,所以我就規畫在M飛上玩Blockly->MicroPython。但玩A飛有時會C多了~

      参考資料
      1. 六種授權條款

      2017年11月24日 星期五

      [Micro:bit] Micro:bit Blockly PBL教材──主題2-2:打電報(Telegraph Activity)@Ted Lee的土饅頭

      Micro:bit Blockly PBL教材

      主題2-2:打電報(Telegraph Activity)

      88x31.png[1]
      • 材料:三色香蕉/鱷魚夾×2。
      • 有線網路通信原理。
      • 接線图
        • RX(receive,接收)、TX(transmit,伝送)。
      • 參考程式

      参考資料
      1. 六種授權條款

      2017年11月22日 星期三

      [Micro:bit] Micro:bit Blockly PBL教材──主題3-2:Lee 1000(謙)的毒心樹(多人版)@Ted Lee的土饅頭

      Micro:bit Blockly PBL教材
      主題3-2:Lee 1000(謙)的毒心樹(多人版)


      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. 22, 2017
      88x31.png[1]
      • 玩耍影片。
      • 套件包:
        • 雙色香蕉/2魚夾×1。
        • 蜂鳴器×1。
      • 參考程式

      参考資料
      1. 六種授權條款

      [Micro:bit] Micro:bit Blockly PBL教材──主題3-1:Lee 1000(謙)的毒心樹(單人版)@Ted Lee的土饅頭

      Micro:bit Blockly PBL教材
      主題3-1:Lee 1000(謙)的毒心樹(單人版)


      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. 22, 2017
      88x31.png[1]

      参考資料
      1. 六種授權條款