How to Layer, Scale, Fade and Position your Images – and more

In the StoryWonders Creator every asset has a set of properties that defines its look and behaviour. Let’s go though the basics.

In this scene there are three assets. Each asset has a set of properties that affects its behaviour. The first is Layer.


Layers are like layers in an onion. The ones on top of others are visible while hiding the ones in the back. The highest number is always on top of the others so here the image of the Earth is shown on top of everything else while Moon Glowing is in the middle and Cosmic Light Blue is in the back.


The Active property defines when an asset enter and exits the scene. So, here Cosmos Light Blue is active from the beginning while Earth enters after one second and Moon Glowing after three. They all exit after 15 seconds.


We’ve implemented one Transition right now which is a Fade. The first input field defines the amount of seconds it takes for an asset to fade in and the other the fade out time.


Position defines where the asset is on the scene. The first input field is X and the next Y. In the Earth controller 400 means that the image is placed 400 pixels to the right of the centre of the scene. In the Moon Glowing controller -100 means 100 pixels to the left and 200 pixels up-


Scale defines the size of the asset. The numbers are percent so the Earth is 70% of its original size and the Moon Glowing 70%.


Opacity is where you define the transparency of the asset. Here the Cosmos Blue Light layer only has an opacity of 50% which means you can see the black background behind it. When you turn down the opacity of an asset you can see the layer behind it.

Horizontal/Vertical Flip

Horizontal and Vertical Flip do exactly what they say – they flip stuff left to right and upside down.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *