Wio Terminalでゲームを作ってみる勝手企画⑤ VS Code でWioするよ！

ゲームは面白くなくっちゃね！

とゆーことで、「面白さ」追及編です。また例によってめちゃくちゃやってますｗ

↑この記事のつづきでーす☆

難易度調整

以前、バグで”９”が実は出ていなかった。って件がありまして、それはもう

９が出る版 · kagurazakarasen/WioTerminal@8e91da9

直したのですが、画面が小さいと８とか９を食べると移動距離が大きいもので一気に端っこまですすんでしまってにっちもさっちもいかなくなります。

( ﾟдﾟ)ﾊｯ! そういえば「にっちもさっちも」って、漢字で書くと『二進も三進も』なのですね。近くに２や３が無くてどうにも進めなくなる、このゲームのための用語みたい！！　日本語ってスゴイ！（ちょっと違う？（本当はそろばんの用語）でも勉強になるなあｗ）

閑話休題。

JoachimさんのNumber Tronが楽しすぎるのでちょっと動画を撮ってみました。８方向にプレイヤーは移動可能、描いてある数だけ直進、移動した後数字は消えて、壁に当たるか、空白に当たるとゲームオーバー。ゲームに無い面白さ故にはまり込む。やっぱ、オンリーワンの魅力って重要です！ pic.twitter.com/PRfWW8H7MP

— MickyAlbert (@MickyAlbert) November 7, 2020

じつは↑でこのゲームを紹介してくださった @MickyAlbert さんからこっそり教えてもらった方法があります。６以上の数字の出る確率を５以下より下げると、小さい画面でもいい感じになるよ！　とのこと。早速作ってみます。

これは簡単、６以上が出たらもう一度ランダムを通して別の数字を割り当て、それがまた７以上ならもう一度、それが８以上なら……と、９までランダムサイコロを振りなおす仕組みにしてみます。これなら、９が出る確率はかなり低くなるはずです。

    // 数字マップ作成 
   for (int y = 1; y < PLAY_FIELD_HEIGHT; y += 1) {        
     for (int x = 1; x < PLAY_FIELD_WIDTH; x += 1) {
         int n = random(1, 10);
         if(n>5){
           n = random(1, 10);
           if(n>6){
             n = random(1, 10);
             if(n>7){
               n = random(1, 10);
               if(n>8){
                 n = random(1, 10);
               }
             }
           }
         }
         STAGE[x][y]=n;  // 画面の数字情報を配列に入れておく
         tft.drawChar( x*TEXT_WIDTH, y*TEXT_HEIGHT,STAGE[x][y]+48,ILI9341_GREEN-STAGE[x][y]*4, ILI9341_BLACK, 2);
     }
   }

こんなふうにしてみました。

実行してみましょう。

おおぅ。６以下ばっかり。７や８はホントに少なくて見た感じ９は超レアですね。（これなら９食べたらボーナス点あげてもいいかも？ｗ → というアイデアはメモしておいて、バージョンアップ時に実装するとかも楽しそう☆）

プレイしてみる

めっちゃ小回り効く！　たのしい！！

どんどんやってみる

すごい！　どんどん掘れる！！（歩く、というよりなんだか掘ってるイメージになってきたｗ）でもこの回はココで打ち止めかなー？

それでも今までにない高得点！！(∩´∀｀)∩☆

これ、ネットにハイスコア送って記録とかできちゃってもいいですねｗ
という変更アイデアがどんどん出てきます☆

プレイしても楽しいし、プログラムしても楽しい！　良い感じです☆

※ほかにも、これ、間違いのないルートで全部食べられるはずという「詰めNUMBER TRON」とかもできそうですね☆　そういうモード作ってもいいかも？（( ..)φメモメモ）

たったこれだけの修正で、ぐぐっと「楽しさ」アップです！

２プレイヤーモード！

さらに、@MickyAlbert さんによると、このゲーム、２プレイヤーモードが「アツい」のだそうです。ι(´Д｀υ)ｱﾂｨｰ☆

なんでも、次の手の読み合いになって、先の先まで読む力が試されたり、マリオブラザーズのように協力プレイしたり逆に足を引っ張りあうようなことができる絶妙のおもしろさなのだとか！

これは、やってみないわけにはいきませんねぇ。

というわけで、がががと２プレイヤーモードを追加してみようと思います。

VisualStudio Codeで編集

今度は小手先の修正じゃなくてプログラム全体にかかわる修正になるので、ArduinoIDEのエディタじゃわかりにくい！　というわけで VisualStudio Codeを引っ張り出して、そこにプログラムソースである inoファイルを突っ込んで見ます。

参考URL

VSCodeでArduino開発環境の準備 - Qiita

そうすると

こんなふうに上手いことソースが色分けされて大変読みやすくなります☆

これだけでもインテリセンスさん（関数や変数の補完機能）が使えるので凄い楽！

さらに、VS Codeの右下のほうにある

＜Select Board Type＞というところをクリックして、

