Simple Fog Event Tutorial for RPG Maker VXAce

[Imploded Tomato]

When I first tried RPG Maker VXAce, I could not help but to wonder why there was no options for fog in the events like in RPG Maker XP. This is a simple tutorial to show how you can create fog for your maps using RPG Maker VXAce. Lets get started. You will need two things.

1.) A fog graphic that has been imported into your pictures folder for your project.

2.) A two paged Event that will display the fog.

I have supplied a fog graphic for you to use.

After you import your fog graphic to your pictures folder. Create a event on a map. As shown in the Example 1 Screen Shot. You will need to select "Display Picture". On the "Display Picture" options make sure select your fog graphic. Under the "Display Position" select the "Center Tab". Under "Zoom" Select 500 for width and 500 for height. Under "Composition" set the "Opacity" to 110 to give the fog that transparent look. Then create self switch A as well as a new page.

On your second page make sure self switch A is ON under the "Conditions" tab as shown in Example 2. The next event will involve moving the fog graphic. Under "Picture and Weather Effects" select "Move Picture". Under "Zoom" Select 500 for width and 500 for height. Under "Composition" set the "Opacity" to 110. Next under the "Specify Directly" option set "X" to 100 . Set the time to 600 frames then press okay.

Now copy and past your "Move Picture" 3 times, you should have a total of 4 "Move Picture" functions on your second page. For your second "Move Picture" function change the "Time" to 60 instead of 600 frames as shown in Example 3. For your third "Move Picture" function change the "Time" to 600 and change the "X" coordinates to -100, this will cause the fog graphic to move back and forth.

And finally for your last "Move Picture" function just change "Time" to 60. On the Event Page under "Trigger" select Paralell Process so that the fog will loop, click okay and test.

You can change the zoom and opacity settings as well as the X and Y coordinates to give the fog a different look and feel. This concludes this tutorial, hope you enjoyed it and learned something new. Happy Gaming!



- Encrypted Knight

 

[Genii Benedict]

I'm getting a permission error trying to view the pics. Anyone else?

 

[ShinGamix]

the text is really hard to read also.

 

[Touchfuzzy]

Let me check the permissions. They might be set screwy. (I've done stupider things)

And yep, my bad, should be fixed now.

 

[Jetstopia]

Just going to add some tips if you have some troubles like I did

Event 2 page

Move Picture - have 'centred' for all of them.

If the picture goes off the page (it will have a clear bit on thed edges) increase the zoom. The map I put it on was 25 wide and a 500 zoom was just not quite enough so I made it 600 and it worked fine.

Make sure the 1 and 2 @>Move Pictures have a constant 'X' value of 100

The 3 and 4 @>Move Pictures have a constant 'X' value of -100

My advice for anyone that is less competent at this than me (which would not be many)

 

[MyLordRobinson]

Upon leaving an area that I don't want fog to be in, how would I stop it from happening on other maps?

EDIT: I went ahead and converted what you posted into a common event set on a switch. Would I just need to set to turn the switch "OFF" upon entering a building and then turn it back on when I transfer to another map?

 

[Jetstopia]

I put the show picture with an opacity of 0

I would guess that the common event and switch technique would work in a better way though.

 

[Imploded Tomato]

@Salam - Yes, you can use a switch to trigger the fog on and off. Copy and paste the fog event to another map. Once you have copied the fog event create a new blank page before the fog event page. Next, set a conditional switch on your second page. Now you can use that switch in any event to trigger the fog event on and off.

 

[MyLordRobinson]

Could you show me what that looks like in a screen shot?

 

[Imploded Tomato]

This is your first page you will need in order to turn the fog event on with a switch.

http://picturepush.com/public/9954877

On the second page of your fog event, create a conditions switch(its on the upper left hand side).

http://picturepush.com/public/9955084

Your third page doesn't need to be changed.

http://picturepush.com/public/9955093

Now, to trigger the fog event by triggering a switch, create a event that triggers the conditions switch you just created.

http://picturepush.com/public/9955097

The final page is blank with self switch a set on the conditions.

http://picturepush.com/public/9955108

Hope that helps, happy gaming!

 

[KyleRiley]

Thank you! I've been looking for a fog effect. It's one of the things I missed about RPG Maker XP. This is awesome.

 

[Prophet]

Looks cool however the smoke only lasts for a little while. I guess I'll be doing more research to find out what I'm doing wrong...

 

[Zephut]

This fog event works great!... but I can't seem to get it to shut off. It's on every map. I only want it displayed on the one map and then have it shut off as I enter the next one. I tried using the little guide you made, but it doesn't seem to want to work. Any help with this would be great!

 

[Shaz]

Pictures are not unloaded when you change maps.  You would need to add an event on every exit to Erase Picture for each one, or a single parallel process event on any map you can transfer to from the fog map, telling it to erase the pictures, then erase event.

 

[Zephut]

Thanks Shaz! I was able to make the fog event stop by using erase picture on my transfer out of the zone!

 

[Spacecookie]

Omg, ty, this is one thing that I was really looking how to do. You've saved me many hours of messing about trying to find an answer in RPGm.

And can I please say, Zephut, I find your your avi is truly disturbing.  Sorry I think it's quite horrible that some guy is slaughtering a bunch of girls in a bloody mess. >_<

 

[Rik Vargard]

Like like like!! 

Thanks !!

 Rik

 

[Cid Gaius]

Hi, I've tried using your fog event tutorial but when I try to turn it off I get this message:

script 'Sprite_Picture' line54:NomethodError occurred. undefined method 'width' for nil:NilClass

 

[Dragarflash]

Thank you very much for this, definitely this is a great trick for adding aesthetics to the maps. This will boost the maps for my horror game, thanks

 

[kjrickab]

That an awesome idea! I never even thought about using the pictures like this... Thanks!