Languages
Syntax highlighting coverage and how to query the available languages.
CineCode highlights code with syntect, giving it Sublime-Text-grade highlighting for roughly 212 languages out of the box.
Specify a language
Pass a language id as the second argument to s.code():
s.code(read("src/main.rs"), "rust", 96, 160);
s.code(read("src/app.ts"), "typescript", 96, 160);
s.code(read("src/query.sql"), "sql", 96, 160);Common ids include rust, python, javascript, typescript, go, c,
cpp, java, ruby, php, html, css, json, yaml, toml, bash,
sql, and markdown.
List what's available
To see the exact set supported by your build:
cinecode languagesLanguage ids are case-insensitive and accept common aliases (e.g. js for
JavaScript). If a language isn't found, the code still renders β just without
highlighting.
Pairing with themes
Highlighting colors come from the code highlight theme, which you can set per block. See Themes.
Files that made this video
The same Rust source rendered repeatedly with different syntax highlight themes.
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