Tiles template - learn the recipe for an interactive presentation and fun!

Standard application appearance
Standard application appearance

Animation logic

There is an image on the board. Under the influence of movement, the image on the board is divided into tiles, which are subjected to a selected animation. You can present a series of images displayed at specified intervals.

Template configuration

You need:

  • one or more background graphics

You can set:

  • image split grid to get desired tile size:

    • number of columns
    • number of rows
  • effect accompanying the disappearance of the tile:

    • magnification
    • zoom out
    • rotation
    • fading away
    • run to the right
    • falling down
    • rotating
  • the time it takes for the tiles to reappear in the image

  • background graphics change time

  • background music

  • additional screens

Advanced application operation parameters

Animation editing:

  • animation type - determines how the background fragment is animated after interaction,
  • number of columns and rows - adjusting the size of a single fragment of the graphic,
  • interval - the time between the animation of the interaction and the return of the fragment to its place.

Advanced settings available in the template:

  • change time - time of displaying one background graphic.

Additional screens available in the template

Within the Tiles template, you can add instruction, intro and start screen. You can use your own dedicated graphics for each screen and set parameters for texts, colours and backgrounds.

Details of screen editing can be found in the chapter Screens configuration.

Recommendations for your graphics and illustrations

Application icon

See chapter Creating an application.

App Background

See chapter Changing the graphics and parameters


The graphic objects in the template are only backgrounds, for which the standard recommendations for backgrounds should be applied.

Motioncube graphics available for use in templates

Use the ready database of Motioncube backgrounds and graphic objects. Import selected elements in the template and create an application.

Download graphics database

App appearance after changes
App appearance after changes

Ideas for using the Tiles template

It's a good idea to match the image split grid to the background artwork to get the tile size that best suits your artwork. Experiment with the effects on the tiles and choose one that will add interesting dynamics to your images.

Fun and Education - Replace the default backgrounds in the template with a series of images on a selected theme: fairy tales, nature. Apply geometric shapes that match the selected image grid. Encourage children to active movement play and observation.

Events and Entertainment - Replace the default backgrounds in the template with graphics with the slogans of your event, a series of artistic images or photos related to the event.

Promotion and Advertising - Replace the default backgrounds in the template with graphics with corporate identity or graphics advertising a promotional campaign for a product, event or social topics.