v2 エフェクト
BgEffectProjectorFlicker
古い映写機のフリッカーを模したエフェクト。レトロ・アナログ・ノスタルジックな演出に。
PREVIEW
デモ
※ このエフェクトは明暗のフリッカー（黒→透明の揺らぎ）で表現されるため、ダーク背景では効果が見えません。ライト背景での使用を推奨します。
概要
古いフィルム映写機の光のちらつき（フリッカー）を再現したエフェクトです。不規則な明暗の点滅がレトロな雰囲気を醸し出します。BgEffectVintageFilm と組み合わせることで、より本格的な古映画の質感が得られます。
CSS カスタム変数
| 変数名 | デフォルト | 説明 |
|---|---|---|
--projector-flicker-alpha |
1.0 |
明滅の強度係数。小さくすると点滅が控えめになる |
使用例
セクションへの適用
sections:
- template: hero
title: "タイトル"
effects:
- BgEffectProjectorFlicker
ページ全体への適用
---
layout: layouts/base.njk
effects:
- BgEffectProjectorFlicker
---
BgEffectVintageFilm との組み合わせ
effects:
- BgEffectProjectorFlicker
- BgEffectVintageFilm
CSS 変数での調整
:root {
--projector-flicker-alpha: 0.6; /* 控えめな明滅 */
}