出てくる Arduino Board Configuration で Seeed Wio Terminal を選びます。

さらに、この時、ArduinoIDEが別窓で立ち上がっていて、Wio TerminalがUSBに刺さっていたら、あらふしぎ

ばっちり設定が読み込まれています！(∩´∀｀)∩☆

この後、VS Codeの右上にある

このアイコンを押すと、ArduinoIDEのプログラム☑チェックと同じことができちゃいます。（すごい！）

さらに、その隣の

このアイコンは、そう、プログラムをボードへ転送してくれちゃう便利機能！！

さっそくやってみます。（その前にCOMポートを指定してね）

ポチっとこの Arduino Uploadアイコンを押すと

こんなかんじでちょっと文字化けしたログが始まり、

：
ずらーっと流れて （WARNINGは(ﾟεﾟ)ｷﾆｼﾅｲ!!）
：

Done　できました！！

無事コンパイルされて転送されてます。超便利です！！
これができたらもうArduinoIDEは要りませんネッ！（たぶん何かあったら使うと思うけどｗ）

そうしてうがががっと書き換えたのがこちらです

Two Players Mode · kagurazakarasen/WioTerminal@4d5c2c3

プレイヤーモードセレクト機能追加 · kagurazakarasen/WioTerminal@e91f827

またプレイしてみる

１プレイヤーモード

２プレイヤーモード

うひょおお！！　たのしいい！！☆

最初はTRONってゲームにあわせて2つの壁が伸びていくようにしようかとおもったのですが、次の手がどうなるか読み合いになるという@MickyAlbertさんのヒントから、一つの機体（X）を二人が交互にコントロールしているイメージにしてみました。

もしかしたら根本的に違うゲームになっちゃっているかもしれませんがｗ
これはこれで面白いので良いんじゃないかなとおもいます☆

さ・ら・に！

Wio Terminalには画面の上側に3つのボタンがあります。今回、左端のボタンCをプレイヤー数のセレクトモードにしました。

↑左ボタンを押すとプレイヤーモードが変更になる。

あと２つボタンあるじゃんｗ

ってことで、真ん中のBボタンを、マップの数字を９まで確率を減らさずに出すモード（HARD MODE）変更ボタンにしました。

これを押すと、

こんなかんじで９まででてくるようにしました。（わかります？）

さらにさらに！！

ボタン３つめ。じつはやりたかったスーパーモード！！

３つめボタンを押すと……

どん！

ぐっちゃああｗ　→ イメージ的にはこんな感じｗ

ちょー細かい、8ｘ8ドットのフォント描画モード！！ もちろん９までのハードモードと同居もOK！！ （画面の上にタイトルとハイスコアを出しておくとマップ内の数字が隠れちゃうので、タイトルは消して、ハイスコアは下にもってきました）

目がちかちかするぅ！！！ｗ

めっちゃ目に悪そうですｗｗ

もしかしてオリジナル版より細かいんじゃないですかこれって？ｗ

いちおう、目に優しいとされている緑色を主体にしてはいるのですが、、これはちょっと人間工学的によろしくないですねぇｗ

まあ、超やり込みたい人向けのモードってことでｗ

仕上げ

せっかくなので、オリジナルの画面の最初についていたようなタイトル画面をつくりましょう。

こんなかんじかな？

（英文はてきとーですｗ）

上の２つの黒いのはボタンの位置に合わせてあります。タイトル画面の時や、ゲームオーバー後にそれぞれのボタンを押すと、設定を変えることができます。

最後に

ぷはー。つかれたー☆

やってるうちに色々と壁にぶつかったり、飽きかけたり（おい）して時間かかっちゃいましたが、けっこういい感じにできたんじゃないかな？　って自画自賛ですｗ

Wio Terminalなんていうワタシの他に持ってる人しらないような機械で動いてもしょうがない気もしないでもないですがｗ

一人で面白いヨーっていっててもねぇｗ

ともあれ、こういうのを一回作ってみると、この機械のできることできないこと、得意なこと不得意なことが良くわかるので、次以降の「何か」を作る時にこの経験が役に立つような気がしますｗ

とゆーわけで、勝手に自分の経験値稼ぎに突っ走っちゃった感のある自分向け連載でした。こんな製作記が皆さんの転ばぬ先の杖になったり何かの足しになると良いのだけれど、どうかなあ？ｗ

最後の最後に、プログラムソースと今までの苦闘の歴史を記したGitHubのリポジトリを置いておきます。

kagurazakarasen/WioTerminal

Wio Terminalの初期設定をして、Arduino IDEにコレを読み込ませたら、とってもおもしろい（自画自賛)ゲームが楽しめますよん♪

ってことで☆

最後の最後の最後に、面白ゲームを紹介してくださった @MickyAlbert さん、そもそものオリジナルを作ってくださった JoachimFroholt さん、とってもありがとうございました。

―――

さらにつづいちゃったりして

#WioTerminal #ゲーム制作 #レトロゲーム #作ってみた #らせん工房