小さな印。
空間の気配。

各点に3つの座標を。

横、縦、奥行きの座標から始めます。シード付き乱数で毎回同じ点群をつくり、広い円柱状に配置して中央に余白を残します。印の数を増やしても配置を作り直さず、同じ点群の続きを表示します。

試してみよう： 「点」を選び、印の数を300から2400へ変えます。最初の点は同じ位置にあります。この段階では奥行きを明るさで表し、遠近法を加える前に点群を観察できます。

距離で割る。

近い点ほど大きく、消失点から遠くに見えます。遠い点ほど小さく、消失点に近づきます。横と縦の座標を奥行きで割り、焦点の倍率を掛けます。全体がひとつの関係で動きます。

試してみよう： 「奥行き」で遠近感を増やし、停止して中心をドラッグします。全体が同じ消失点に反応します。矢印キーで微調整、Homeで中央へ戻せます。

前へ進み、戻る瞬間を隠す。

共通の位相を進めて各点の初期奥行きから引き、範囲内に折り返します。手前に届いた点は遠方に戻り、また進み始めます。

両端で不透明度を下げると折り返しが目立ちません。静かに消え、遠くで再び現れます。投影時のゼロ除算を防ぐため、手前の奥行きはゼロより大きくします。

試してみよう： 移動速度を下げ、飛行位置を調整します。同じ点群が奥行きの周期を移動しています。操作中は自動で停止し、再開すると選んだ位置から続きます。

文字も粒子になる。

文字の小さな画像を一度だけアトラスに保存します。各点はそこから文字を選び、毎回文字組みせず画像をコピーします。投影倍率と不透明度で点と同じ奥行きに置きます。

少し遠い奥行きでも投影し、現在位置との間に短い線を描きます。蓄積する残像ではなく毎回描く手がかりなので、位置調整、停止、保存でも安定します。

試してみよう： 「印」と「見た目」で点と輪、コード記号、星を比べましょう。軌跡をゼロから増やし、向きが分かる最小の長さを探します。

文字マスクでセルを選ぶ。

小さな画面外の画像に言葉を描き、等間隔の格子で調べます。明るい場所に小さな印を置き、空白はそのまま残します。細かい格子ほど輪郭が鮮明になります。

言葉は中央の固定した平面に置き、粒子は背後を移動します。同じ文字アトラスを使うことで共通の表情が生まれます。小さなキャプションで画面を整えます。

試してみよう： 「空間」と「文字」でFLOATを短い言葉や日本語2文字に変えましょう。精細さ20%と90%を比べ、文字を非表示にして空間だけも見ます。

色で奥行きを支える。

広い放射状グラデーションで中央を濃い青、端を明るくします。淡い光で空気感を加え、印の不透明度を抑えて軌跡と中央の言葉を共存させます。

淡い青紫は昼の柔らかさ、夜の青は印の明瞭さ、暖かな霧は温かい気分をつくります。言葉と飛行位置を固定して比べましょう。

動きを減らす設定では停止状態で始まります。非表示や画面外では更新を止めます。保存すると現在の段階、位置、色、文字を1600 × 1200のPNGにします。

試してみよう： 一瞬を止め、空気の色と強さを変えて2枚保存します。どちらで奥行きを感じますか。

座標、印、仕上げを分ける。

ノードでつくる場合は、まず点群、カメラ、描画を用意します。位置をx・y・zのチャンネルや属性で保存し、Geometry COMPのインスタンスのTranslate X・Y・Zへ対応させます。

zを一定範囲で進め、手前と遠方の不透明度は別に管理します。まず点か平面でカメラと倍率を確認します。Geo Text COMPの文字を空間に置く際は、透明な矩形の合成と描画順に注意します。

中央の文字は文字画像をセルに読み取って別に構成し、粒子と背景に合成します。基本の動きが伝わってから残像を加えましょう。ブラウザー版も同様に分け、投影から軌跡を計算します。