第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 南一-康軒-翰林-國小國語 113學年上學期 更新說明： 1. 南投縣老師有 LoiLo 特典  2. 各版版本各年級獨立一個簡報檔 3. 如需列印，請將簡報另存成 PDF 即可 4. 請幫忙檢查內容是否有誤，並煩請回報給我 5.  使用說明影片-筆順練習 113上 國小國語課本生字 Qr Code 大合集 - YouTube 113上  翰林 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 首冊 注音  QR Code 雄筆順練習   Google 簡報 113上 南一 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 五上 生字  QR Code 雄筆順練
閱讀完整內容

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

第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
閱讀完整內容