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:
Transition ActionAnimation ActionSound ActionVideo ActionCreate Object Action- Destroy Object
- Switch Camera
