問題タブ [blending]

私は中程度の経験を積んだC＃開発者ですが、XNAとグラフィックス全般に不慣れです。2Dゲームを作成していて、部分的に透明なテクスチャを描画しようとしています。必要な透明度の値は、float変数に格納されます。私が見つけた唯一の解決策は、各フレームのテクスチャのアルファ値を直接編集することですが、それは非効率的です。アルファブレンディングを使用してみましたが、自分の透明度の値を使用する方法がわかりません。それを行うためのより良い方法はありますか？

編集：より多くの情報を追加しました。

divの上に画像を配置しました。画像をdivにブレンドしようとしています（divは単色です）。Google Chromeでは、見栄えがします。色は完璧に混ざり合っています。ただし、IE 7では、同じ色である必要があるにもかかわらず、色に硬い線が表示されます。いくつかの調査（実際のRGB値を確認するためにpaint.netに配置された印刷画面）の後、IE7は実際に私の画像を明るくしています。

ブレンドはシームレスに見える必要があります。これまでのところ、GoogleChromeはこれで問題ありませんでした。IE 7が正しい色を表示しない理由はありますか？

OpenGL でブレンディングに問題があります (アンチエイリアシングまたはテクスチャ ペイントの結果として)。問題の図を参照してください:

次のセットアップコードがあります

この問題の解決策を教えてください。

アルファ チャネルを持つテクスチャをレンダリングすると、透明でない部分の周りに白い境界線が表示されます (境界線は、アルファ > 0 および < 1 を持つピクセルのように見えます)。

元のテクスチャは illustrator で作成され、png としてエクスポートされます。ここにあります：

（まあ、stackoverflowが完全に不透明/透明ではないピクセルを調整して画像を変更したようですので、ここにリンクがあります）

セットアップの何が問題なのかわかりませんが、おそらくブレンディングです。

[アップデート]

これはレンダリングされたバージョンで、テクスチャの左側の部分にアルファ グラデーションを追加しました (したがって、半分まで不透明度が 0 から 1 になります)。

このテクスチャは、この位置でレンダリングされる唯一のテクスチャです。a=0.5 付近が最も白いようです。本当に奇妙です。背景はクリアされた色です：

深さ関数は次のようになります。

何か案は？どうもありがとう。

【アップデート2】

私自身の質問に答える:キャンバスの背景色またはhtmlページの本体が白の場合に効果が発生します。説明はありませんが。

Multiplyのようなブレンディングモードを使用して、Androidで2つの画像をブレンドしようとしています。

これは機能しますが、実行される乗算の「量」を制御することはできません。これは常に完全な乗算転送です。理想的には、0％の乗算は、変更なしでベースイメージ（img1）と同じになりますが、100％の乗算は、上記のコードで得られる結果になります。

paint.setAlpha()これにはうまくいかないようです。

新しい「レイヤー」の不透明度を％に設定する他の方法はありますか？

PSこれを使って乗算を機能させる方法はいくつかあります（を使用してLightingColorFilter）、事前に乗算して色を白にオフセットしますが、これは乗算モードに非常に固有です..不透明度を適用する方法を見つけようとしています/ ％他のすべての転送モードにも当てはまります。

私はしばらくこの答えを探していました。しかし、私はそれを見つけることができませんでした。

30 個の UIimages のピクセルを平均したいと思います。そのためには、すべての画像のすべてのピクセルを調べるのではなく、Quartz2D を使用して実行したいと考えています。30 枚の画像を一緒にペイントするには、それぞれのアルファ チャネルを 1/30 に調整する必要があることに気づきました。次に、一方を他方の上にペイントすると、目的の効果が得られます。

必要な数式は次のようになります: Dest Px = (img[0].px+....img[29].px)/30

私は imageContext を使用してそれを達成しようとしましたが、画像をうまくブレンドすることはできませんでした:

多くの UIimages の平均画像を取得するにはどうすればよいですか? また、多くのサブレイヤーを含む画像を追加しようとしましたが、画像が色あせてしまいます。

ありがとう！

マップ上にいくつかのポイントが配置された Web アプリケーションがあります。すべてのポイントは値に関連付けられています。良い値は緑、OK 値は黄色、悪い値は赤です。2 つの値が十分に近い場合、それらの間の色をマージしたいと思います。たとえば、1 つのポイントが赤で、もう 1 つのポイントが黄色の場合、それらの間の領域はオレンジ色になります。

ヒート マップを調べましたが、自分のニーズに合ったものは見つかりませんでした。

この問題を解決する優れたライブラリを知っている人はいますか?

2 つの画像を加算的にブレンドするにはどうすればよいですか?

ランダムなポリゴンを作成しようとしていますが、それらを重ねたいと思います。

Image.Blend と Image.paste を試しましたが、ピクセル値を「置き換える」だけです。

それが理にかなっていれば、イメージを強化したいと思います。したがって、半分透明な 2 つの画像は、完全に不透明な画像になります。

何か案は？

ここに私の小さなテスト画像があります:
http://imageshack.us/photo/my-images/851/testnb.jpg/

基本的には 2 つの画像で、左側が 1 番目の画像で、右側が 2 番目の画像です。（そして、はい、画像の1つが重なってワイヤーを「切断」していることは知っています）

残念ながら、私の照明が悪かったので、同じ背景色が得られませんでした。そうでなければ、これは簡単だったでしょう.

でも、これを見て、1枚の絵に見えるようにするにはどうすればいいですか？(真ん中の継ぎ目をなくして同じ背景色を得るにはどうすればよいですか?)

ありがとう！

私はしばらくの間、AndEngine を利用したライブ壁紙の重大なパフォーマンスの問題に取り組んできました (原因がまったくわからないうちに、別の質問を投稿しました)。これを適切に機能させるには、いくつかのスプライトをマージします。

私は、すべて同じサイズのかなり大きなスプライトを半ダースほど持っています。すべてが 1 つの画像のように見えるように、このようにしていますが、必要に応じてコードを介して各部分を異なる色に設定できます。なんらかの理由で、アルファをまったく利用するブレンディング モードを使用しているときにスプライトを重ねると (画像にアルファがなくても)、フレーム レートに大きなダメージを与えます。これ。

私が到達した解決策は、スプライトで必要なことを個別に行い、それらを 1 つにマージする必要があるということです。私はかなりの時間を AndEngine のさまざまなクラスに飛び込み、その過程で何も破壊しないように努めてきましたが、それを行う方法がわかりません。

あるスプライトを別のスプライトに平手打ちしたり、再加工したスプライトを何らかの形で一時的なテクスチャ アトラスに戻したりするのはそれほど難しいことではないと確信しています。

編集 ：：