雰囲気と背景 · ページの空気
マトリックスレイン代码雨
- 流れ落ちる
- 列になる
- 落ちるほど薄い
文字の列が上から下へ落ちます。列ごとに速度が違い、下へ行くほど暗くなり、底に着くと上から始まります。個々の文字は動きません。進んでいるのは列です。だから「文字が飛ぶ」ではなく「データが流れる」に見えます。
使いどころ
テック、セキュリティ、AI の雰囲気作りに、不透明度 0.2 以下・内容の後ろで使います。本文の後ろには置かず、reduced-motion では静的なグラデーションに落としてください。画面いっぱいに動く文字は読む妨げになります。
パラメータ
columns 26 · fall 42–120px/s · per-column delay 0–1.6s · trail 18 chars · opacity 0.18 · linear, loops forever
レシピ
マトリックスレイン → columns 26 · fall 42–120px/s · per-column delay 0–1.6s · trail 18 chars · opacity 0.18 · linear, loops forever
AI に渡す一文
マトリックスレインの背景を作ってください。文字幅で 26 列に切り、列ごとに落下速度と開始遅延を持たせます。列の中では上から下へ 18 文字を描き、下ほど不透明度を下げます。列が画面を出たら上から再開します。毎フレーム進め、イージングは使わないでください。全体の不透明度は 0.18 にし、内容の後ろに描きます。