A motion-triggered widget that detects Mobile device shake using accelerometer data and triggers a predefined action or state change.
Tutorial Video:
Assets:
Optional background image/animation
Instruction text/icon (“Shake to reveal”)
Result asset/content
Steps
Add Shake widget to canvas
Define trigger action (reveal / animation / next state)
Properties
Live Preview: Enable to instantly view shake interactions on the canvas.
Shake Sensitivity: Adjust how responsive the element is to device motion.
Show Shakes: Define the number of shakes required to trigger the action.
Auto Animate: Enable automatic animation without requiring a shake.
Fallback Instructions: Set color styling for on-screen guidance when motion isn’t available.
Background Properties: Configure the background color and styling.
Inspirations
Points to Note
Requires user permission for Gyro access (iOS especially)
Not all devices support consistent sensitivity
Always provide fallback interaction
FAQs
Is the Shake feature supported on Android and iOS devices?
Yes. On Android devices, shake is enabled by default. On iOS, users may see a prompt when they shake the device, asking them to enable the feature from settings.Is the Shake feature supported on desktop creatives?
No, the Shake feature is not supported on desktop formats.Can we adjust the shake sensitivity?
Yes, the shake sensitivity can be configured.What elements can be controlled when a shake is detected?
You can trigger and control various elements, including animations, videos, and timeline-based events when a shake is detected.