TypespaceTypespace
Type a word and it gathers into a constellation of points, holds for a moment, then drifts back into the dark.打った言葉が点の星座になり、しばらくとどまって、また暗闇へ散っていく。
Enter TypespaceTypespace に入るChallenge課題
A typed word is the flattest thing on a screen. Typespace asks it to become a place — to gather out of scattered points, hold long enough to be read, then let go — with no AI inside the piece, so everything on screen traces back to what the person typed. The hard part was making that feel read and authored rather than like random decoration.画面の上で、打った文字ほど平たいものはない。Typespace ではそれを場所にしたかった。散らばった点から集まり、読めるだけの間とどまり、手放される。作品の中に AI は使わず、画面で起きることはすべて打った言葉にさかのぼれるようにする。難しかったのは、それを乱数の飾りではなく、読む体験として組み立てることだった。
Solution解決
Each word is rebuilt as a field of points in React Three Fiber and GLSL, so it can come apart into the same scattered light it formed from. The arc is fixed — gather, hold, return — and a Web Audio layer moves with it. There is no generative pipeline in the piece: the motion is composed, not improvised by a model.言葉は React Three Fiber と GLSL で点の集まりとして組み直す。だから集まってきた光の粒へ、そのままほどけていける。流れは「集まる・とどまる・還る」に固定し、Web Audio の音を重ねた。作品の中に生成の仕組みはない。動きはモデルの即興ではなく、作って決めたもの。
Impactインパクト
I built Typespace — words as WebGL point fields that gather, hold, and dissolve with sound.Typespace — 語を WebGL 点群にし、音とともに集まり留まり溶ける体験を作った。
What I handled担当フェーズ
- Researchリサーチ
- Business / Strategyビジネス／戦略
- Conceptコンセプト
- UX / UIUX／UI
- Design Systemデザインシステム
- Prototypeプロトタイプ
- Build実装
- Launch / Growthローンチ／グロース
Only the newest word is sharp くっきりしているのは、最後の言葉だけ
A word holds its shape only while it is new. Everything typed before it stays on screen but loosens into points and drifts, so the space keeps a short, fading history of what was written without ever turning into a page of text. 言葉が形を保つのは、打ったばかりのあいだだけ。それより前に打った言葉も画面には残るが、点にほどけて漂っていく。だから空間には、書かれたことの短い履歴が薄れながら残り、それでも文章のページにはならない。
Composed, not generated 生成ではなく、構成
There is no AI inside Typespace. The gathering, the hold and the return are authored in React Three Fiber, GLSL and Web Audio, so the type behaves like architecture you move through rather than an overlay a machine improvised. Agents helped write the code; none of them run in the piece. Typespace の作品の中に AI はない。集まる、とどまる、還るという動きは、React Three Fiber と GLSL と Web Audio で作り込んである。だから文字は、機械が即興で重ねたレイヤーではなく、中を抜けていける建築としてふるまう。コードを書くのにはエージェントの手も借りたが、作品の中では一つも動いていない。