PLAY TYPO
text_fieldsマウスやタッチの動きに合わせて波打ち、変形するタイポグラフィ実験。
Web制作が今おもしろい。
制作者が面白がっているからこそ、訪れた人の心が動く。
あの頃の手触りと遊び心を、いまの技術で丁寧に作ります。
2000年代初頭、テキストエディタと真っ白なブラウザを前に、僕たちは夜を徹して画面を動かしていました。ボタンひとつ跳ねるだけで面白かった、あの頃の手触りと衝動。
いつしかWebは効率や指標を最優先するようになり、どこを見ても似たような枠組みに収まるようになりました。壊れにくく安全だけれど、触れても何も残らない、均質で乾いた画面。
いま、ブラウザの表現力はふたたび自由を取り戻しています。WebGPUやCSS、生成AIの進化によって、ひとりの作り手が構想できる表現の幅は劇的に広がりました。
制作者が本気で面白がって作ったものには、かならず体温が宿ります。それは画面の向こうにいる誰かにも、静かに、けれど確実に届くはずです。
触れた瞬間に素直に応える手触り。
フラットの退屈を抜ける光のニュアンス。
Web標準に沿った軽快で堅牢な設計。
背景のリール映像で動いているWeb空間の実物です。直接触って体験できます。
マウスやタッチの動きに合わせて波打ち、変形するタイポグラフィ実験。
WebGPUを駆使した巨大建築構造体のリアルタイム3Dシミュレーション。
星図データとプラネタリウムの光彩をCanvasで描いたインタラクティブ星空。
クリックやドラッグの強さに応じて水滴と色彩が弾ける流体シミュレーション。
3つの脚が重心と張力で自立する、触って観察できる3D構造体モデル。
大群衆のロボットが一斉に隊列を組み群舞する、迫力の3Dよさこい演舞。