Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20200708_おやこテックLT_MakeCodeで神隠し

 20200708_おやこテックLT_MakeCodeで神隠し

MakdeCode Arcadeで自作ゲームをつくってみました。

pentake

July 08, 2020
Tweet

More Decks by pentake

Other Decks in Programming

Transcript

  1. MakeCodeで神隠し

    View full-size slide

  2. ぺんたけ
    webエンジニア / デザイナーの狭間
    ⚙ Noodl / HTML / CSS / JavaScript
    Noodlコミュニティ運営 / Noodler
    Twitter:@pentake_de

    Qiita:@pentake


    View full-size slide

  3. MakeCode Arcade の紹介
    ‍ 実際につくってみた話
    STEAM教育に良さそうなツール!

    View full-size slide

  4.  オリジナルゲームをつくる...!? 

    View full-size slide

  5. つくってみたい!!

    View full-size slide

  6. 参加できず...

    View full-size slide

  7. 後日、一人ハンズオン。

    View full-size slide

  8. 懐かしい雰囲気...

    View full-size slide

  9. Google Chromeの翻訳機能をありがたく使わせていただく

    View full-size slide

  10. 1時間くらいでシューティング
    ゲームが完成!

    View full-size slide

  11. 物足らない...

    もっとオリジナルな何かを作りたい...

    View full-size slide

  12. 砂金だ!!!!!!
    さ きん

    View full-size slide

  13. 砂金を撒き散らすカオナシから
    逃げ続けるゲーム
    ルール
    15秒間、ライフがゼロにならなければ
    プレイヤー(アヒル)の勝ち!

    View full-size slide

  14. https://makecode.com/_cdYDaeDkWHe3
    (PCだと音が出ます)
    ↓ 遊んでみてね ↓

    View full-size slide

  15. つくったものをシェアしやすい!
    オリジナルのデザインがつくれる!楽しい!
    ブロックを組み合わせて数学的な論理を学べる!
    かつ(and)/ または(or)/ 否定(not)...
    MakeCode Arcade のココが良い!

    View full-size slide

  16. MakeCode Arcade のココが良い!
    JavaScript (TypeScript) で書ける
    Github連携できる

    アドバンス編

    View full-size slide

  17. ブロックに対応したJavaScript (TypeScript) での記述

    View full-size slide

  18. Google翻訳機能を使っていると
    コードも翻訳してしまうので注意!

    View full-size slide

  19. Githubと連携するとMakeCode Arcade画面から
    コミット&プッシュやプルができる

    View full-size slide

  20. 今後の日本語対応に期待!
     

    View full-size slide

  21. この夏はおやこで
    MakeCode Arcade

    View full-size slide