How to Use Bookry Drag and Drop Widget
In this Bookry for iBooks Author tutorial, we will continue to work on the Bookry Drag and Drop widget that we will be using in a baby book title Baby Time by Norma Vantrease. Baby Time was created in iBooks AuthorR using the Children's Storybook Template. In the previous tutorial, we discussed the basic settings for the widget, such as the color settings for the backgrounds and text. Now we can start uploading the image and audio assets for the widget.
Audio Files
We have the option to upload three audio files that will play as the user interacts with the widget. We can use one sound that will play when the user clicks on a toy in the library, causing the toy to appear in the play area. We also need a sound to play when the user picks up and drops a toy. In the example, we will use the same sound for all three instances.
Stage Background
Now we can upload the image of the play area with the empty shelves. We have already created this image to the suggested 819 wide x 728 high pixels, so we will not need to use the option to crop the image. We will keep the Fill Background with Image option.
Drag and Drop Images
Let's upload the toy images. Just select all the images in the Finder window, to upload them together. Our background image was an .jpg image but these toy images have transparent areas. So we need them to be .png images.
These images will appear in the workspace in the order that they will be displayed in the widget. We can use the drag handles on the right of each toy to reorder the toys as needed.
Categories
We can also assign a category to each toy but as this is a baby book, we can omit this step. However, it would be nice to give the user a hint to click on a toy to add it to the play area. Let's set this as our category title, so that it will be displayed above the list of toys.
Our last step is to set the Live Settings.
By default, the widget displays an interactive toolbar next to each toy and the user can resize and rotate the image. This is a little complicated for a baby book, so let's choose to hide the toolbar. Also, if you are using many images, you will want to allow some of the categories to collapse.
Finally, we can save, preview and download the widget.
Back
A special thanks to Norma Vantrease, a retired art teacher turned children's book author.
Audio Files
We have the option to upload three audio files that will play as the user interacts with the widget. We can use one sound that will play when the user clicks on a toy in the library, causing the toy to appear in the play area. We also need a sound to play when the user picks up and drops a toy. In the example, we will use the same sound for all three instances.
Stage Background
Now we can upload the image of the play area with the empty shelves. We have already created this image to the suggested 819 wide x 728 high pixels, so we will not need to use the option to crop the image. We will keep the Fill Background with Image option.
Drag and Drop Images
Let's upload the toy images. Just select all the images in the Finder window, to upload them together. Our background image was an .jpg image but these toy images have transparent areas. So we need them to be .png images.
These images will appear in the workspace in the order that they will be displayed in the widget. We can use the drag handles on the right of each toy to reorder the toys as needed.
Categories
We can also assign a category to each toy but as this is a baby book, we can omit this step. However, it would be nice to give the user a hint to click on a toy to add it to the play area. Let's set this as our category title, so that it will be displayed above the list of toys.
Our last step is to set the Live Settings.
By default, the widget displays an interactive toolbar next to each toy and the user can resize and rotate the image. This is a little complicated for a baby book, so let's choose to hide the toolbar. Also, if you are using many images, you will want to allow some of the categories to collapse.
Finally, we can save, preview and download the widget.
Back
A special thanks to Norma Vantrease, a retired art teacher turned children's book author.
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map
Follow @ArtAnimationTut
Tweet
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.
