How to Make the Spot the Difference Widget

How to Make the Spot the Difference Widget
In this tutorial, we will take a look at the Spot The Difference widget at Bookry makes great widgets for iBooks AuthorR and the Spot The Difference widget is a very flexible game. It can be made easy for young players or harder for older players. In our example, our players are young, so we will limit the number of differences and the graphics will be simple 2D illustrations.

Once you have logged in to your account, go to the book settings page. I've created a special book for testing widgets.

  1. Click the Add Widget button and you will see a popup menu. Choose the Spot the Difference widget from the list.

    You should now be on the settings page for that widget.

  2. Give the widget a name. As my theme for the game is a party, I called my widget PartySpotDiff. No one will see this name except you. It's only a way to help you manage your widgets.

    Let's work on the Static Settings. These settings cannot be changed after the widget is published in a book.

  3. Choose the Orientation and Size for your iBooks Author book. As my client's book has a landscape layout, I'll use the default Landscape option.

  4. I like the illustration style of the default Cover/Startup image. It goes well with my ice cream party theme. So we will keep that.

    However, if you choose to upload a Cover/Startup image, it should be 1024 x 768 pixels.

    The Background image will cover the entire play area. As a background might be distracting for young players, we won't use a custom Background image and keep the default white background. If you choose to use a custom image, the image should be 1024 x 728 pixels.

  5. Now we can upload our game images. Both images should be 492 x 728.

    Once we have uploaded the two game images, we will see the first image displayed.

  6. Click on the image to set the target areas. For our example, we have three areas.

    You will see the x and y positions of these areas in the boxes below.

  7. For Target Size, we will increase the area to 172, as young fingers are not precise when tapping the screen.


Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.