User Tag List

Results 1 to 10 of 10

Thread: Base easing scrolling help

  1. #1
    Clicker Fusion 2.5 (Steam)Fusion 2.5+ DLC (Steam)

    Join Date
    Sep 2023
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Base easing scrolling help

    Hello, I'm making my own FNAF fangame and I would like to make scrolling like in these fangames but I don't know how to do it


    https://youtu.be/wUKt0HzPc0k

    https://youtu.be/Pvc4ymTTeqA


    In the Office ofc.

    Smooth ending of the scrolling

    If someone doesn't understand, reply

  2. #2
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Janette5's Avatar
    Join Date
    Dec 2014
    Location
    South Africa
    Posts
    1,265
    Mentioned
    199 Post(s)
    Tagged
    0 Thread(s)
    You've provided two very long videos. Please provide the exact time in the video when the scrolling happens so we know what type of scrolling you're referring to.

    Maybe this thread will help: https://community.clickteam.com/threads/107922-Changing-infinite-parallax-background?highlight=scrolling+background

  3. #3
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Fusion 2.5+ DLC (Steam)Android Export Module (Steam)iOS Export Module (Steam)Firefly 3D Module (Steam)
    Linky's Avatar
    Join Date
    Mar 2020
    Location
    Egypt
    Posts
    421
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ?
    (I regret making this video at one point, it's reminds of my personal Vietnam that I had a few months ago, long story)

  4. #4
    Clicker Fusion 2.5 (Steam)Fusion 2.5+ DLC (Steam)

    Join Date
    Sep 2023
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    https://youtu.be/QxeCnLQXw-o this here

    Quote Originally Posted by Janette5 View Post
    You've provided two very long videos. Please provide the exact time in the video when the scrolling happens so we know what type of scrolling you're referring to.

    Maybe this thread will help: https://community.clickteam.com/threads/107922-Changing-infinite-parallax-background?highlight=scrolling+background
    https://youtu.be/QxeCnLQXw-o this here

  5. #5
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Janette5's Avatar
    Join Date
    Dec 2014
    Location
    South Africa
    Posts
    1,265
    Mentioned
    199 Post(s)
    Tagged
    0 Thread(s)
    I believe he is using a camera movement or frame position to get that effect. Probably tying in the mouse movement to the camera movement.

    For example:

    Create an object
    Always move it to the mouse position
    Centre the frame (scrollings under storyboard controls) on that object.
    As the mouse moves around and the object moves around, the viewport should also move.

    There are also camera objects in Clickstore - I've never used them, so not sure if they work better.

  6. #6
    Clicker Fusion 2.5 (Steam)Fusion 2.5+ DLC (Steam)

    Join Date
    Sep 2023
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Janette5 View Post
    I believe he is using a camera movement or frame position to get that effect. Probably tying in the mouse movement to the camera movement.

    For example:

    Create an object
    Always move it to the mouse position
    Centre the frame (scrollings under storyboard controls) on that object.
    As the mouse moves around and the object moves around, the viewport should also move.

    There are also camera objects in Clickstore - I've never used them, so not sure if they work better.
    can you do a tutorial for me maybe MFA or something

    Because I don't know where to click

  7. #7
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Fusion 2.5+ DLC (Steam)Android Export Module (Steam)iOS Export Module (Steam)Firefly 3D Module (Steam)
    Linky's Avatar
    Join Date
    Mar 2020
    Location
    Egypt
    Posts
    421
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ruchaneczko View Post
    can you do a tutorial for me maybe MFA or something

    Because I don't know where to click
    I think the video I posted above should be enough for your case, this is a called interpolation (lerp) to camera, there are multiple interpolation methods out there, in the video I used a simple smooth lerp method via a well known formula
    For other types of easing, I would recommend to use the easing object, it has a lot lerp functions (check it's help file and built-in examples from Help > Examples > Easing to know how to use it)

    Also just a thing that I see repeated a lot, you probably are new to the engine, I would recommend starting out properly first before making your game
    • Go over the tutorials from Help > Tutorials
    • Watch some good tutorials, like the ones by AlmightyZenTaco (NOT FNAF ONES THEY ARE ALL BAD)
    • Check the documentation from Help > Contents
    • Understand how events work (they are explained in Help > Contents)
    • Play with different objects, check there help files and examples that come with them (most objects do)
    • Experiment a lot with different objects, various engine features and editors, object selection, fastloops and foreach loops, groups and comments..etc
    • Search the forum or ask for stuff on it (but do not have very specific stuff like how to make camera movement like fnaf) there is also the discord server (pls don't ask for fnaf questions if possible though, we are burnt out from them): Click Converse Discord Server Invite

  8. #8
    Clicker Fusion 2.5 (Steam)Fusion 2.5+ DLC (Steam)

    Join Date
    Sep 2023
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Linky View Post
    I think the video I posted above should be enough for your case, this is a called interpolation (lerp) to camera, there are multiple interpolation methods out there, in the video I used a simple smooth lerp method via a well known formula
    For other types of easing, I would recommend to use the easing object, it has a lot lerp functions (check it's help file and built-in examples from Help > Examples > Easing to know how to use it)

    Also just a thing that I see repeated a lot, you probably are new to the engine, I would recommend starting out properly first before making your game
    • Go over the tutorials from Help > Tutorials
    • Watch some good tutorials, like the ones by AlmightyZenTaco (NOT FNAF ONES THEY ARE ALL BAD)
    • Check the documentation from Help > Contents
    • Understand how events work (they are explained in Help > Contents)
    • Play with different objects, check there help files and examples that come with them (most objects do)
    • Experiment a lot with different objects, various engine features and editors, object selection, fastloops and foreach loops, groups and comments..etc
    • Search the forum or ask for stuff on it (but do not have very specific stuff like how to make camera movement like fnaf) there is also the discord server (pls don't ask for fnaf questions if possible though, we are burnt out from them): Click Converse Discord Server Invite
    I watch some clickteam tutorials not only fnaf but there is no tutorial for LERP scrolling

    and this tutorial with scrolling is good, but it's not what I wanted
    There is no smooth end that I want

  9. #9
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Janette5's Avatar
    Join Date
    Dec 2014
    Location
    South Africa
    Posts
    1,265
    Mentioned
    199 Post(s)
    Tagged
    0 Thread(s)
    Here is a basic example using only built-in functions.

    Frame 1: the view moves when the user clicks
    Frame 2: the view moves with the mouse, but with a delay and you can change the delay as you wish.

    I used rendered graphics to show the 3D effect.
    Attached files Attached files

  10. #10
    Clicker Fusion 2.5 (Steam)Fusion 2.5+ DLC (Steam)

    Join Date
    Sep 2023
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Janette5 View Post
    Here is a basic example using only built-in functions.

    Frame 1: the view moves when the user clicks
    Frame 2: the view moves with the mouse, but with a delay and you can change the delay as you wish.

    I used rendered graphics to show the 3D effect.
    Still not what I want

Similar Threads

  1. Easing Object with Trigonometry
    By yuigoto in forum Fusion 2.5
    Replies: 4
    Last Post: 17th December 2015, 05:59 PM
  2. Easing Object Android bug?
    By Outcast in forum Android Export Module 2.5
    Replies: 4
    Last Post: 8th March 2014, 09:54 PM
  3. [bug] Easing Object
    By StingRay in forum Multimedia Fusion 2 - Technical Support
    Replies: 3
    Last Post: 9th September 2013, 08:22 PM
  4. Easing ported to Android
    By Fernando in forum Android Export Module Version 2.0
    Replies: 10
    Last Post: 8th March 2013, 02:25 AM
  5. Easing expression...
    By ChrisBurrows in forum Multimedia Fusion 2 - Technical Support
    Replies: 4
    Last Post: 14th June 2012, 09:37 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •