Pretext

DOM計測ゼロのテキストレイアウトエンジン。日本語テキストを使ったインタラクティブなタイポグラフィ実験。

github.com/chenglou/pretext
Masonry
4,000枚のテキストカードの高さを毎フレーム再計算して60fps。仮想スクロール付き。カラム幅をリアルタイムに変更可能。
prepare() · layout() · virtual scrolling
Editorial Engine
光球が漂う中、日本語テキストが障害物をリアルタイムに避けて3段組みでリフロー。ドラッグ操作対応。
layoutNextLine() · prepareWithSegments() · multi-column
Fluid Smoke
漢字の画数=煙の濃さ。流体シミュレーションの密度を日本語文字の視覚的な重さにマッピング。
prepareWithSegments() · Canvas brightness · fluid simulation