CrayDragon's Underwater Effect Mapping Tutorial

● ARCHIVED · READ-ONLY

Started by GrandmaDeb Apr 30, 2014, 07:32 AM 20 posts View original ↗

GrandmaDeb

#1 Apr 30, 2014, 07:32 AM Source
It's time to make....
An underwater map effect! by CrayDragon

Please note that this tutorial was written by CrayDragon for VX (and used Woratana's Multiple Fog Script for VX.) Hopefully I have caught all of the changes from VX to Ace, but I may have missed a few. Hugs, Granny.

Any tiles welcome!

With this here tutorial, you'll get a product similar to this:

Step 1: Create a map.
Spoiler
I'm sorry, this isn't a mapping tutorial D: So the only thing I can say here is DON'T ADD ANYTHING TO YOUR MAP THAT WOULDN'T MAKE SENSE UNDERWATER.
I.e. fire, lava, full-grown trees, etc.
Step 2: Variable Bits and Bobs.
Spoiler
If you already have variables labeled these from flashlight effects, etc. you can disregard all of the following step.
So, go to your variables editor, and select two variables you believe you will remember.
I chose my last two.
Label them:
Player's Screen X
Player's Screen Y
(Or anything you can remember that will suggest that. For future notice.)
Step 3: Pictures and Tints
Spoiler
Let me show you these images:

Save as Waterfog

Save as Wareflec - stands for Water reflection - took me awhile....

Save as Beam1_ani1

These will be necessary for the full effect.

Event commands will be necessary for it too.
So yeah, import those to Graphics/Pictures in your game.
Then.
You are going to have to grab Woratana's Multiple Fogs for Ace for the next bit.

Once that's imported, along with my and Pentagonbuddy's picture graphics, make a Parallel Process event.
Event the following in a Script Call (commands page 3 bottom-right):
Spoiler

Code:
$fog.name = 'wareflec'$fog.hue = 0$fog.tone = [0,0,0,0]$fog.opacity = 70$fog.blend = 0$fog.zoom = 225$fog.sx = 10$fog.sy = 0$fog.show(1)
And below it:

Code:
$fog.name = 'wareflec'$fog.hue = 0$fog.tone = [0,0,0,0]$fog.opacity = 35$fog.blend = 0$fog.zoom = 225$fog.sx = -5$fog.sy = 0$fog.show(2)
So now you can kiss the scripting part goodbye.
Here's a good tint you can use for our little effect:
Code:
R: -102G: -17B: 85G: 0
You can meddle around with that, but I wouldn't suggest it. It's either too green or too red X( A pain for the eyes.
Put the tint after the Script Call bit.

Now do a Show Picture command (commands page 2) that should look like this in the event menu:
Show Picture: 2, 'beam1_ani1', Upper Left, (0,0), (100%,100%), 100, Add

Are you wondering why the picture ID is 2? Well.
Make another Parallel Process event right next to this one (position doesn't matter, but it must be made.)
Event the following:
Control Variables: [Variable you picked for player's X] = Player's Screen X
Control Variables: [Variable you picked for player's Y] = Player's Screen Y
Show Picture: 1, 'waterfog', Center (Variable [PlayerX][PlayerY]), (205%,205%), 245, Normal
This bit is to make the blue mist follow the player around. It'll be centered on the player.
The size is big because otherwise it looks damned weird ,:/

Step 4: Move Pictures
Spoiler
Create a Loop (Ev commands page 1).
Within the Loop, you can place a command for Move Picture:
Loop
Move Picture: 2, Upper Left, (0,0), However transparent you want it to fade to, Add, amount of frames you want this to take.
For opacity, I used 175, and it took 80 frames.
Wait how many frames the first transition took, like 80 frames.
Move Picture: 2, Upper Left, (0,0), Transparency in it's final instance, Add, your used amount of wait frames.
Wait once again, your used amount of frames.
Repeat Above
Whew...oh my..... I need some sleep.
Well, you know the drill now, post up a screenshot of your result, and any bugs you encountered with this.
First thing to do with a bug is MAKE SURE YOU READ IT CAREFULLY.

Credit to Pentagonbuddy for the light beam graphic, and woratana for the script I made you add
Also, me (CrayDragon) and photographer Raul Touzon for the water reflection image.
Deathspecter

#2 Nov 23, 2014, 10:46 AM Source

This looks awesome, I'm thinkng about doing some underwater maps in my game (maybe) so I'll go ahead and save this one for later!

Thanks a lot Grandma :D
SaberOfMoonLight

#3 Jul 12, 2015, 09:36 PM Source

I have a problem, and that is that it tints the bottom right of my screen a very dark blue, but toward the upper left, it's completely normal with almost no tint. Is this normal?
GrandmaDeb

#4 Jul 13, 2015, 04:23 PM Source

Hi Saber - I' m really happy you are using this tutorial. It was written for VX, and won awards at the time. =]

Are you using VX? Are you using woratana's multiple fogs?

(I am wondering if the blue fog with the white opening is just the wrong size for your map.)
Braincake

#5 Sep 24, 2015, 11:39 PM Source

Could I by chance use this in a commercial game?
Shaz

#6 Sep 26, 2015, 04:48 AM Source

Of course you can. It's a tutorial, not a resource. It shows you how to do something.
GrandmaDeb

#7 Sep 26, 2015, 08:52 AM Source

Shaz said:
Of course you can. It's a tutorial, not a resource. It shows you how to do something.
There are three fogs included.

Beam1 is by PentagonBuddy and you can use it commercially with credit. =]

waterfog is by CrayDragon; use with credit.

I cannot find definite terms for the reflections but there is a caustics generator:

http://www.dualheights.se/caustics/

you can use to make another, for a small fee. I will keep looking but cannot find terms yet for wareflec.

***********************************************************

Found some free-for-commercial caustics (water reflections)

http://www.rendertextures.com/category/water/seamless-water/
Braincake

#8 Oct 1, 2015, 06:46 PM Source

GrandmaDeb said:
There are three fogs included.

Beam1 is by PentagonBuddy and you can use it commercially with credit. =]

waterfog is by CrayDragon; use with credit.

I cannot find definite terms for the reflections but there is a caustics generator:

http://www.dualheights.se/caustics/

you can use to make another, for a small fee. I will keep looking but cannot find terms yet for wareflec.

***********************************************************

Found some free-for-commercial caustics (water reflections)

http://www.rendertextures.com/category/water/seamless-water/
Thanks so much!
Braincake

#9 Oct 17, 2015, 02:45 PM Source

I don't know if you can help with this but every time I try to run the script I keep getting an error that says "undefined method class 201 for Game Interpreter"
Kes

#10 Oct 17, 2015, 03:16 PM Source

For queries about a script, I suggest you open a thread in the Script Support section.

This tutorial isn't really about the script, and as it's not Granny's script she will probably be unable to help you.
MrPancake

#11 Oct 20, 2015, 12:18 AM Source

just a question when you doing the "move picture part" is that on the 1 event or the second event? or is a third event? o.o i got confuse
MrPancake

#12 Oct 20, 2015, 09:10 PM Source

This is what I have atm:

Event #1 Page 1

Event #1 Page 2

Event #2

Variables

How it looks....
MrPancake

#13 Oct 23, 2015, 07:39 PM Source

After reading it 10 more times and try 20 more times finally i got the result! except for the Water Fog it stays blue in a corner :/ but still looks good

Edit: After reading it 20 more times and trying other stuff finally I made it! this is awesome thanks!
MHRob

#14 Oct 26, 2015, 07:41 PM Source

Just recently started on my own underwater areas/dungeons of my game and I have to say, this tutorial came very much in handy.

Thank you very much, GrandmaDeb! It wasn't hard to follow at all and it really does look superb in-game.
NarikoStudios

#15 Nov 25, 2015, 03:43 PM Source

Will this work for MV?
GrandmaDeb

#16 Nov 28, 2015, 01:50 PM Source

DragonSoftware said:
Will this work for MV?
The concept does!

You would be using MV Plug-ins, so commands, setting, would all be according to the plugins. =]

If the screen images are not the right size, they can easily be resized.
NarikoStudios

#17 Nov 28, 2015, 03:00 PM Source

So how would I get this to work on MV? I don't need it just yet but would be good to learn it
GrandmaDeb

#18 Nov 29, 2015, 11:54 AM Source

Good question to post in MV Support!

I am not familiar enough with the plugins and regular features, but you are probably looking for something like this:

http://forums.rpgmakerweb.com/index.php?/topic/48593-kaus-ultimate-overlay-v107-lightfogshadowparallaxground-layers/
saintjedii

#19 May 23, 2016, 08:40 PM Source

can i get some help im not getting the right look, its looking like N7Pankakes first screenshot and i dont know how to fix it? please help!?
dragon1up

#20 Jun 20, 2017, 04:33 AM Source

Can't find anything at all about MV and something like this and have spent ages and ages trying to find something similar with a guide...