EN ▾
Menu
DE EN FR ES IT CZ
Back Back to top

Ease In/Out Scene Scrolling

This thread is a few years old. Some details may refer to an earlier version of Visionaire Studio. Current tutorials

  • #1, by michael-furniss 4 years ago Quote
    Hi all,

    I'm new here. Just getting a scene up and running for the first time.
    I've managed to get a side-scrolling scene  by finding a few useful posts in the archive of this forum, so thank you to the helpful community.

    I was curious if there was a way to have the scroll animation ease in/out.
    Currently it's a linear animation that starts and stops abruptly.

    Any help on this would be appreciated. 

    Thanks!
  • New to Visionaire Studio?

    Create point and click adventures without coding. The free version covers up to 25 scenes per project. For more scenes or to earn money with your game, you need a license.

    See the Indie Bundle Try it for free
  • #2, by esmeralda 4 years ago Quote
    Welcome!

    A scene larger than the resolution you set in the games properties should scroll by default when the playable character reaches the edge. No need to change anything.

    In the scene properties you can also check the box "scroll scene if the cursor is at the screen edge". The default setting is that the scene is centered on the character. So when you move the scene by moving the cursor to the edge, the scene will return to the character as soon as you move the cursor again. If you don't want this to happen, you need to clear the centering on the character. There is an action part for this, called "center scene on character permanently" with a checkbox to clear the centering.

    So that said I'm not sure what you did to scroll the scene. Do you have a first-person-game and used a script for scrolling?
    Then it is easy to add easing. If you are using the to() function, just add the easing at the end, like in this example.
    The first line is to clear the centering of the character, but that can be done with an action part as well.
    The 3000 is the time taken for scrollin in ms. The scene will scroll to the x positon of 1500 and the y position is kept the same.
    game.ScrollCenterCharacter = false
game:to(3000, { ScrollPosition = {x = 1500, y = game.ScrollPosition.y} }, easeQuintOut)

    Btw - the discord server is way more active than the forum. Feel free to join us there.
    https://discord.gg/AwcNqbjp
  • #3, by michael-furniss 4 years ago Quote
    Appreciate the reply, esmeralda!

    Fortunately, I was able to find what I needed in the main game settings under 'smooth scrolling'.

    I have joined the Discord. Thank you for the invite.
  • #4, by michael-near 4 years ago Quote
    Welcome!

    A scene larger than the resolution you set in the games properties should scroll by default when the playable character reaches the edge. No need to change anything.

    In the scene properties you can also check the box "scroll scene if the cursor is at the screen edge". The default setting is that the scene is centered on the character. So when you move the scene by moving the cursor to the edge, the scene will return to the character as soon as you move the cursor again. If you don't want this to happen, you need to clear the centering on the character. There is an action part for this, called "center scene on character permanently" with a checkbox to clear the centering.

    So that said I'm not sure what you did to scroll the scene. Do you have a first-person-game and used a script for scrolling?
    Then it is easy to add easing. If you are using the to() function, just add the easing at the end, like in this example.
    The first line is to clear the centering of the character, but that can be done with an action part as well.
    The 3000 is the time taken for scrollin in ms. The scene will scroll to the x positon of 1500 and the y position is kept the same.
    game.ScrollCenterCharacter = false
game:to(3000, { ScrollPosition = {x = 1500, y = game.ScrollPosition.y} }, easeQuintOut)

    Btw - the discord server is way more active than the forum. Feel free to join us there.
    https://discord.gg/AwcNqbjp
    I tried joining this Discord server, but I was unable to do so. I am getting an error message saying 'Invite invalid'. At first, I didn't understand what it meant. I understood what it meant after reading this article https://www.thewindowsclub.com/cant-join-discord-server-fixed. Could you please send me the correct link for joining this Discord server? Maybe the invitation link has changed now. Thanks. Waiting for your response.

  • #5, by esmeralda 4 years ago Quote
    Ah yes, that must have been an invite for a limited time.
    If you scroll down, you see a yellow bar with "Visionaire Studio" on it. On the right side next to it are three round buttons for Facebook, Twitter and Discord. Click on the one on the right, that contains a permanent invite and leads you to the discord server.

    There is also a blog entry about the discord server (you should see it when in the forum in a top bar).