I'm using a notebook in a course and I'd like the learner to be able to "turn" the pages. I do already have the cool little page flip graphic from the Downloads section here.
I've briefly scanned the threads here and haven't found anything about this topic. Surely someone has already done this?
You can also create or find a graphic of a page corner turned up and create a hover state. When the user rolls over the corner of the page, it gives the illusion of the user flipping the page. See below.
You can also create or find a graphic of a page corner turned up and create a hover state. When the user rolls over the corner of the page, it gives the illusion of the user flipping the page. See below.
Not quite sure how that would work...
Surely it just gives the illusion of the corner of the page being flipped up, but the main page would stay the same?
Do you have a working example of this - maybe my imagination is just none too good today
I wondered if this might help. It's called page curl, but if you view the demo, the page actually turns. I came upon it after reading this thread, where Paul Alders provides a link for SL "stuff" that he's sharing.
I thought the free online tool youblisher can help users who has no knowledge in scripts and codes to make page turning animation for ebooks. This one also do what it says.
15 Replies
There isn't a page turn animation, you may be able to create it as a video and add to a layer
Thanks Phil. How do I create it as a video?
you may be able to record the page turn animation in ppt or in keynote and add this to a slide
This jquery tool might help.
http://www.turnjs.com/
There is an older version available for test from Github.
You can also create or find a graphic of a page corner turned up and create a hover state. When the user rolls over the corner of the page, it gives the illusion of the user flipping the page. See below.
Not quite sure how that would work...
Surely it just gives the illusion of the corner of the page being flipped up, but the main page would stay the same?
Do you have a working example of this - maybe my imagination is just none too good today
See attached Storyline file. The right bottom corner is a graphic with a hover state and the graphic is a trigger to show the next layer.
Hi Mary,
I wondered if this might help. It's called page curl, but if you view the demo, the page actually turns. I came upon it after reading this thread, where Paul Alders provides a link for SL "stuff" that he's sharing.
Thanks Becky for sharing that here.
I thought the free online tool youblisher can help users who has no knowledge in scripts and codes to make page turning animation for ebooks. This one also do what it says.
Does Storyline 2 have anything like Articulate Engage Flipbook Interaction?
Hi Sara
not built in but you could import the Engage interaction into SL.
Here are some instructions if that helps you
https://community.articulate.com/discussions/articulate-storyline/insert-engage-into-storyline
Hum...just opened Articulate Engage 13 and couldn't locate the Flipbook interaction option; has there been a change?
[cid:image001.jpg@01D13758.9ABD4500]
Hi Sara
I went to the downloads section of elearning heroes - here is a link to the download
https://community.articulate.com/download/flipbook-interaction
Hi Sara,
Here's another thread with some flip book examples that may assist you.
This discussion is closed. You can start a new discussion or contact Articulate Support.