ピクセルゲームメーカー

Q: ピクセル ゲームは 2D ゲームと同じですか?

ピクセル アートは視覚的なアプローチです。 2D は、シーンと動きがどのように表現されるかを表します。 2D ゲームでは滑らかなイラストを使用できますが、ピクセル スタイルのゲームには 3D 要素が含まれる場合があります。

Q: すべてのスプライトは同じキャンバス サイズを使用する必要がありますか?

関連するアニメーション フレームは一貫したフレーミングから恩恵を受けますが、すべてのオブジェクトの寸法が同じである必要はありません。重要なのは、共有されたスケールと予測可能なアンカーです。

一貫したピクセルグリッド、読みやすいシルエット、安定したアニメーションフレームを中心にピクセルゲームをデザインします。世界を描く前に、小さなシーンを使用してアートルールをテストします。

今すぐ遊ぶ

このページはプランニングガイドです。 Elseland Game Maker はまだ一般公開されていません。 Web サイトでゲームを閲覧したり、モバイルアプリでプレイしたりできます。

グリッド、パレット、アニメーション

ツールを選択したりプロジェクトを拡張したりする前に、これらの決定を行ってください。

ネイティブ解像度

ゲームを設計するサイズを選択し、それをどのようにスケールするかを決定します。異なるピクセル密度で描画されたアセットを混合すると、1 つのキャラクターが単純な環境とは比べものにならないほど詳細に見えることがあります。

パレットとコントラスト

プレーヤー、ハザード、背景に個別の値の範囲を与えます。意図的に小さなパレットから始めます。重要な物体は、色相の区別が難しい場合でも認識できるようにする必要があります。

フレーム調整

キャラクターの足または選択した別のアンカーをフレーム間で一貫した位置に保ちます。ベースラインを移動する歩行アニメーションは、ゲームオブジェクトが静止している場合でもジャンプしているように見えます。

タイルと衝突

衝突輪郭とは別に装飾エッジを描画します。マップを作成する前に、動きを妨げるタイル、単なる風景、一方通行の面を表すタイルを決定します。

要件からテスト可能な結果まで

最初のバージョンを検査できる程度に小さくするには、以下のシーケンスを使用します。

01
スケール基準を作成する
ドア、プラットフォーム、ハザードの横にプレイヤースプライトを 1 つ配置します。拡大されたエディタービューだけを判断するのではなく、相対的なサイズを選択し、ネイティブ解像度で検査してください。
02
1 つのアクションをアニメーション化する
一貫したキャンバスサイズでアイドル状態とウォーク状態を準備します。それらの間の遷移をテストします。攻撃や複雑なエフェクトを追加する前に、足の滑りとシルエットの変化を修正します。
03
読み取り可能な部屋を 1 つ構築する
同じタイルを使用して、明確な出口のある短いパスを作成します。説明なしにテスターに安全な地面と危険性を特定してもらいます。解釈が間違っている場合は、コントラストと衝突を調整します。

応用できるサンプル概要

独自の計画例であり、Elseland がこの結果を生成したと主張するものではありません。

概要の例

ランタン宅配室

16 × 16 px のタイルで横視点の部屋を設計します。配達員の各フレームは 16 × 24 px とし、明るいランタンを持たせます。鍵のかかった扉、鍵、穴を一つずつ配置し、背景のコントラストは通路より低くします。歩行アニメーションは4フレームで、足元の基準位置を揃えます。初めてのプレイヤーが文字による説明なしで出口を見つけられれば、この場面の検証は完了です。

展開する前に結果を確認してください

具体的なチェックは、同じプロンプトの別のバリエーションよりも便利です。

スケーリング

選択した表示スケールに不均一なピクセルサイズやぼやけがないか確認してください。目的のピクセルプレゼンテーションに適した宛先エンジンのフィルタリングとビューポート設定を使用します。

アニメーション

フレームを個別にステップスルーします。キャラクターは安定したボリュームとアンカーを維持する必要があります。浮遊ピクセルが端で点滅してはなりません。

可読性

装飾レイヤーを非表示にします。標識がない方がルートがわかりやすい場合は、標識を追加する代わりに視覚的なノイズを減らします。