以前自分がひとりでやっていた遊びをブラウザゲームにします。

使用するのはbase44というノーコードプログラミングツールです。

現在の完成形はこんな感じです。

1.ゲームの概要を記載する

今回はシンプルなゲームなので、下書きしたテキストをそのまま貼り付けます。ここまで具体的に書く必要さえありません。
細かい仕様が決まっていなくても後から手を加えられるので、とりあえず大枠を作成することをおすすめします。

すると、AIが計画を返してくれます。21秒しかかかっていません。

重要なお知らせ！なるほど、たしかにbase44で作ったゲームは頻繁にタイムラグが発生するので、あらかじめ教えてくれたんですね。しかし早押し式の得点システムではないので問題ありません。

2.たたき台ができる

次の瞬間、もうデザインも構成も実装されたページがあっというまに書き出されました。５分とかかっていなかったと思います。

ただ、なぜかルーム作成ができなかったので修正指示を出します。

修正が完了し、通常のブラウザとシークレットブラウザ、一人二役でゲームをテストします。きちんとルームIDも機能しています。

3.修正する

原因までわからなくても、指示を出さなくても、困っていることを書けば直してくれます。

細かいことは注文せずとも、ちゃんと親は親の、子は子の画面になりました。

スマホのは縦に、PCの場合は横にカラム並ぶのも、何も指定せずとも勝手に汲んでくれました。

テストプレイをしていると、もっとやりたいことが明確になってきます。「市販の・既存のゲームなら、このタイミングでこれが出るはず」という差異が見つかってきます。例えば、「今何問目かがわかりにくいのはストレスだ」とか、「スマホでフリック入力する15秒とPCでタイピングする15秒は違うな」とか。世に出ているものはこんなに考え抜かれているのかと、気づきがざくざくで面白いです。

練習モードの修正指示｜1回目

AIと会話していると、自分の出す指示も自然と箇条書き化されていきますね。

練習モードの修正指示｜2回目

会社でテストプレイをしてもらったら、ゲムマ出店経験のあるメンバーから「SNSで拡散したくなるしくみがあると良い」というフィードバックをもらいました。
そこで、結果を画像書き出しできるようにしました。

1. スコアを保存

   • …お題と説明と点数が書き出せる。

2. クイズを保存

   • …お題が隠された状態で、あいまいな説明が並んだものをクイズとしてシェアできる。

まさにこんな感じ！あとはデザインを整えれば！
しかし、これが最大の泥沼にはまりまして…

いくら直しても直らない。テキストをボックスの真ん中にして、もう少し均等にバランスを取るだけのことが一向にかないません。

もし自分にプログラミングの知識があれば手書きで直せるのでしょうが、全てＡＩで作成しているためどこを直せばいいかわからないのです。

しかしせっかくなので、しばらくこの修正を頑張ってみます。

ともかく、素人でもゲームが作れた

自分は言葉の定義や、人がそれぞれ最初に想像する認識の齟齬に興味があります。なので、普通に一人で電車を待ってるときに自分で遊んだりしています！

このゲーム遊んでみたいという方がいたらぜひお声がけください！

同時進行でもう１本、インテリパーティーゲームも作成中です。学びが多かったので、また記事にします。