第1551回-運算思維-MakeCode Arcade-03-背景與貼圖地圖

-
當我想用 MakeCode Arcade 做迷宮遊戲時，我對背景和貼圖(tile)地圖(map)的概念感到迷惑，於是就做了一點研究。

背景

  • 點這裡可連到上圖 https://makecode.com/_RhTPY67vMdcJ
  • 模擬器的螢幕是 160*120 像素
  • 背景可以是塗一個純色、或是用簡單的塗鴉工具畫，只有16色可用。
  • Gallery 圖庫裡面的是角色或貼圖用的，沒有現成的背景圖


效果

  • 背景上可以加「效果」，會有動態感
  • 有紙片、愛心、笑臉、暴雪、泡泡、星空、雲朵，七種可以選，
  • 點這裡 https://makecode.com/_5guRPw2cyEup 可以玩玩看

貼圖地圖

  • 以我做的這個為例 https://makecode.com/_e2t5Mib3YM3o
  • 我畫了 20X15片貼圖，每片是 8X8 畫素，所以地圖的大小是 160X120 畫素，請使用控制器移動角色看看，是不是無法走到螢幕的外面？
  • 此例中沒有拼上去的那一個積木，您可以替換上去試試看，還是 20X15片貼圖，但每片改成是 16X16 畫素，所以地圖的大小是 320X240 畫素，是原來的四倍大
  • 讓鏡頭跟隨主角移動，當你使用控制器控制角色移動時，你就會發現可以走的範圍變大了。

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