Graphics Room Transition Effect

Discussion in 'Tutorials' started by TinyGamesLab, Dec 23, 2018.

  1. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    GM Version: 1.4
    Target Platform: ALL
    Download: N/A
    Links: see video below

    Summary:
    Learn on this series of tutorials how to create awesome and easy room transition effects with only 1 object!
    The series has a basic tutorial (for initial setup) and then different tutorials for different effects that build upon the initial idea.
    The whole series will be avaiable at the follwing playlist:


    This is the tutorial that will serve as a basis for the next videos.
    The button expand in a circle/disk effect before changing to the new room, where it shrinks back to its regular size.
    It makes use of the draw_primitive functions to get a sharp looking transition.

    This is what you'll achieve at the end:
    [​IMG]
    Tutorial:

    Building upon the basic tutorial, I'll show you how to have multiple disks/circles with different colors, such as this:
    [​IMG]

    Tutorial:

    Building upon the basic tutorial, I'll show you how to have this cool shrink effect:
    [​IMG]

    Tutorial:

    This time I'll teach you to do something different and use some bounce easing effect to achieve the effect shown below:
    [​IMG]

    Tutorial:
     
    Last edited: Jan 11, 2019
  2. Amon

    Amon Member

    Joined:
    Sep 13, 2016
    Posts:
    217
    This is cool. :)
     
    TinyGamesLab likes this.
  3. Mert

    Mert Member

    Joined:
    Jul 20, 2016
    Posts:
    280
    Really, looks awesome. Thanks
     
    TinyGamesLab likes this.
  4. Toque

    Toque Member

    Joined:
    May 25, 2017
    Posts:
    838
    Nice effect.
     
    TinyGamesLab likes this.
  5. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    Glad you guys liked it!
    When I get back home (in 2 days) I can post how to do some variations of the same transition (maybe some hexagons, left to right swipes or circles inside other circles)
     
  6. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    I just did 2 variations of the same transition object, would you guys like to see how it is done?

    Both variations are in the same GIF:
    [​IMG]

    Sorry for the large GIF's, but it was the best I could make to capture the effects...
     
  7. Lambda01

    Lambda01 Member

    Joined:
    Oct 9, 2018
    Posts:
    10
    Looks very nice, and personnaly i would like to see !
     
    TinyGamesLab likes this.
  8. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    Okay ladies and gentlemen!
    I decided to change my approach and created a series. In order to do so I created a basic tutorial (which will have an initial sample code) and additional tutorial for each effect.
    Click on the spoilers to get a glimpse of each tutorial final effect.
    I have a couple more tutorials in the making in order to increase this series.
    Let me know if you like this format or not!
     
    Lambda01 and Toque like this.
  9. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    New tutorial is out (Bouncy Title), which is a bit different from the other ones as I use a Sprite to hide the room transitions.
    Check it out!
     
  10. Waterticket

    Waterticket Member

    Joined:
    Nov 22, 2016
    Posts:
    7
    Really nice tutorial!
     
  11. EvanSki

    EvanSki Dedicated link provider

    Joined:
    Apr 17, 2018
    Posts:
    442
    Can you make one were its like
    Room 2 slides in like a carousel?
     
  12. TheSly

    TheSly Member

    Joined:
    Jan 16, 2017
    Posts:
    852
    You're producing some real fun stuff, loving it. Only suggestion is to cut the background music, it just makes it harder to hear you, and doesn't improve the quality of the final product.
     
  13. William Garrison

    William Garrison Member

    Joined:
    Apr 16, 2019
    Posts:
    30

    Amazing!! Very much trying this later. Thanks friend. Great work.
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice