01ウラムの螺旋
HyperFrames · Canvas 2D · GSAP
HyperFrames、GSAP、Three.js、Blender、ElevenLabs、ChatGPT 画像生成。Claude Opus 5.5 が道具を組み合わせ、台本から音の同期までをコードで書いた短編のアーカイブです。カードに触れるとプレビュー、選ぶと音付きで再生します。
60FILMS
22CHAPTERS
18:45RUNTIME
I
数理生成
数式そのものが絵になる
5 FILMS
02フーリエの署名
HyperFrames · Canvas 2D · GSAP
03マンデルブロ集合の奥へ
HyperFrames · WebGL2 · GSAP
04反応拡散
HyperFrames · GSAP · SVG
05万華鏡の群論
HyperFrames · WebGL2 · GSAP
II
タイポグラフィと言語
字形・書き順・二言語を構造として扱う
5 FILMS
06意味どおりに動く言葉
HyperFrames · GSAP · SVG filter
07永字八法
HyperFrames · GSAP · Canvas 2D
08翻訳の中間形
HyperFrames · GSAP · WebGL2
09擬音語辞典
HyperFrames · GSAP · Canvas 2D
26自分を書く動画
HyperFrames · GSAP · Canvas 2D
III
アルゴリズムの物語
計算過程をドラマとして演出する
5 FILMS
11ソート競走
HyperFrames · Canvas · GSAP
12探索の波
HyperFrames · Canvas · GSAP
13ライフゲーム都市
HyperFrames · Canvas · GSAP
14決定境界が曲がるまで
HyperFrames · Canvas · GSAP
15群れが書く
HyperFrames · Three.js · GSAP
IV
手続き3Dと物理
ルールを書き、結果はシミュレーションに委ねる
5 FILMS
10活字の落下
Blender · Python · Noto Serif JP
16精密機械の分解図
Blender · Python · ffmpeg
17ドミノ論理回路
Blender · Python · Pillow
18光の彫刻
Blender · Python · Pillow
19手続き型の街
Blender 5.2 · HyperFrames · GSAP
V
絵と物語
生成静止画に、動き・文字・音をコードで与える
5 FILMS
23存在しない映画の予告編
HyperFrames · GSAP · Canvas
24切り絵の絵本舞台
HyperFrames · CSS 3D · GSAP
25架空標本の研究端末
HyperFrames · GSAP · Canvas
28めざめる海図
HyperFrames · GSAP · Canvas
29解像度の進化
HyperFrames · GSAP · Canvas
VI
音と同期・メタ
音を解析して映像に結線する、自己言及
4 FILMS
20布の除幕
Blender 5.2 · HyperFrames · GSAP
21音の球
HyperFrames · Three.js · GSAP
22二人の会話のオーディオグラム
HyperFrames · GSAP · Canvas
27架空OSの起動儀式
HyperFrames · WebGL2 · Canvas
VII
吹き替え
パブリックドメインの無声映画に、生成した声でアフレコする
1 FILMS
32うちなーぐち白雪姫（1916年版）
HyperFrames · GSAP · ElevenLabs v3 TTS
VIII
自然と成長
規則と微分方程式から、育つもの・崩れるもの
2 FILMS
33Lシステムの庭
HyperFrames · Canvas 2D · GSAP
34千の二重振り子
HyperFrames · Canvas 2D · GSAP
IX
言葉の構造
文と組版の規則を、目に見える形にする
2 FILMS
35文が木になるまで
HyperFrames · GSAP · SVG
36縦書きの詩
HyperFrames · GSAP · ElevenLabs TTS
X
計算のしくみ
圧縮と流体を、手順ごと見せる
2 FILMS
37ハフマン符号の木
HyperFrames · SVG · GSAP
38墨流し
HyperFrames · GSAP · Canvas
XI
一枚絵の物語
生成した一枚絵を、層に分けて動かす
2 FILMS
39萌黄浦の夕立
ChatGPT 画像生成 · HyperFrames · Canvas
40地球の歴史を24時間で
ChatGPT 画像生成 · HyperFrames · SVG
XII
音から作る
生成した音を、映像の設計図にする
2 FILMS
41レモンソーダ
ElevenLabs Music · mlx-whisper · HyperFrames
42ゼリーの擬音
Blender 5.2 · ElevenLabs SFX · Python
XIII
活弁と吹き替え
パブリックドメインの無声映画に、日本語の語りを当てる
1 FILMS
43活弁『月世界旅行』
HyperFrames · GSAP · ElevenLabs TTS
XIV
キャラクター
オリジナルのキャラクターを、声と表情で動かす
2 FILMS
458-4 の落下芸
ChatGPT 画像生成 · Python · HyperFrames
46雨やどり
ChatGPT 画像生成 · Python · HyperFrames
XV
漫画
コマと吹き出しと描き文字を、時間に開く
2 FILMS
47封印の門
ChatGPT 画像生成 · HyperFrames · GSAP
48メロンパン戦線
ChatGPT 画像生成 · HyperFrames · GSAP
XVI
ミュージックビデオ
生成した歌に、カットと歌詞を打ち込む
2 FILMS
49ひこうき雲のゆくえ
ElevenLabs Music · ChatGPT 画像生成 · mlx-whisper
50零番街クロノグラフ OP
ChatGPT 画像生成 · ElevenLabs Music · ElevenLabs SFX
XVII
テレビ
番組の型を、まるごと作る
2 FILMS
51異世界ニュース
HyperFrames · Canvas · ChatGPT 画像生成
52次回予告
HyperFrames · Canvas · ChatGPT 画像生成
XVIII
ゲーム
ゲーム画面の文法で見せる
2 FILMS
53レトロ RPG の戦闘
HyperFrames · GSAP · Canvas
54音ゲーのフルコンボ
HyperFrames · GSAP · Canvas
XX
広告と解説
CM と図解の型で、短く伝える
2 FILMS
57しじま（缶入りの静けさ）
HyperFrames · GSAP · ChatGPT 画像生成
58なぜ空は青いか
HyperFrames · GSAP · SVG
XXI
手触りの3D
粘土とビー玉、触れそうな物理
1 FILMS
59粘土のいきもの
Blender · Python · ffmpeg
XXII
無料ツールを試す
一つの道具に一本。入れて、動かして、得意なことを見せる
5 FILMS
61並べ替えで見る三平方の定理
Manim Community 0.21 · ManimPango · Python
636 万個の光の粒
PixiJS · HyperFrames · GSAP
64こさめ
lottie-web · HyperFrames · GSAP
65Demucs で曲をほどく
Demucs · ElevenLabs Music · Python
69二分探索は、毎回半分を捨てる
Revideo 0.11 · TypeScript · @lezer/javascript
総集編
全作品を一枚に
1 FILMS
30索引エンドロール
ffmpeg · Python · Pillow
書いて、鳴らして、
動かす。
映像はすべて、コード・生成ツール・シミュレーションから作りました。声・効果音・音楽は ElevenLabs、静止画は ChatGPT 画像生成、3Dは Blender と Three.js、組版と動きは HyperFrames と GSAP です。
吹き替えと活弁の素材は、すべてパブリックドメインの無声映画です。登場する商品・番組・人物は架空です。企画の相談相手は Fable と Codex。