灯を取る。
このページには、光が要ります。
闇はキャンバス。
光の届く所が、ページになる。
光で語る · Light Field
一枚の暗幕と、
計算される光。
単一ファイル · WebGL 不使用 · いま手元のこの灯りが、描画の全てです。
光のコンソール · Console
四つのパラメータは全て状態です。スクロールも、設問も、物語も、これを駆動できます。
展示台 · Stage
光を台の上へ——光圏が自動で二段絞られます。
ハイライト・影・金継ぎの反射は Canvas のリアルタイム描画。すべて手元の灯に従います。
適用場面 · Uses
ティザー発表
新製品は闇の中に。少しずつ、見つけてもらう。
ブランドストーリー
明暗が章立て、光がカメラワーク。
展示会・暗室の導線
観客が手元の灯りで、キャプションを見つける。
スポット商品訴求
半径一段の差が、倉庫と展示ケースの差。
単一ファイル · 依存なし · WebGL 不使用——CSS 光場マスク + ステートマシン
半径 / 色温度 / 炎形 / 風、すべてプログラマブルな状態
デスクトップ：光はポインタに追従 モバイル：タップで点灯、長押しで増光
prefers-reduced-motion と「常時点灯」の二重フォールバック
本ページに計測タグはありません