動的マスク表示 - オンライン視覚効果 | 51yifei
オンラインで動的マスク表示視覚効果を体験、ダウンロード不要、すぐに使えます。51yifeiは数百のインタラクティブ視覚効果ツールを提供。
暗いフィールドの下に彩りのある流れるパターンが隠れ、移動するマスク（スポットライトやバンド）が通る場所だけが明るく照らされるように、まるで懐中電灯を暗闇を照らすように。マウスを動かしてマスクを操作し、「Shape」をタップしてスタイルを変更します。
このツールについて
動的マスク表示は無料のオンラインビジュアルエフェクトです。暗い場の下に流れる色彩模様が隠れ、動き回るスポットライトのマスクが通った所だけが現れます。集中したい時やリラックスしたい時、ちょっとした楽しみに最適です。ブラウザだけで使え、ダウンロードや登録は不要です。
このプロセス全体は純粋なフロントエンドアニメーションで、CanvasのglobalCompositeOperationアトリビュートに基づいたマスクエフェクトを実装し、Berlinノイズを使用してマスクの変形を制御します。
ページを開くと、マスクのアニメーションが表示されます。マスクは絶えず変形したり移動したりして、下にある画像やテキストを明らかにします。マスクシェイプ、アニメーション速度、下に置かれたコンテンツなどのパラメータを調整できます。
画像表示、テキスト表示、または純粋にマスクアニメーションのダイナミックな美しさを鑑賞するために最適です。実装原理はCanvas 合成モードとBerlinノイズです。
Dynamic Mask Revealは、Dynamic Maskを使用して下の画像を明らかにする視覚効果で、Canvasに基づいてマスクアニメーションをリアルタイムでレンダリングします。