汚れを色付けできるブラシを作成する方法が必要です。
写真の例: 左側に 2 つの異なる色の基本的なブラシを使用した右側のペイントもペイントしますが、さらに汚れツールを使用すると、結果は左側のようになります。
どのようにすればよいかアドバイスが必要です
2731 次
2 に答える
2
にじみ効果を実現するには、ピクセルを操作する必要があります。
を使用してキャンバスからピクセル情報を取得できますcontext.getImageData。
ユーザーが架空のブラシを既存のピクセルの上に移動すると、次の方法で実際のブラシで汚れを模倣できます。
画像データを使用して、ユーザーがこれまでに移動した平均色を計算します。
fillStyleをその平均色に設定します。fillStyle のアルファを半透明の値 (おそらく 25%) に設定します。
ユーザーがブラシをドラッグすると、半透明の色平均塗りつぶしを使用して、既存のピクセルの上に一連の重なり合う円が描画されます。
特定のクライアント デバイスの処理能力が高い場合は、シャドーイングで効果を高めることができます。
于 2015-01-28T17:34:16.180 に答える