ReferenceLayersLines and shapes
Grid
A scrolling floor, grid, dots or hexagons.
- Kind
- Layer · Lines and shapes
- Script name
grid- Cost to draw
- Heavy
- Blend
- Light costs no extra pass

Grid
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Stylestyle | choice | Floor | Floor, Grid, Dots, Hexagons |
Colourcolour | colour | #a98bff | – |
Pulse colourcolour2 | colour | #7ce695 | – |
Cell sizecell | number | 8% | 2% to 40% |
Line widththickness | number | 1× | 0.3 to 4× |
Speedspeed | number | 0.5× | -3 to 3× |
Horizonhorizon | number | 55% | 10% to 90% |
Pulsespulses | number | 40% | 0% to 100% |
Fadefade | number | 70% | 0% to 100% |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Grid:
scene.set("Grid", "colour", "#ff8a5c");scene.animate("Grid", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Grid", "colour", "#ff8a5c");scene.animate("Grid", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetGrid
Parameter Namecolour
Parameter Value
What every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.