イラストACにてイラストも公開中。まずはここのブログでチェック!!欲しいイラストがあれば無料でダウンロード出来ますのでDownloadへGo!

ブロックを避け続けろ!中毒性抜群の避けるパズルゲーム『Block Puzzle Avoid』をブラウザ公開してみた

ブロックを避け続けろ!中毒性抜群の避けるパズルゲーム『Block Puzzle Avoid』をブラウザ公開してみた

1. 導入:感謝と新作公開の報告

以前からこっそり開発を進めていた新作ゲームを公開することにしました。
今回のゲームはインストール不要!

このページを開くだけで、ブラウザからすぐに遊べる「ブラウザ版」としてお届けします。


2. ゲーム紹介:『Block Puzzle Avoid』

今回の主役は、上からブロックを降らせてくる「女の子」と、それを必死に避ける「オタクくん」です。

基本ルール

  • 避けて消すだけ!: 上から降ってくるブロックに当たらないよう、左右に動いて避け続けてください。4色並んだ色が完成すると消えます。

  • 難易度アップ: 時間が経つにつれて女の子の動きがスピードアップし、ブロックの落下速度も上がります。

  • スコア: 1つ避けるごとにスコアが加算されます。

ここがこだわり!

  • スマホ対応: 画面下に専用の仮想ボタンを実装しました。iPhoneやAndroidからでも快適にプレイ可能です。

  • オンラインランキング: 「全国ランキング」機能を自作しました。上位に名前を刻んで、他の読者と競い合いましょう!


3. 今すぐプレイ(ゲーム本体)

※読み込みに時間がかかる場合があります(30秒〜1分程度)。
黒い画面のまま動かない場合は、少し待ってから画面をクリックしてみてください。

↓別タブを開いてやりたい方はこちら↓
https://rino-illustrator.info/block_puzzle_avoid/index.html

4. 操作方法と攻略のコツ

操作方法

  • PC: キーボードの【左・右と下】で移動。SPまたはAで色替え

  • スマホ: 画面下の【◀】【▶】【▼】ボタンで移動。SPまたはAで色替え

攻略のヒント

女の子はランダムに動いているようで、実は……? さらに下キーは何かというと、下に向いてスペースを押せば…
追いつめられる前に同色を4色作って消し続けましょう。


5. 開発者より:技術的な裏話

今回のゲームは「Python(Pygame)」で制作し、「Pygbag(WebAssembly)」という技術を使ってブラウザ上で動かしています。

実は公開直前まで、「Googleアドセンスの広告コードと干渉して画面が真っ白になる」という謎のエラーに悩まされていました(笑)。 結局、ゲームの動作と読者のプレイ体験を最優先し、ゲーム画面周辺の広告をすべて撤去するという、ブロガーとしては苦渋の(?)決断を下しました。

その分、サクサク動くはずですので、ぜひ楽しんでください!


6. まとめ

これからも、便利な自作ツールや面白いゲームをどんどん発信していくので、よろしくお願いします! (時間があれば・・・だけどもw)