概要
グレースケールの「表示順マップ」に従って画像を段階的に出現させるノードです。
マップの暗い場所から順に表示されるので、ワイプ・描き順再生・魔法陣の展開の
ようなアニメーションが progress 1本で駆動できます。
使い方のポイント
- 基本形:
画像 + マップ → reveal、progress を📌入力ピン化して time_source → animation_render。マップの作り方が演出のすべて - マップの例: 左→右グラデ=ワイプ、中心から放射グラデ=円形展開、 ノイズ=ディゾルブ、手描きマップ=好きな順に出現
Trailモードは「境界の帯だけ表示」になり、光がパスをなぞるような 演出に化ける(trail_widthで帯の太さ)- ドット絵らしいカクカクの進行にしたいなら、段数を
Nとしてfloor(progress × N) ÷ Nの順で量子化してから入れる。0〜1の値へそのままFloorを掛けるだけでは、ほぼ全区間が0になるので注意 Revealはprogress = 0で完全透明、1で入力画像と完全一致する。edge_softnessが端点を半表示へ変えることはない
よくある失敗
- マスクと混同する: マップは白黒2値ではなく「明るさ=表示順」。
2値マップだと全体が一斉に出る(それがしたいなら
maskでよい)
関連ノード
gradient_map系のグラデ生成 /noise_generate— マップの供給源animation_render— アニメーションへのベイクopacity— 全体を一様にフェードしたい場合mask— 順序のない単純な切り抜き
モード
| 値 | 名前 | 説明 |
|---|---|---|
| Reveal | リビール | マップ値 ≤ 進行度のピクセルを累積表示 |
| Trail | トレイル | 進行度の境界付近のみ表示（移動する光の帯） |
使用例
- 完成画像 + グレースケールマップ → Reveal(Reveal) → AnimationRender — 描き順アニメーション
- 同上、mode=Trail → 光る玉がパス上を移動する演出
- SolidColor(黒→白グラデ) をマップに → 左から右へのワイプ効果
- PixelCanvas で手描きマップ → 自由な順序で出現するアニメーション
注意
Revealが読むのは「白黒の mask」ではなく、表示順を持つ progress map です。- 白黒に見えても、明るさの大小そのものに意味があるため
Mask系ではなくMap系として扱います。 - マップは左上基準で等倍に読みます。画像より小さいマップの範囲外は黒
(
invert有効時は反転後の白)として扱われます。