2026年2月24日火曜日

【対戦バトル】ゲーム第4段!ブログで遊べる「本格パズルゲーム」 NPC巫女さんと対戦バトル! #自作ゲーム


前回、HTMLとJavaScriptで作る、ブログで遊べる本格派パズルゲームというものを作って公開しましたが、それはただ無限にパズルをしていくだけというものでした。

どういうものか遊びたい!という人もいると思いますので、まずはゲームをどうぞ。

解説や雑談はゲームの下に記述します。

更新履歴・おしらせ
2026/02/27
・NPCの思考パターン変更
・ハードはより連鎖をする思考に変更
2026/02/26
・記録が残せない不具合を修正を修正
・スマホでも操作出来るようにボタンを追加
NPCの思考パターンを修正
ハードのNPCに連鎖思考を入れる
2026/02/25 NPC思考パターン調整
2026/02/24 公開日
操作方法は前回と同じ PCはキーボードの左右キー、Zで回転、Xで即着地

⚔️ 激闘!連鎖の極みパズル

あなた (ジェミ)
Score: 0
Max Combo: 0
NPC (さな)
Score: 0
回転
即着地
さな「あなたの強さ、私が見切ってみせるわ!」

🏆 スコア記録
  • 記録なし
🔥 最大連鎖記録
  • 記録なし

さて、それでは今回の簡単な解説を。

今回、前回のを改造するとこういうものも作れるよ!というのをやってみました!

なんと、NPCと対戦バトルが出来ます!!

前回のゲームの簡単な解説をYouTubeとニコニコ動画の両方にアップしたところ、ニコニコ動画の方にコメントで連鎖ボイスとイラストとありました。


キャライラストの導入

実はどっちもやってみたい!と思っていたものでしたし、コメントくださった方のコメントでテンションが上がりましたw

と言っても連鎖ボイスは…ゆっくりボイスを使ってどこかのサーバーにアップしないといけないというのがあり、流石にHTMLのゲームじゃ難しいかなぁ…と諦めたのですが、キャライラストを付けるというのはBloggerのMediaManagerというのを使えば可能では?と思ったのでやったところ、出来ました!

という事で、今回のはNPCと対戦が出来るものとなりました!(≧∇≦)


もちろんイラストは私はそういうのが描けないので、見た目や服装等をGeminiに伝えて生成してもらい、それをGIMPで加工して表情も付けました。


難易度が選べる!

最初に作ったものはNPCが弱すぎ、簡単に勝ててしまってつまらなかったので、だったらNPCの難易度を選べるようにしたらどうだろう?

という事で、イージー、ノーマル、ハードというのを入れてみました。

ハードになると速度もアップし、NPCも結構強くなります。


スコアと連鎖数が記録される

NPCを倒すか負けたあと、自分だけのですがスコアと連鎖数が記録出来るようになりました。

それぞれTOP3の記録だけが残ります。

また、このゲームだけのスコアのデータを削除する機能も付けてもらいました!

こういうの可能?とGeminiに言ったら作ってくれた!

ありがとうGemini!!ヽ(T∇T )ノ



他にも色々やってみたいのですが、さすがにHTMLじゃ限界がありますからねぇ(^^;

頑張れば出来るらしい事

他のユーザーの記録も見れる

というかトップしか記録に残らないようにする。

これはスプレッドシートを使って記録されたら、私のスプレッドシートに記録が送信されてくるそうなのですが、他にもやらないといけない事があるとの事だったのでやめました。

誰の記録とかの名前入力とかも大変そうですし(^^;


連鎖ごとにボイスの変わりにピコピコ音源を鳴らす

というのをGeminiが提案してきたのですが、連鎖中の玉が落ちるのが早く音源が鳴り響いたら邪魔になりそうだったのでやめ。

他にも連鎖中に掛け声、ぷよぷよとかでいうアルルとかの呪文とかですね。

あれをテキストで演出つけて画面内に出しては?という提案もあり、お?それいいな、と思ったのですが…連鎖中にそんなのが画面内に出たら、プレイヤーの邪魔になるのでは!?と思ってやめました(^^;


あと考えたのは…。

登場キャラを増やす

これも可能だとは思うのですが、同じくHTMLでやったら激重になるのでは!?と思ったので中止。


演出ごとにキャラクターが動く

連鎖中にキャラが動いたらすっごくいいですよね!(≧∇≦)

だが…HTML略


ちなみにアップした動画へのコメントか、ここの記事にてコードを教えてほしいというコメントが付いた場合、ここの下記にコードを載せますが…本当に長過ぎますので驚かないように(^^;

※もしコードを自分のブログで使いたい!という人がおりましたら、お手数おかけして申し訳ありませんが、ここのブログの記事のURLの貼り付け(画像にリンクとか、文字にリンク等でもOK)をしてくれたら嬉しいです。


あと、私が使ってるここのゲームのキャラ画像は各自で用意した画像に変更しちゃって下さい。

一応このゲーム登場キャラのジェミとさなは私が生成してもらったキャラですので、同じ画像より各自のオリキャラの方がいいかな…と思ってます。


0 件のコメント:

コメントを投稿

I'm sorry, Japanese text only.
荒らし目的と思われるコメントは気づき次第対処します。