How to create a game with multiple levels using Pages


Everyone knows how easy it is to create any game on Interacty. But did you know that you can combine them into one big and engaging multi-level game using the Page tool? In this tutorial, we'll show you how.

demonstration on how to create digital multi-level game on interacty

Create a project

First of all, you have to Log In into your account on interacty.me:

Log In into your account on interacty.me for creating multi-level interactive game

After you have signed in, click Create to get going:

beginning to create a multi-level game by clicking on Create button

Select Create from scratch option:

Selecting Create from scratch option for creating multi-level game on Interacty platform

Good job! Let's add our first block. For this mechanic, we're going to use an Interactive Image block. Let’s click All Blocks first:

clicking All Blocks for create multi-level game on Interacty platform

And select Interactive Image on the drop-down menu on the left:

select "interactive image" block to create digital multi-level game on Interacty

Here are some templates that you can use. It's possible to add another background image later on, if needed. Let's choose one of these templates:

choosing a template to create digital multi-level game on Interacty

Connect Pages

We are going to use this image for the tutorial. As you can see, it contains 3 tags. So, let's create 3 pages, for each of these tags. To do this, just click on Add Page button three times:

adding a new page to create digital multi-level game on Interacty

It's done! Each tag should bring us to the new game page, right? So let's connect these tags with the pages. Select the first tag:

selecting the first tag to create digital multi-level game on Interacty

And click Internal page on the right menu:

clicking on internal page button to create digital multi-level game on Interacty

Select Page 1 in the new pop-up window:

selecting page 1 to create digital multi-level game on Interacty

Your first page has been connected! From now on, when the user clicks on the first tag, he will get to Page 1. After this, just repeat these steps for the other tags. This time, they will lead to Page 2 and Page 3:

showing the connection between tags to create digital multi-level game on Interacty

It''s time to start adding your content to each of the pages. Let's click on Page 1 on the left menu:

clicking on page 1 to create digital multi-level game on Interacty

As you can see, this page is empty for now, but we're going to add some content, right? Let's click All blocks button:

clicking all blocks button to create digital multi-level game on Interacty

Select the content you like from the drop-down menu on the left. Let's pick one of the Trivia templates, as an example:

adding a trivia quiz template to create digital multi-level game on Interacty

You can use any other templates you like, or even create your own project from scratch.

Your game will appear on the Page 1. Perfectly done! But how the user can get back from this page to the main one? Well, that's a good question. Let's create a button which will bring users back. To do this, click Call to Action button:

adding a call to action button to create digital multi-level game on Interacty

Choose a button text (Back for example), and click Internal page:

giving a title for the button to create digital multi-level game on Interacty

We want this button to bring users back to the main page, right? So let's select Home page:

selecting the home page to create digital multi-level game on Interacty

Perfect! You can continue to add new games to the Page 2 and Page 3 using all tips above:

showing page 2 and page 3 links to create digital multi-level game on Interacty

That's pretty much all about Pages! This was just an example of the simplest multi-level game and you can create way more difficult projects. For example, let users to complete some games to get the code and get an award. Here are some examples of multi-level games for your inspiration:

"Animals" — Multi-level Game - click to play!

"Help Santa Find the Gifts" — Christmas Multi-level Game - click to play!

"Treasure map" — Multilevel game - click to play!


Teach with love.

Interacty


Was this article helpful?