大きな2D横スクロールレベルの地形の描画


12

私は比較的良いプログラマーですが、2Dゲームにいくつかの基本的なレベルを追加するようになった今、ちょっと行き詰まっています。

私がやりたいこと:私のゲームで受け入れ可能な、大きな(8000 * 1000ピクセル)「緑の丘」テストレベル。

  • これを行うための最良の方法は何ですか?

見栄えがよくなくても、ラインおよびペイントバケツツールを使用してMSペイントで作成されたように見えるべきではありません。

基本的には、何らかの形の丘の形をした草で覆われているはずです。

しかし、どのように描画する必要がありますか、鉛筆ツールを取り出してピクセルごとに描画を開始することはできませんか?


2019、質問はまだ実際です:)
Город19年

回答:


20

Photoshopにはレイヤー効果があり、これを使用して見栄えの良いレベルを非常に高速に描画できます。これがGIMPで機能するかどうかはわかりませんが、Photoshopを使用して画面上で高速に何かを取得する方法を次に示します。

説明書

  1. いくつかのほこりや草のテクスチャを取得します。私の例で使用しているものは、このfreetextureセットのものです。
  2. Photoshopでダートテクスチャを開きます。すべて選択しCtrl-AてコピーしますCtrl-C。次にEdit > Define Pattern...、メニューから選択します。パターンに「ダート」という名前を付けます。
  3. Grassテクスチャに対しても同じことを行い、「Grass」と名付けます。
  4. Photoshopで新しいレイヤーを作成し、レイヤーにPattern OverlayStroke効果を適用します。オーバーレイの「ダート」パターンと、ストロークの「草」パターンを選択します(下の画像を参照)。
  5. レイヤー上でブラシを使用してペイントします...レイヤー効果のおかげで、退屈な単色ではなく、風景としてレンダリングされます。この利点は、ブラシや消しゴムなどの通常の描画ツールを使用して、風景の一部を自由に追加/削除できることです。
  6. (オプション)空の背景レイヤーに濃い青(上)から明るい青(下)へのグラデーションを描画します(そのためにレイヤー効果を使用することもできます)。
  7. (オプション)見栄えを良くするために、「風景」レイヤーにグラデーションやドロップシャドウなどのレイヤー効果を追加します。

画像

パターンオーバーレイ設定

Photoshopパターンオーバーレイ設定

ストローク設定

Photoshopのストローク設定

最終結果

いくつかのレイヤー効果と背景付き。

最終画像

こちらからPSDファイルをダウンロードして、ご覧になることもできます。


1
そして、あなたはレベル全体に1つの大きなイメージを持っていますか?
スプーク

1
はい、レベル全体に保存できます。背景、オブジェクトなどを実際の丘から分離します。衝突検出には、アルファレイヤーを使用できます。驚くべき技術芸術のための+1 :)
ashes999

4

あらゆる種類のプラットフォーマーとゲームの多くは、タイルベースのレベルシステムを使用します。各レベルは、タイルのグリッドで構成され、場合によっては複数のレイヤーで構成されます。複数の「草の表面」タイル、複数の泥タイルなどがある場合があります。次に、巨大な画像を描画する代わりに、タイルをマップにレイアウトします。特に、テクスチャスペースを節約する傾向があります。

より高度な2Dゲームも同様のアプローチを取りますが、レベルを構成するために自由に移動、回転、および/またはスケーリングできる大きな「スタンプ」を使用し、タイルベースの手法のようにグリッドに固定されません。 Aquariaはこの方法を使用します。


2

少し退屈に見えることを気にしない場合は、平らな線(地面)に沿ってさまざまなサイズの円の束を描画し、それらを塗りつぶすことができます。マップの「地下」部分を追加してから、地面の少しのタッチを追加して、円の一番上の曲線に合わせます。次に、詳細パスを実行して草などを追加します(Photoshopでさまざまなブラシを使用している場合は非常に簡単です)。

その助け?


2

Paint.NETのコピーを入手することを強くお勧めします無料で。MSPaintよりも100倍優れています。探している意味でアートを生成するための基本的なツールがあります。

たとえば、選択を行い、選択範囲全体を特定の色/グラデーションで塗りつぶすことができます。これにより、ペンツールを使用してピクセルごとに描画する必要がなくなります。

フォトショップに近いものではありませんが、基本的なスタイルのアートを探しているこのタイプのユースケースには最適です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.