LumiDSL
Docs

Quickstart

A first scene takes two words: imagine writes the blueprint, create puts it on stage.

imagine dot
  shape: circle
  size: (120, 120)
  fill: "#ff6b35"

create dot

That's a real scene. Paste it into the Lumiere Editor and you'll see an orange dot.

Add a little life with an animation:

imagine dot
  shape: circle
  size: (120, 120)
  fill: "#ff6b35"
  animate position.y from -80 to 80 over 0.6s ease "ease-out" repeat infinite direction alternate

create dot

The dot now bounces. A few things to know:

  • Properties are name: value, one per line (see properties).
  • Motion is animate property from A to B over duration (see animations).
  • Named values and reusable motion live in defines.

Next: syntax takes one minute to read, or jump straight into examples.

Next → Syntax