Synchronization
Here is one of the biggest assets of PandaSuite Studio: synchronization! By synchronizing any component with the component of your choice, you create infinite interactive effects.
Synchronize two components
How it works
A synchronization is defined as a group. For each component, you choose the property to synchronize with the other components: pages, "x" values, "y" values, markers, zoom values... Each type of component has its properties.
Select components
Click on Components and insert the Synchronization component. It only appears in the Object list, it is not visually present in your screen.
Select synchronization properties
Be careful: if you want to synchronize several properties of the same component (for example, the "x" and "y" positions of a scrolling area), you must create as many separate Synchronization components.
Examples of synchronization
Parallax effect
-
Insert a Scrolling Area component and stretch it across the entire screen.
-
In the Properties window, click on vertical scrolling and hide the scroll bar.
-
Modify the height of the content (1067 px for example) and insert in your area the elements of the foreground.
-
Create a second scrolling area in the same way: this time, set a greater height (1125 px for example) and insert your background elements inside. Place this area behind the first one.
-
Insert a Synchronization component: In the Properties window, select the two scrolling areas and synchronize the "y" positions.
Tip: with three scrolling areas, your Parallax effect will be even more visual. For an optimal rendering, we recommend that you increase the height of your 2nd zone (the middle one) by 60 pixels and your 3rd zone (the front one) by 120 pixels.
Synchronize the speed of a video with the accelerometer
Synchronization also allows you to play
with the sensors (movement, compass, shake, blow). In our case, we will synchronize a Video Player component by tilting it horizontally.
-
Insert the Video Player component and add the video of your choice.
-
In the Properties window, change the min and max speed so that the change is visible, for example 0 and 3. Make sure playback is automatic (checked).
-
Insert the motion sensor and enable only horizontal tilt.
-
Insert a Synchronization component: in the Properties window, select both the Video Player and Motion Sensor components. For the Player, synchronize the speed; for the sensor, synchronize the horizontal axis.