MakeCode Arcade Game Dev

Created Date: 2020-01-08/ updated date: 2020-02-10
    Owner & Collaborators
    License
    MakeCode Arcade Game Dev by iemoto, momoko-s is licensed under the Creative Commons - Attribution license.
    Summary
    MakeCode Arcadeを覚えるためにまずは簡単なゲームを作ってみる！

    Materials

      Tools

        Blueprints

          Making

          • はじまり

            0
            今回はうちに来ているメンバーが極度の花札好きで彼がいつもSTOPに来ては花札をやっているので、そこからの発展として花札をプログラムで再現してみようというところから始まった。

            その子はゲーム開発はもちろんパソコンにも慣れていないので、初歩の初歩からサポートする必要がありそうだ。とはいえ、パソコン操作の基本から教えるのは面倒なので、まずは彼のモチベーションを上げるためにもMakeCodeで花札のドット絵を描くところから始めて、パソコン操作などで躓いたらフォローするスタンスでいくことにする。

            それはさておき、まずは自分でもゲームを作ってみよう。

            Comments

                Add Annotation Order

              • まずは要件を確認する

                0
                この小さい画面がゲームを考える上で今回のポイントになりそうだ。高さ120px、幅160pxとサイズも解像度も低い。

                花札をゲーム化する際に必要な要素としては、山札と各プレイヤーの手札と場札。と考えると画面構成は手札が2列、場札が2列、山札となるので、画面を縦に5分割する必要がある。相手の手札を省略したとしても4分割でカードサイズは縦30px。これだとキツキツな感じ。

                そもそもNPC側の処理とかをいきなりプログラムするのは大変そうなので、最初につくるゲームとしては対戦形式じゃないほうがいいかも。（このあと調べたらマルチプレイ対応していたので、P2P対戦ゲームとしてなら良さそう）

                Comments

                    Add Annotation Order

                  • ゲームアイデアを考える

                    0
                    スクリーンサイズの小ささを考慮して花札っぽいゲームとしてアイデアを考えてみた。
                    ルールとしてはソリティアみたいな感じかな。

                    1. 場札が６枚ランダムに配置される
                    2. プレイヤーカードがランダムに１枚配布される
                    3. プレイヤーカードはキー操作で左右に移動できる
                    4. プレイヤーカードはボタンを押すと発射される
                    5. 発射されたカードと場札の札の種類が同じだと両方のカードが消える
                    6. 種類が異なる場合はカードがスタックされていく
                    7. ３枚つまり４段になるとゲームオーバーになる。

                    Comments

                      • プログラムの流れを考える

                        0
                        ■初期設定
                        1. 花札カードを配列に登録する
                        2. 配列をシャッフルする
                        3. 場札を配列から取り出す（参照ではなく配列から抜く）
                        4. 場札を配置した位置（1~6）と合わせて記録
                        5. プレイヤーカードを配列から取り出す

                        ■役（ポイント）の判定
                        1. カードを射出
                        2. 当たったカードの判定
                        3. もし種類が同じなら消してスコアを入れる
                        4. もし種類が異なるならスタックする
                        5. スタックする場合はどの列に何枚あるかをカウント
                        6. カードの補填処理を行う

                        ■要検討事項
                        • スタックされた二枚目以降の処理をどうする？場札の登録を変更して解決か？
                        • 2枚の役だけでいいのか？三光や四光などの導入は？

                        Comments

                        Add Annotation Order

                      • 絵札を描く

                        0
                        絵札の枚数とサイズを画面サイズとゲーム性を考慮して考える。
                        本物の花札より少し横幅を広くすることでドット絵でもなんとか表現できそうなので、
                        縦32x横24のサイズに決めた。キャンバスサイズは左下の数字を変更。

                        Arcadeのドット絵エディタは高機能ではないので、
                        描く前にあたりをつけておかないとあとでやり直しは大変。
                        初めは拡大して描いたり縮小したりしながら見栄えを調整するほうがいい。

                        Comments

                            Add Annotation Order
                          Add Card Order

                          References

                            Usages

                              Project comments

                              • No.001bevisandrewPosted date: 2025-02-26
                                This post on MakeCode Arcade Game Dev is inspiring! It reminds me of classic block breaker games, where creativity and strategy come together. Excited to see how developers can innovate and create new experiences in this space!
                              • No.002edmundPosted date: 2025-03-01
                                I play a good game, and I can’t stop. Share for you block breaker to have fun.
                              • No.003alexwilliams98Posted date: 2025-03-28
                                I started playing heardle as a way to kill time, but now it’s part of my lifestyle. I’ve even gotten my family into it. We compete over breakfast to see who gets the song first. It’s become a bonding activity!