c# - 色を変えて振動効果を得るコンポーネント

Question

今日はメトロアプリでギターアプリケーションをデザインしています。ギターフレットのコンポーネントを作成する必要があります。

どうか、誰かがそれを実装する方法について何か考えがありますか？感謝。

Answer 1

私が理解している限り、文字列の振動視覚効果を作成する方法を尋ねています。

基本的な考え方は、実際の弦が動くように、動きをシミュレートすることです。おそらく、この振動する視覚効果を実現する最も簡単な方法は、弦に垂直な方向で、弦にモーション (指向性) ブラーを作成することです。

After Effects (アニメーション ソフトウェア) を使用した例を次に示します。

最初のケースでは、文字列 (長方形) に単純な方向ぼかしを使用しました。2 番目のケースでは、同じ四角形/文字列で 2 番目のレイヤーを追加しましたが、ぼかしの量が少なくなり、私の意見ではアニメーションが少し良くなりました。

ここで明らかな問題は、Metro/C# でこれをどのように行うかということです。私はこのフレームワークに慣れていないので、正確な方法を説明することはできませんが、2 つの方法を説明できます。

1. 私の知る限り、メトロはWPFを使用しており、WPFには使用できるぼかし効果がありますが、方向性があるとは思えません。それでも、文字列が十分に単純で、エッジが画面に表示されない場合は、問題なく動作する可能性があります。

2. 難しい方法: ピクセル単位でぼかしを生成します。これを行うには、すべてのピクセルが周囲のピクセルとブレンドされることを知っておく必要があります。方向ブラーはその方向のピクセルのみとブレンドされますが、通常のブラーはその周囲のすべてのピクセルとブレンドされます。半径は、ブレンドするピクセル数を意味します。

   ブレンディングとは、色 (色成分) 間の加重平均を計算することを意味し、現在のピクセルから離れるほど加重が小さくなります。

   このように進みたい場合は、ウィキペディアの次の記事を読むとよいでしょう:ボックス ブラー、ガウス ブラー、ここで数式やアイデアを見つけることができます。