ピクセル シェーダー エフェクトの例
-
20-09-2019 - |
質問
画像上の渦巻きなど、ピクセル シェーダー エフェクトの例を数多く見てきました。しかし、シェーダー エフェクトをより実践的に使用するための例やチュートリアルを知っている人はいるでしょうか?
渦巻きエフェクトに用途がないと言っているわけではありません。私が見つけた例の多くでは基本的なエフェクトが説明されており、それが別のエフェクトやトランジションと微妙にどのように使用されるかについては触れられていません。素晴らしい効果を生み出します。ビデオがあります ここ, これは、WPF エフェクト ライブラリのすべてを概説していますが、実際のコンテキストでそれらの一部をどのように使用するかわかりません。
たとえば、Flash 8 にぼかしなどのエフェクトが登場したとき、ぼかし効果を使用してテキストの速度が速くなったクールな効果を作成する方法を示した素晴らしいビデオを見つけました。そのビデオは、Flash の効果で何ができるかについて多くのアイデアを呼び起こしました。 8.ピクセル シェーダー エフェクトで同様のものを探しています。
解決
私はさまざまなコンテキストでピクセル シェーダーを使用してきました。主にユーザーを驚かせるためです。
ここで私からの例を 2 つ挙げます。Silverlight/WPF の Genie 効果: ライブデモ
代替テキスト http://img121.imageshack.us/img121/6074/genied.jpg
Silverlight 4 での Web カメラのサポートは、シェーダーと組み合わせることで無限の楽しみをもたらします。白い表面にビル・ゲイツの顔を浮かび上がらせて会議出席者を驚かせた。ウェブカメラの横に懐中電灯を設置してみたところ…
Web カメラ アプリケーションは次の場所からも入手できます。 ライブデモ (あなたは必要になるでしょう Silverlight 4 ランタイム & ウェブカメラ)。
ユーザーを驚かせることは、シェーダーの使用方法だけではありません。GPU でコストのかかる微積分を実行することもできますが、実際の適切な例は見つかりません。そして、あなたがゲーム開発者であれば (私はそうではありませんが)、おそらく日常的にシェーダーを使用しているでしょう。
実際の使用方法、特に WPF/Silverlight テクノロジに関する説明はネット上にあまりありません。から始めて、隣接するトピックを検討する必要があります。 HLSL言語仕様 そしてフラッシュで終わる ピクセルベンダー. 。まずは次のような参考文献を参照してください。
- HLSL の概要 チャン・リー著。
- WPF ピクセル シェーダー エフェクト ライブラリの発表 下部にいくつかのリンクが含まれています。
- シェーダー X2 ブック Gamedev.net で。ShaderX2 ブックでは、さまざまなシェーダー アプリケーションが紹介されています。それらの多くは WPF には適用できませんが、それでも読者に実用的な使用感を与える可能性があります。
私も 説明された ジニー効果をどのように作成したかについて詳しく説明していますが、説明はロシア語でのみ利用可能です。
私の知る限り、WPF コントロールにはシェーダーの組み込みの使用法はありません。
お役に立てれば :)。乾杯。
他のヒント
ピクセル シェーダー エフェクトが可能にする実際的なことの 1 つは...は ブレンドモード.
ロビー・インゲブレッツェンの作品をチェック 役職 この問題については (リニア バーン ブレンド モードを活用する便利な方法について説明しています)。StackOverflowもあります 質問 この件に関しても。
実際、私は実際に WPF と Silverlight 用のブレンド モード ライブラリを作成し、それを私のサイトで自由に利用できるようにしています。 ブログ. 。以下は私のすべてのブレンド モード投稿のリストです (すべてにソース コードとバイナリが添付されています)。
- ブレンド モード、パート I
- ブレンド モード、パート II
- Silverlight のブレンド モード
- ブレンド モード、パート III
- ブレンドモード:不透明度を認識するようになりました
- ブレンドモード:WPF 4.0 による色相、彩度、色、明度
これがあなたの想像力を刺激することを願っています...図書館をいじってみたら教えてください!