2Dゲームでトーチライト効果（光源の周りの明るい領域）を実現できますか？

シンプルな2Dゲームを自分で書くことを考えています。最初は完璧なグラフィックスやゲームプレイでは輝きませんが、PCゲーム開発の最初のステップと考えています。したがって、このような単純なスプライトベースの2Dゲーム（ヒーローズIVやStartcraft BroodWarなど）を想像してください。

照明の変化に応じてゲームプレイが昼夜をサポートし、同時にすべての照明のニュアンスにスプライトを作成しなければならないのは気が狂います。そこで、他のオブジェクトの上に半透明のレイヤーを追加するだけで十分だと判断しました。

このソリューションの問題は、ゲーム内に光源オブジェクト（トーチを着ているヒーローや燃えている建物など）がある場合、その周囲に明るい領域が必要であるということですよね？私は半透明のレイヤーをすべての上に置いているので、私が望むトーチライトの視覚効果を実現するにはどうすればいいですか？照明効果に基づいて「ギャップ」または異なる色の領域を追加して、そのレイヤーを再描画することはできますか？

プログラミングの対象がわかりませんが、XNAでこれを処理する方法は次のとおりです。

1. 描画呼び出しで、List<Light>オブジェクトが作成/クリアされます。
2. タイルの描画ループ中に、各タイルにライトが関連付けられているかどうかが確認されます。存在する場合、Lightオブジェクトはに追加されますList<Light>。
3. タイルは独自に描画されますRenderTarget2D。
4. タイルループの後、Lights のリストは繰り返し処理さRenderTarget2Dれ、次のようなテクスチャを使用して独自に描画されます：（
   注：ここではR、G、Bの値を使用しましたが、おそらく、実際のテクスチャ。）
5. カスタムシェーダーを使用して、タイルサーフェスを画面にレンダリングし、各ピクセルで「暗さ」の値をサンプリングするパラメーターとして照明サーフェスを渡します。

ポイント4について：

実際には、2つのカスタムシェーダーがあります。1つは照明レンダーターゲットにライトを描画し（ステップ4）、もう1つは照明レンダーターゲットを使用してタイルレンダリングターゲットを画面に描画します（ステップ5）。
ポイント4で使用されるシェーダーを使用すると、「明度」値を（私が呼んでいる）追加できます。この値はfloat、テクスチャをレンダーターゲットに追加する前にテクスチャの各ピクセルに対して乗算されるため、本質的にライトを明るくしたり暗くしたりできます。
この時点で、ライトの「スケール」値も考慮します。つまり、1つのテクスチャのみを使用して、大きなまたは小さなライトを作成できます。

ポイント5について：

ライティングレンダーターゲットは、基本的に各ピクセルの値が0（黒）〜1（白）であると考えてください。シェーダーは基本的に、タイルレンダーターゲット内のピクセルのRGB値に対してその値を乗算して、最終的な描画イメージを作成します。

また、ここにいくつかのコードがあり、昼/夜のオーバーレイカラーとして使用する値を（シェーダーに）渡します。これもRGB値に乗算され、ライティングレンダリングターゲットの計算に含まれます。

私はこことここでより詳細なブログ記事を書きました。現時点では時間がありませんが、必要に応じてgamedevで詳細を確認できます。

ああ、ここで私の地図エディターでそれを見てみましょう：

通常、2Dゲームの照明は、すべてのスプライトの法線マップを作成してから、2Dスプライトの3D照明効果を計算します。これは大まかに「2.5D」として知られています。しかし、私はしません、最初のゲームでは複雑なため、これを行うことはお勧めし。

XNAでこれを行った人の素晴らしいビデオを次に示します。http：//www.youtube.com/watch？ v = -Q6ISVaM5Ww

そうは言っても、おそらく、さまざまな前提で機能する擬似照明システムをごまかして取得する方法があります。

達成しようとしている効果について完全に具体的でない場合、アプローチを提案することは困難です。ライトが環境によって遮られるかどうか、ゲームの視点、ライトが環境とどの程度相互作用するかなどの詳細。

私は2セントを落とします。Catalin ZimaによるDynamic 2D Shadowsというタイトルのこのチュートリアルがあなたの法案に合っているかどうかを確認してください。ご覧のとおり、ライトには半径があり、障害物を通過しません。半径と色を少しアニメーション化して、実際のトーチライトに近づけることができます。

この場合、ライトはシーンの上部の一種のオーバーレイとして機能しますが、障害物を考慮していますが、ジョンの例と同じ程度には相互作用しません。

編集

カタリンは参照として使用した別の記事にリンクしていますが、リンクは壊れています。これが更新されたリンクです。