EFFECT PLUGINS / 背景エフェクト
VintageFilmEffect
フィルムグレイン・スクラッチノイズを重ねるエフェクト。レトロ・映画的・ノスタルジックな演出に。
概要
画面全体にフィルムグレイン（粒子ノイズ）とスクラッチ傷を重ねるエフェクトです。まるで古いフィルム映画を観ているような質感を与えます。ProjectorFlickerEffect と組み合わせるとより本格的なレトロ映画の雰囲気になります。--vintage-film-alpha で効果の強さを調整できます。
CSS カスタム変数
| 変数名 | デフォルト | 説明 |
|---|---|---|
--vintage-film-alpha |
1.0 |
全体強度係数。小さくすると効果が控えめになる |
使用例
セクションへの適用
sections:
- type: hero
title: "タイトル"
effects:
- VintageFilmEffect
ページ全体への適用
---
layout: layouts/base.njk
effects:
- VintageFilmEffect
---
ProjectorFlickerEffect との組み合わせ
effects:
- VintageFilmEffect
- ProjectorFlickerEffect
CSS 変数での調整
:root {
--vintage-film-alpha: 0.6; /* 控えめなグレイン */
}