Skip to main content
Events Screen Resize Event

Screen Resize Event

A Screen Resize Event will trigger actions based on the size of the canvas. Define multiple sizes by adding breakpoints. This is useful when needing to rearrange your scene to better fit different types of screen sizes like desktop vs. mobile.

Settings for Screen Resize Event

Type

On type, you can define if the breakpoints on the event will be horizontal or vertical.

Breakpoints

Breakpoints are defined by pixel values and an operator (> more than, < less than, and <> between).

Eg. On the UI to the right, on the Mobile preset, the actions will be triggered once the canvas becomes less than 480 pixels horizontally.

  • There are 3 presets available (Mobile, Table, Desktop) or you can set your Custom values.

  • To add a new breakpoint, use the “Add New Breakpoint” button at the bottom.

  • To delete a breakpoint, look for the delete icon that appears on hover.

  • To add a new action, use the + icon on the respective breakpoint you want to add an action to.

Actions

Here are the different actions you can trigger with the Screen Resize Event: