HomeAI & Machine LearningSpacetime Patch Tokenizer 2D: How Sora Turns Video Into Transformer Tokens

Spacetime Patch Tokenizer 2D: How Sora Turns Video Into Transformer Tokens

Interactive 2D visualizer of Sora-style spacetime-patch tokenization: an isometric-projected patch volume you rotate by hand, a per-frame token grid, and a live cost chart showing quadratic self-attention explode as patch size shrinks.

AI & Machine Learning2DAdvanced60 FPS📱 Mobile-adapted⇄ 3D version
2d-ai-topic-81 ↗ Open standalone

Before a video Diffusion Transformer can denoise a clip, the clip has to become a sequence of tokens — and Sora's key architectural idea is to patchify a compressed video latent in space and time at once, producing "spacetime patches" instead of per-frame image patches. This 2D companion renders the same latent volume with an independently-computed isometric projection you rotate by dragging, a full top-down 2D token grid for any single time-group, and a live bar chart of the N² self-attention cost as patch size shrinks — change the latent resolution, clip length, and spatial/temporal patch size to watch every panel react together, blend patches toward Gaussian noise to see the tensor a DiT actually denoises, and click any patch to compare full spacetime self-attention against a cheaper per-frame windowed variant.

⚙ Under the hood

Interactive 2D visualizer of Sora-style spacetime-patch tokenization: an independently-computed isometric projection you rotate by dragging, a full top-down 2D token grid for any single time-group, and a live bar chart of the N² self-attention cost as patch size shrinks — all three panels react together as you reshape the latent volume.

diffusion transformervideo generationtokenizationself-attentionSoraDiT

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)