Web project
Your own page in HTML, CSS and JavaScript, made here.
- Kind
- Layer · Other
- Script name
webproject- Cost to draw
- Very heavy

Web project
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Projectproject | web project | page | – |
Zoomzoom | number | 100% | 25% to 300% |
See-through backgroundtransparent | on or off | on | Layers show where the page has no background |
Clicks reach the pageinteractive | on or off | on | – |
Frame ratefps | choice | 30 | 15, 30, 60, Display |
Resolutionresolution | number | 100% | 25% to 100%Lower is lighter |
Hears the soundhearsSound | on or off | off | On by itself when the code reads the sound |
Networknetwork | on or off | off | The page may load from the web |
Mutemute | on or off | on | – |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Web project:
scene.set("Web project", "zoom", 3);scene.animate("Web project", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Web project", "zoom", 3);scene.animate("Web project", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetWeb project
Parameter Namezoom
Parameter Value3
Used in
The example scenes with a Web project layer in them. Each picture is the whole scene, not the layer alone: open one to see what the layer does in it.
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.
Kelp Forest