第1559回-運算思維-MakeCode Arcade-07- 做遊戲比玩遊戲好玩！ Tinkering about Space Destroyer

-
我對 tinkering 類型的學習活動感到著迷，但到底如何說明 tinkering 是怎麼樣的一種學習活動，我只是有個模糊的概念，也不了解精確的定義，今天看到這個 1分51秒的影片我覺得不錯，What is Tinkering? - YouTube ，日後找時間來翻譯成中文。

Tinkering about Space Destroyer

關於下下週要給學生上的 MakCode Arcade 第四節課，我想讓學生將我在第1556回談到的 Space Destroyer，根據學生自己想添加的變化與功能，動手對遊戲程式做一些改變。

我得備課～

由於我玩 MakCode Arcade 也沒多久，學生提出來想添加的變化與功能，我需要事先想一想該怎麼改程式，老師我自己練習做做看，這就是這一回網誌的主要內容。

做遊戲比玩遊戲好玩！

10/9 我在臉書上寫說，下班回到家後，鞋子襪子都沒脫，長褲也沒脫，就開始做 MakeCode Arcade 的遊戲修改。改了一個多小時才很滿意的罷手，想說手機怎麼不見了，找來找去，竟然是回家後完全沒拿出手機來，還放在包包裡。 印證了一句話：「做遊戲比玩遊戲好玩！」

這一段就是在講我自己在 MakeCode Arcade上試著動手修改 Space Destroyer 遊戲的過程，在 Chromebook 上用 Chrome瀏覽器打開來修改程式，然後下載到實體機 WiFiBoy Arcade 上試玩，反覆修改好幾次。

我修改了什麼？

第一輪修改

第二輪修改

  • 當戰機被隕石撞到時，會發出拉警報聲 siren
  • 每隔五秒會從上方隨機位置掉下一顆蘋果，當戰機吃到蘋果時，生命值會增加1
  • 第二輪修改版試玩：https://makecode.com/_1V5dsEKMmfJD

第三輪修改

  • 按B鍵可以放大絕，但會用掉一條命，生命值會減1
  • 死光式武器，一次全部毀滅，但這用 MakeCode Arcade 的繪圖工具畫不出來，需要切換到 javascript 模式來改修改，我覺得這算是從程式積木過渡到「能閱讀」純文字式程式碼的一個契機！
  • 當得分超過100分時，顯示為過關！
  • 第三輪修改版試玩：https://makecode.com/_Hg99ir7mV57P

第四輪修改

欲罷不能的快感

  • 玩一玩遊戲 => 想修改或添加點什麼  => 努力看懂遊戲程式並動手 tinkering => 在模擬機上測試 => 下載到實體機上測試 .....  就這樣不斷的循環下去
  • 像我現在寫此回網誌時，就覺得死光只是一道直線，實在沒看頭，想改成波浪式折線
  • 快樂的用著 MakeCode Arcade 把遊戲修改成我想要的樣子，不就很像是牙牙學語的幼兒嗎？就這樣玩下去，也許有一天， tinkering 的學習方式能讓我學會如何講電腦王國的話了。

有關 tinkering 的延伸閱讀

關於 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'); 複製貼上後
閱讀完整內容