Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Fading Pictures In and Out

HoRe

Member

Hi everyone! I am using several pictures as an opening to my game, but I can't figure out how to fade out inbetween them. Any suggestions?
 

HoRe

Member

Hmmmm it doesn't seem to working... does it matter if my picture is just text to text??? I also have the frame rate @60, but there seems to be no effect.

What I'm doing is fading from picture to picture so it seems as if the text is fading, but it seems as if the Move Picture happens behind the next Show Picture. Can I correct this?
 
As long as it's a picture, it should work. What exactly are you trying to do?

And could you please take a screenshot of your event page? Would help to figure out what's your problem.
 

HoRe

Member

*Sigh* I know it would... unfortunately I haven't been able to find a free screen capture program yet. But my event page looks something like this:

Show Picture: 1, 'opening_screen1', Center (350, 150), (100%, 100%)
Wait: 40 frames
Move Picture: 1, @60, Center (350, 150), (100%, 100%), 0, Normal
Show Picture: 3, 'opening_screen2', Center (350, 150), (100%, 100%)
Wait: 40 frames

That's the jist of it. I'm trying to fade the pictures so it looks as if the text of one picture fades into the text of the next.
 
The higher the picture #, the higher priority it is. You want to make 'opening_screen1' Picture #3, and 'opening_screen2' Picture #1, or 'opening_screen2' will show up above #1 and hide it. You'll also need to adjust depending on how many pictures you show.

Also, a screen capture program comes with your computer. It's the "Print Scrn" button on your keyboard (assuming you're using a PC, on Macs it might be different).
 

HoRe

Member

So I've switched the numbers so my event looks like this:

Show Picture: 19, 'opening_screen1', Center (300, 200) etc. etc.
wait: 10 frames
move picture: 19, @20, center (300, 200) etc. etc.
show picture: 18, 'opening_screen2', Center (300, 200) etc. etc.

And now the picture 19 isn't disappearing at all. *Sigh* This should not be this hard...

Also, I'm on a Mac. :)
 
If you've set 0 opacity, it will disappear. Check if you've set 0.

Try waiting 20 frames after you make the picture "move" to see if it is indeed fading out, then erase it and show the new picture.
 

Banshi

Member

Try doing:

Show Picture: 19, "name", blah blah... 0% opacity     
move picture: 19, @20, blah blah... 100% opacity     
wait: 20 frames   (however long it takes to read)     
move picture: 19, @20, blah blah... 0% opacity       
wait: 20 frames                                                   
  * Show Picture: 19, "name 2", blah blah... 0% opacity
   repeat

Re-using the same layer with a different picture file will automaticaly switch the old picture for the new one, some what like an auto-delete....
As Hevendor said, ocacity is waht maters with a fade in/fade out. Having 0% (a blank screen) going to 100% (screen with text) and back should give you a nice effect.
Hope this helps.
 

HoRe

Member

That works pretty well!.... But for some reason my main character is still stuck in the middle, even though he should be covered up with the black background (it is white text on black background.) If I replay the sequence a few times, the 2nd- time he doesn't show up. Just the first time I playtest it. :-/
 
You probably have the last picture showing after the sequence plays for the first time. You can change the Hero's graphic to "none" with the Set Move Route command though, and change it back after you're done.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top