このサイトに出てくる記事、画像や動画は、他のサイトや動画サイトに使用する事を固く禁止致します。
Articles, images and videos that appear on this site are strictly prohibited from being used for other sites and video sites.

また、英語で意味が違っていた場合、日本語の意味を最優先します。


★AviUtlで困ったを解決出来るかもしれない記事のもくじ

2026年2月24日火曜日

【対戦バトル】ブログで遊べる「本格パズルゲーム」をNPCと対戦出来るように! #自作ゲーム


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

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

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

 

⚔️ ジェミ vs さな 落ち物パズル

あなた (ジェミ)
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略



0 件のコメント:

コメントを投稿

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