第1556回-運算思維-MakeCode Arcade-05-遊戲機制與程式積木的對應

-
我和學生一起玩 MakCode Arcade，第一節課紀錄在 第1548回，第二節課紀錄在第1549回，這一回要來談談第三節課。

回顧第二節課

第一節課紀錄在 第1548回，第二節課紀錄在第1549回。在此簡短回顧一下第二節課：我是直接讓學生用模擬器玩 Space Destroyer，直接給學生看程式。

基於培養修補式學習風格的思考者的教學目標。玩個五分鐘後，開始討論遊戲內容、老師提示一些學生沒發現的細節、說說有沒有想改變遊戲中的什麼？直接讓學生看全部的程式，學生動手嘗試修改程式看看會不會出現自己想要的效果。

第三節課

遊戲機制分析

先跟學生一起分析  Space Destroyer 的遊戲機制，學生用講的，老師複述並稍微修飾一下，一開始學生不太會敘述，老師要提示學生可以這樣說：「當」發生什麼事時，「會」產生什麼結果，以下是老師打字紀錄示例：
  1. 要有太空船
  2. 要有會從上方隨機落下的隕石
  3. 要有會移動的背景
  4. 要能控制太空船的移動
  5. 當我按了A鍵時，要發射子彈
  6. 當子彈碰到隕石的時候，隕石要碎掉，還要得一分
  7. 當隕石碰到太空船，會扣一條命
  8. 發射子彈時會噴口水
  9. 當隕石碰到太空船，畫面會震動
  10. 隕石被子彈打中的時候，會有碎裂的特效
  11. 遊戲結束的機制:三條命用光

遊戲缺少了

  • 砲彈打到隕石、隕石打到太空船時要有音效。

與程式積木的對應

在電腦螢幕上，我開兩個視窗各佔一半螢幕畫面，我和學生可以一起討論，我們所列舉出來的遊戲機制，在遊戲程式中到底是哪個段落？

我相信經過討論後，學生即使還沒具有從無到有自己寫一個遊戲的能力，但可以清楚的看到遊戲機制是可以對應到程式積木上的，而且找到它們的對應關係是很有成就感的，會有一種我會說「人話」，也能聽得懂「電腦話」(程式語言)的感覺，雖然還不太會說電腦話啦！

而且如此一來，要進行修補式思考 Tinkering Thinking 時，也會很有線索知道大概要從哪裡下手。這種感覺很像...很像什麼呢？常常看到小朋友熱衷於修理自己的自動鉛筆的那種感覺。每次看到很專心修理自動鉛筆的小朋友，我總是忍不住的微笑。


這是上課時才想到的：如果我事先把程式積木列印出來、剪下來，讓學生能把「遊戲機制」與「程式積木」做對應，讓學生分組討論與發表，應該不錯！

與運算思維的對應

還沒想好要怎麼寫這個段落，參考 教育部運算思維推動計畫簡報，可能可以探討的有：
  • 拆解問題
  • 樣式辨別
  • 樣式一般化
  • 資料表示
  • 演算法設計

關於 MakeCode Arcade，我曾經寫過：

關於運算思維，我曾經寫過：

留言

張貼留言

這個網誌中的熱門文章

第1918回-師師有法寶-4-雄-筆順練習-南一-康軒-翰林-國小國語- QR Code 大合集

-
圖片
雄筆順練習 QR code 南一-康軒-翰林-國小國語 112學年下學期 112下 南一 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112下 翰林 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112下 康軒 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112學年上學期 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語112上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語112上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語112上-分享用 111學年 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語111下-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語111下-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語111下-分享用 前情提要 第1913回-師師有法寶-1-QrCode 三分鐘 第1916回-師師有法寶-2-如何製作QR Code？以生字筆順為例 第1917回-師師有法寶-3-雄-筆順練習- 三分鐘內秀出 QR Code 給學生掃 本回開始 製作歷程 (以下內有興趣再看即可，祝您備課愉快！) 20221120 第1913回-師師有法寶-1-QrCode 三分鐘 20230222 第1916回-師師有法寶-2-如何製作QR Code？以生字筆順為例 20230223 第1917回-師師有法寶-3-雄-筆順練習- 三分鐘內秀出 QR Code 給學生掃 晚上雄哥做出 QR Code 快速產生器，我超級興奮的！ 20230224 週五我用 TPET-生生用平板-師師有法寶-筆順QRCode樣版 試著做做看南一國小國語一二年級下學期每一個的生字，順利完成。 20230225 和范范老師用 TPET-生生用平板-師師有法寶-筆順QRCode樣版 來練習做康軒版國小國語二年級的生字筆順練習 QR Code，原本預計十分鐘做完，做完發現是100分
閱讀完整內容

