🎬 Programming documentaries, rendered from code

CineCode

A pure-Rust, deterministic cinematic engine for turning source code into beautiful, reproducible programming videos.

“How Rivers Form” — the full 17-scene example documentary, rendered by CineCode.
Files that made this video

The complete `rivers-project` render. These are the project files that compose the 17-scene documentary.

codescene.toml
Project manifest: output size, theme, scene order, transitions, and shader names.
Open full file
scenes = ["scenes/intro.ccs", "scenes/terrain.ccs", "scenes/pathfind.ccs", "scenes/particles.ccs", "scenes/graph.ccs", "scenes/life.ccs", "scenes/boids.ccs", "scenes/tweens.ccs", "scenes/inserts.ccs", "scenes/edit.ccs", "scenes/edit_source.ccs", "scenes/editor_theme.ccs", "scenes/font_set.ccs", "scenes/remove_styles.ccs", "scenes/morph.ccs", "scenes/shapes.ccs", "scenes/effects.ccs"]
theme = "dark_documentary"

[episode]
title = "How Rivers Form"

[output]
fps = 30
width = 1280
height = 720

[shaders]
aurora = "shaders/aurora.wgsl"
glitch = "shaders/glitch.wgsl"
scanlines = "shaders/scanlines.wgsl"

[transition]
kind = "crossfade"
frames = 18

Pure Rust

No Node.js, no browser, no headless Chrome. One binary + ffmpeg.

Deterministic

The same project renders the same pixels, every time, on every OS.

Code-first

Code is a first-class visual object: type it, edit it, spotlight it.

Living diagrams

Terrain, A*, particles, graphs, Game of Life and boids bind to code.

Cinematic camera

Pan, zoom and rack-focus to choreograph a documentary.

GPU shaders

Drop in WGSL effects and a bloom post-process with one flag.

Documentation, the Diátaxis way

Four kinds of documentation for four kinds of need — so you always land in the right place.

Built with Fumadocs. Every clip on this site is real, unedited CineCode output.