見えない場所で文字を描画してピクセルを走査し、インクのある座標を粒の「帰る場所」として記録。 あとは約4000個の粒がバネの力で自分の席に戻ろうとするだけで、文字が浮かび上がります。
オフスクリーンCanvasに文字を描き、getImageDataで数ピクセルおきに標本化。各粒はバネ(引力)+減衰+マウス反発の3つの力で動きます。言葉が変わると目的地だけが入れ替わります。
キャンペーンLPのFV、周年サイト、イベントのオープニングに。ロゴ画像の形に粒を集めることもできるので、ブランドロゴの「登場演出」としても強力です。
Canvas 2D のみで4000粒を60fps描画(fillRect使用)。日本語もWebフォント読み込み完了を待ってから標本化するため崩れません。粒数は画面幅に応じて自動調整。