第1670回-自主學習-如何印出中英對照的 TED 演講逐字稿

-
圖片
昨天在做 第1669回-我家私塾-英文單字-部件組合 時，我發現兒子很多中文字不太會寫，我覺得可能的原因是：平常中文字寫太少。我想要求他每天抄寫100個中文字，可是要抄什麼呢？ 兒子平常不太看書，這兩三個月來我放棄要求他多看書，改成看電影，而且最好是外語發音的影片，這樣他就非得閱讀字幕不可了。我家有訂 MOD 電影199，所以影片資源不是問題。兒子覺得若是英語發音的電影，最好是有中英文字幕並列，這樣還可同時增進英語的語感。 基於上述兩點，若要每天抄寫100個中文字，我第一個想到的是  TED  的演講影片。首先找到他有興趣的影片，在看過影片後，我把  TED  演講影片的逐字稿印出來給兒子看，他閱讀時用螢光筆標注他覺得值得抄寫的句子，然後每天抄一百個字。也許也可以中英文都抄，哈！可能我太貪心了。 好，所以現在問題縮小為：如何印出中英對照的 TED 演講逐字稿？ 如何找到有中文逐字稿的 TED 演講影片？ 我幫各位準備好這個連結： 有中文逐字稿的 TED 演講影片列表 ， 有中文字幕，且以觀看人次排列。 如何印出 中文的 TED 演講逐字稿？ 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 ，我挑選了  Colm Kelleher: What is Zeno's Dichotomy Paradox? | TED Talk  這部影片，點一下在影片下方的「Transcript」，選擇「中文繁體」，然後您就可以取得中文的 TED 演講逐字稿了！ 您還可以複製貼上到文書處理器中調整一下排版，這樣閱讀起來會更舒適。 如何印出 英文的 TED 演講逐字稿？ 同上述的方法，點一下在影片下方的「Transcript」，選擇「English」即可 如何印出 中英對照 的 TED 演講逐字稿？ 這裡是本篇網誌的重點喔！ 1. 其實你已經有中英對照的 TED 演講逐字稿了 怎麼說呢？啊既然你已經把 中文的 TED 演講逐字稿印在一張A4紙上，也把 英文的  TED 演講逐字稿印在一張A4紙上，把兩張紙擺在桌上，不就是 中英對照 了嗎？ 2. 我想要的是「逐段並列」的中英對照 逐字稿 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 我挑選了  Colm Kelleher: What is Zen
閱讀完整內容

第1804回- Google 文件如何一次看兩頁？

-
圖片
今天在使用 Google 文件跟學生共同創作一個用餐禮儀短劇的劇本時，編寫到差不多的時候，想要一次展示兩頁給學生看，但發現 Google 文件在現階段沒有這個功能。 在 Google 文件中一次只能看一頁，真不方便！有沒有可能兩頁左右並排來觀看文件呢？ 下班回家吃過晚餐、飯後散步時又想起這件事，回家後打開 Chromebook 上網查了一下資料，有找到一個方法，可以讓 Google 文件 像電腦的文書處理軟體或是PDF檢視器那樣，可以兩頁並排顯示。 我是用關鍵字  2-page view in google docs - Google 搜尋  找到這篇 2-page view in Google Docs (Example)  但我看不懂要怎麼使用這一串指令？ 不死心又繼續找，找到這篇， view 2 pages at once in google docs. ，在註解中有提到： Use this JS in your google doc browser console，我就根據這個線索，在 Chrome 瀏覽器右上方三個點那邊選「更多工具」，然後選「開發人員工具」，點一下「Console」然後把以下這一串指令複製貼上： // Use this JS in your google doc browser console // Courtesy https://coderwall.com/p/qvdxia/2-page-view-in-google-docs (function(d, t, z, s) {     s = d.createElement(t);     s.innerHTML = z + '-outer{left:0px !important;}' + z + '-outer,' + z + '-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';     d.getElementsByTagName(t)[0].parentNode.appendChild(s); })(document, 'style', '.kix-zoomdocumentplugin'); 複製貼上後
閱讀完整內容