ハイスコアを伸ばすための実践攻略ガイド
土台づくりの基本から、揺れが収まるまで「待つ」判断、同色マッチを塔の立て直しに使う考え方まで。実際のゲームの挙動に基づいた攻略法を、初心者向けから順に解説します。
→ 攻略ガイドを読む物理パズル・積み上げゲーム
Pixel Balance（ピクセルバランス）は、物理エンジン Matter.js を用いて重力・摩擦・反発をリアルに計算する、ブラウザ向けの積み上げパズルゲームです。レトロなピクセルアートのブロックをタイミングよく落として塔を高く伸ばしながら、同じ色を3つ以上つなげて消す「マッチ」要素も組み合わさり、安定性とハイスコアの両立を狙う戦略性が魅力です。インストール不要でPC・スマートフォン・タブレットから無料で遊べ、Googleアカウントでログインすれば世界中のプレイヤーと「今日」「今月」「全期間」のランキングを競うこともできます。
ログインするとハイスコアをランキングに保存できます！
クリックしてブロックを落とす
同じ色を3つ揃えて消す！
画面外に落ちたらゲームオーバー
攻略のコツから開発の裏側、物理の基礎知識まで。ゲームと合わせて楽しめる記事を公開しています。
土台づくりの基本から、揺れが収まるまで「待つ」判断、同色マッチを塔の立て直しに使う考え方まで。実際のゲームの挙動に基づいた攻略法を、初心者向けから順に解説します。
→ 攻略ガイドを読む物理エンジンにMatter.jsを選んだ理由、ピクセルアートという画風の決め方、Firebaseで作るランキング機能、Android版の開発まで。小さなゲームを一人で作り運営する過程の記録です。
→ 開発コラムを読む重力1.2・摩擦0.8といった実際に使っているパラメータの意味、同色ブロックの連結判定、ゲームオーバー判定の仕組みなど、実装そのものに沿って内部の動きを説明する技術ドキュメントです。
→ 仕組み解説を読む操作方法や動作環境、ランキングへの参加方法、アカウントとデータの削除手順まで。プレイヤーから寄せられる疑問への回答をまとめています。
→ よくある質問を読む「なぜ塔は倒れるのか」を、重心・支持基底面・モーメントという3つの考え方から解説。積み木からだるま落としまで、身近な例で学べる読み物です。ゲームが上手くなるヒントにも。
→ 物理学入門を読むJavaScriptの物理エンジンMatter.jsを使って、ブラウザだけで動く物理パズルを作る手順を紹介。Pixel Balanceの実際のコードを例に、最初の一歩から丁寧に説明します。
→ 開発入門を読む積み木、やじろべえ、ジェンガ。人はなぜ「積む」ことに夢中になるのか。古典的なバランス遊びから、物理演算を使ったデジタルゲームまでの流れをたどります。
→ 系譜を読む毎秒60回の描画をどう組み立てるか。Canvasの基本APIから、requestAnimationFrame、デルタタイム、高DPI対応まで、ブラウザゲームの描画まわりを実例つきで解説します。
→ 描画入門を読む基本操作はとてもシンプルです。画面をクリック（またはタップ）するだけで遊べます。
Pixel Balanceならではの機能をご紹介します。
まずは「土台を横に広く作ること」と「揺れが完全に収まるまで次のブロックを待つこと」。この2つを意識するだけで、序盤の崩壊はかなり減らせます。
土台づくりの手順、同色マッチを塔の立て直しに使う考え方、ステッカー解除条件を目標にした練習方法など、詳しいテクニックは攻略ガイドにまとめています。
→ 攻略ガイドを読む画面右上のボタンから音量の調節やミュートが可能です。音をONにすると、楽しいBGMと共にゲームをお楽しみいただけます。
Pixel Balanceは、どなたでも無料で遊べるブラウザゲームサイトです。インストール不要で、PCやスマートフォンからすぐにお楽しみいただけます。会員登録も必要ありません（ランキングへの参加時のみGoogleアカウントでのログインをお願いしています）。
ゲーム本体だけでなく、実際のソースコードに基づいた仕組み解説、開発の裏側を記録した開発コラム、積み上げパズル全般に役立つ物理学の入門記事など、読み物コンテンツも運営者自身が執筆・更新しています。皆様に楽しんでいただけるよう、今後も機能追加や改善を行ってまいります。