Tutorial – Rotating Images

07 Jul


Join Community:

Drag, Drop, Snap Blocks, Build app

This tutorial, written by imagPeterPeter Mathijssen, shows you how you can get use AppyBuilder to create a nice graphical effects.

Assumption: You have basics knowledge of AppyBuilder for creating projects / apps.

Media image files: The images were used from site HERE

For this tutorial, we use Image component and its RotationAngle block:


The end result will look like image below which uses a Clock non-visible component:

Image below shows list of components that are used for this tutorial. It also shows the media (asset images):
Selectie_999(414) Selectie_999(415)

Button2 through Button7 Click blocks, show how to switch between different asset images. Button1.Click block shows how to start / stop (toggle) animation using Clock component.  Once animation (Clock) is enabled, then Clock1.Timer will automatically be triggered and continues to change the the image RotationAngle, giving it the end result that you see in the gif image below:

Note: The rotation angle of the image is changed by 60 degrees when the clock fires.

You can press, Button 1 to 6 to alternate between images. Press the Start/Stop button to Start or Stop the rotation.

Looking for .aia source file? Get it HERE.


Join forum community for tutorials, discussions, technical questions


Share, Like us below 🙂


Leave a comment

Posted by on July 7, 2018 in Uncategorized


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: