Breakpoints

A 3D scene composed for a wide screen rarely works on a phone held upright: the subject is too small, the camera too close, the effects too heavy. Breakpoints let you adjust the scene for each screen size, the way you would in Webflow.

The four breakpoints ​

The breakpoint buttons sit at the right end of the bottom bar.

Click a breakpoint to frame the canvas to that device. Click Desktop to fill the editor again.

You can also drag the canvas edges to any size: the size reads out beside the buttons, and the matching breakpoint lights up when you let go.

How changes carry down ​

Desktop is the base. A change you make on a smaller breakpoint applies to that breakpoint and every breakpoint below it, until a smaller one changes it again:

Desktop → Tablet → Mobile landscape → Mobile portrait

So a change on Tablet also shows on both phone sizes, while a change on Mobile portrait affects only Mobile portrait. Desktop is never changed by an edit on a smaller breakpoint.

What can differ per breakpoint ​

• An object's position, rotation and scale
• Whether an object is visible
• Materials
• Cloner counts and layout
• The camera position
• Lights
• Post FX and shader effects
• The environment's intensity, rotation and grade
• The background

Adding or deleting an object, changing the HDRI itself, and the order of things in Layers are the same on every breakpoint.

Hiding an object on smaller screens ​

Select the object on a breakpoint and press the hide button beside the breakpoints. It disappears from that breakpoint and the ones below it. A hidden count appears beside the buttons: click it for the list of hidden objects and bring any of them back.

Seeing what is overridden ​

• A small dot on a breakpoint button means it has changes of its own.
• In the scene panels, a value tinted blue has been changed on the breakpoint you are on.
• A value tinted amber comes from a change made on a larger breakpoint.

Undo knows which breakpoint a change was made on: undoing it jumps you back there first.

What visitors get ​

Published pages and embeds pick the right breakpoint from the real size of the space the scene is shown in, not the device name, and switch live when a phone is turned. An embed in a narrow column of a desktop page uses the breakpoint that fits that column.