Scroll-to, fullscreen, button for timeline…

With this method, learn how to quickly create anchor points in your projects, play your timeline, create a button for fullscreen display.

Here are the different options offered by RacontR and covered in this section :

  • Using the "scroll to" function
  • Create a fullscreen button
  • Create a button for the timeline

Using scroll-to functions

  1. At first, set the size of your scene. Here we will see a format that pulls vertically, which will be also working with scrolling.

Once uploaded in the media library, the narrative elements can be imported on the scene.

    2. Here, the example will be set up with two text block : hotlink, and hotlink2.

    3. Add an action “click/tap” on the first anchor (here, hotlink1)

Tip : This method works with all types of content : images, videos, layers action, buttons...

Now let's position our text blocks on the scene in the desired layout (here hotlink1 will go down in my project to hotlink2).

Add a clic/tap action on hotlink1 : the goal is to get automatically, with a click on hotlink1, to the end of his chapter (to hotlink2).

Apply the action on the scene with parameters “scroll vertical”. Choose “hotlink2″ as value and validate.

Et voilà ! You just created a vertical scroll on the scene, with a click on hotlink1, to hotlink2.

Parameters and values of the scene in the action tool

  • In the parameters tab, by choosing the vertical scroll, the scene will shift from top to bottom or from bottom to top.
  • By choosing the horizontal scroll, the scene will shift from left to right or right to left.
  • Finally, the dual-axis scroll, you will achieve vertical and horizontal moves.

In the “Value” tab, you will find all your layers, allowing to scroll to a selected one. You can also choose “min” or “max“, which will bring you to the beginning or the end of the scene.

Create a fullscreen button

To create a fullscreen button :

  1. Add a “click/tap” action on an element
  2. Apply on “scene” then choose “fullscreen” in the settings.

Create a button for your timeline

To create a button to trigger the timeline :

  1. Add a “click/tap” action on an element
  2. Apply on “scene” then choose a timeline setting : play the timeline, pause the timeline, play/pause, seek-to..

Did this answer your question?