にげろ！おばけちゃん

完成 2024.07.16 公開（2024.07.23 更新） © CC BY 4+ visibility271

完成 © CC BY 4+

2024.07.16 公開（2024.07.23 更新） visibility271

STM32マイコンとTouchGFX GUIを使った小さいお子さん向けの簡単なゲームです。ランダムに落ちてくる赤い星にぶつかると、おばけちゃんが消えてしまうのでタッチパネルのボタンを使って逃げよう！

folder ゲーム, データサイエンス / AI / BOT, 電子工作, ビジュアライズ, デジタルファブリケーション, ピカピカ

sell Adobe Illustrator, STM32, レーザーカッター, C++, Game, TouchGFX, STM32CubeIDE

動画

開発素材: デバイス

STM32

STM32U5G9J-DK2

ツール

Adobe Illustrator

TouchGFX

システム構成: STM32マイコンのGPIOにしておばけちゃんのお口の中の赤いLEDを光らせています。画面の状態に連動してチカチカするのが、少し楽しい。TouchGFX GUIでタイトル画面・ゲーム説明画面、ゲーム画面、GAMEOVER画面の4つの画面を作成し、ボタンで推移します。

機能追加！音が鳴るようになりました！なんとカンタンな曲もできました！

機能追加したんでショート動画を撮りました！ https://youtube.com/shorts/T1o33rJUutw?si=THzUTNhUNqRX3egR

ストーリー: はじめに

アイデアソンに参加してSTM32U5G9J-Dk2をゲットできて、とても嬉しかったので、なんか作らなければ！！っといろいろ考えて、小さい子でもできるゲームを作りました。

こだわり

最初漢字混じりの説明にしていたのですが、ひらがなとカタカナだけにしました。ひらがなだけだと読みにくいので、読みやすいように既存のフォントを縦長にして工夫したり、~~ボタンはSTOPとGAMEOVERだけは英語のままですが、他はひらがなにしました。~~ ここも、STOPをおわるにかえました！

外形もおばけちゃんの形にしたかったので、白と黒と赤のアクリルを使って表現しています。アクリルだけだと割れやすいので、裏側はMDFにしました。

うちの子の評価

GAME OVER画面が出て5秒したら最初のタイトル画面に推移するようにしてたのですが、小学生の次男からしたら「長すぎ〜2秒でいい！」らしいです。

ゲーム画面では「星が落ちてくるのがランダムすぎてダルい」、「当たり判定の幅がデカすぎ！なんか変！」「これライフ追加してみたら？」といろいろと的確なことを言ってくれて、意外と長く遊んでくれたので妙に嬉しかったです。

スケールを変えていたのが当たり判定がおかしい原因だったので修正しました。あと星とおばけちゃんの大きさを変えてゲームしやすくしました。

感想

ゲーム音がないのが淋しいので、圧電スピーカーを鳴らすプログラムも追加したんですが、突然STM32U5G9J-Dk2.iocが開かなくなってしまったので出来ませんでした。どうもバージョンアップしなければならないらしい。

最新版にアップロードして、おばけちゃんを移動させるボタンを押すと音が鳴るようにしました。スタートボタンを押すと、曲がながれるようにしました。(ChatGPTが曲を作ってくれました）星が当たってしまったら、残念な感じの音がなるようにしました。あと、当たったら自動でGAMEOVERの画面に推移するようにして、GAMEOVERの画面は3秒で最初の画面に切り替わるようにしました。

ChatGPTに聞きながらプログラムしていると、どつぼにハマって、最初から作り直すことがあったりで、TouchGFX GUIの使い方は少しだけわかってきたカモ（嘘です。まだまだ全然わかってません）

最初は全然動かなくてエラーがとれなくて、6月末に公式で対応されてからはTouchGFX4.24とCubeIDE 1.15.1にしてゴニュゴニョしてたらエラーがでなくなって、なんでできるようになったかは謎。~~まあそれでもLEDをつけるぐらいしかできなかったんですが、ちょっと自分が思っている挙動と若干違ってて・・・謎。~~ スピーカーから音階を鳴らせるのに成功したのがホントうれしかった！

詳しいみなさんがGatherでいろいろお話をされていて、別作業してて聞き専だったので申し訳なかったのですが、よくわからないお作法的な使い方を言ってくださってたおかげで、簡単なものですが作成できました。

discordでのコミュニティがあるおかげで外形やネジ穴も図らなくてもよかったし、大感謝です！

イラストや文字をTouchGFXで組み合わせるのはともて楽しくて、いらすとやさんのおばけを、イラストレーターでトレースしてレーザーでカッターでアクリルを切って全体もおばけちゃんの形に出来たのが、うちの子にウケたのでとても満足です。動画も無事できてよかった！

いや〜ものづくりってホントに楽しいですね！ありがとうございました。