Forum Discussion
FLIP BOOK / ROLL PAGE ANIMATION / TRANSITION
Keep in mind that this is a rough example demonstrating the functionality. Using it as is will be a bit clunky.
Anyway, to add more pages follow these steps.
- Create additional layers at the top of the layer list, or copy or duplicate one of the existing layers.
- Add whatever content you need to the layer, matching the format of the existing layers
- Increase the countLayers variable value to equal the number of layers used (2 facing pages per layer)
- Add additional togLayer_# variables to match the number of layers used. Set to false.
- On the slide base, add additional triggers for each added layer matching the format of this one
- Make sure the existing Execute JavaScript trigger is at the bottom of this list
- On the slide base, add additional triggers for each added layer matching the format of this one
- On each new layer that you add, insert the following trigger (copy and paste from another layer's trigger list)
- Move this trigger (currently on layer 4) to the bottom of the topmost layer, or the last one in the trigger list you created in step 3 above)
- Set all of the layers you are using as book pages to match these layer properties settings (for each layer, select the gear on the bottom right below the list of layers)
When you publish the project, you should be able to flip through your added pages. Hopefully, I did not forget any steps.
I attached an updated file with some added pages.
For practice, try making a copy of the original project file and then going through the steps to add pages so it looks like the new one. If you have problems, compare your project to this one. Once you can recreate this, then you should be able to add however many pages you need.
p.s.- I removed a few unused variables from the new file that were left over from earlier versions.
This is a great interaction!!! However, if you click too quickly to move forward or backward with the arrows, the content and images disappear on the pages until you get to the very end or back to the beginning. Is there a way to prevent this?
Keep in mind this is more a proof-of-concept rather than a ready to use solution. There are several issues that need attention before going into production.
There may be timing issues between making the layer content available and loading it into the book page. There may also be an issue with interrupting the flip animation with rapid clicks. Both could possibly be resolved (superficially) by disabling/masking the flip buttons until the animation completes. The animation speed itself can be adjusted and the simplest approach may be to prevent premature clicking.
I will try to come back to this to at some point. The current version was just hacked together to the point of working. It's a bit of a mess.