A place to have fun with Mugen
PortalHomeFAQMemberlistSearchRegisterComic WIP TrackerDownloadsLog inChat
Website Navigation Help
Translate the Website
Log in
Log in automatically: 
:: I forgot my password
Latest topics
» RR3
by Helio Today at 1:13 am

» Marvel's Black Panther
by arose87 Yesterday at 1:55 pm

by DimaLarin Yesterday at 10:43 am

» Mack the Knife Edited by Gartanham ...
by JARRO77 Yesterday at 3:30 am

» New Yolomate palettes part 2, Just when you thought it was safe to go back in the forum.
by EDWARDUSK February 20th 2018, 6:59 pm

» The MMV News
by yolomate February 20th 2018, 6:15 pm

Special Features at MMV

Chat on MMV w/ Discord

Share | 

 Sqirlz Water Animation Program Tutorial by GLB

Go down 


Posts : 29
Join date : 2012-10-22
Age : 23
Location : _̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡ ̡̡ ̴̡ı̴̴̡ ̡̡͡ ̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲ ̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡

PostSubject: Sqirlz Water Animation Program Tutorial by GLB   March 2nd 2015, 6:05 pm

Hello, some people have asked me on several occasions how to use Sqirlz. I'm going to cover this tutorial on the way I use it. It's quite simple, I'll give a basic run through on how I use it for mugen related content. Keep in mind I will not be explaining all features of this website, only the essential parts needed for Mugen content.

What is Sqirlz?

Website Explanation wrote:
Sqirlz Water Reflections is a way of adding rippling pools of water, and rain or snow effects, to images or existing AVI videos.The pools can be animated to give lifelike rippling reflections of the scene above them, and can be of any shape.
Choose from a variety of ripple shapes, and control details such as wave size, perspective, water transparency and flow direction.The raindrops and snow flakes can be adjusted in many ways, including size, speed, direction, transparency and scene depth effects.Animations can be saved as Macromedia Flash (SWF) files, animated GIF files, AVI video clips, and sets of bitmap, JPEG, PNG and TIFF files.

Here's a few examples of Sqirlz effects:



Or if you're familiar with any of my mugen stages: Caliginous Lake (Rain, BG Water), Necro/Twelve Remix (BG Water), Rooftop (Rain/Puddles), Within The Depths (Floor Effect.) Many other Mugen creators have used it, and in creative ways. It can be used for more than just Water related animations if you think of something.


Obviously first you're going to want to  download the program. It's free. I use this program quite often for Water animation, rain, and puddles.

Programs you're going to need:

Sqirlz Water Reflections (Obviously)
Ifranview (Recommended) Or anything that can batch index if you plan to do several frames.
Gimp/Photoshop if you plan on editing your frames at all.


Here's an explanation of your main tool:


Now usually when I go about making rain I make it plain black image in gimp (or paint, photoshop, whatever) the size that I need for my stage. In this example we'll use a 640x480 plain black .png image. Remember, the size varies on your stage size. Once you create your black image, you want to open it in Sqirlz. (File, open, browse, find etc)

Then you're going to want to select your outline tool and draw an outline around the entire black image then right click after you're done drawing the outline (this'll make you able to click on options to edit your animation.)

After your outline is drawn it should look like this:


(this border you see should surround the image and you should be able to click on other tools/options.)

This part of the tutorial will concern rain:

When creating your rain animation after your outline is drawn you want to click the three rain lines on the top bar, it'll bring up a box it's going to look something like this:


Adjust these options to your liking, as they're pretty self explanatory. Click the yellow "Run Animation" arrow tool to preview your animation with your settings. If you mess around enough you'll notice some cool functions, like default flow settings that are really nice, alternate flow directions, and you can even adjust the color.

Once you're content with the rain you've made you're going to want to save it, now there's a couple of ways to do this, you could save it as a .gif animation and batch convert via ifranview, or you could save as image files and manually add your transperacy (this is my way)

Doing it my way (with image files) will go as follows:

Click the green button on the far right (it's the last button on the bar) after doing so you should see something like this:


You're going to want to check the list as I did for rain. Then you click okay, and it'll have you save the rain to your destination. Name it "Rain" and save it to it's own folder. It will then ask you to select an image type, you select .png.

Then you will convert the 19-20 (though I recommend extending the frames to about 25-30 for confirmed smoothness) layers of rain it shoots out into .pcx files and use coding in mugen to rid of the black background, it's quite easy.

If you'd prefer doing it with a .gif (which admittedly does have some qualities that make it better than image files.) You can make the frames a larger amount for a smoother animation if you're not content with the amount of frames in your image files.

That covers rain.

As far as puddles go, it's the same exact concept except rather than a black image you'd open your floor sprite and draw your outline of where you want the puddles to be and then to edit them you'll do the same for rain except you click the three circles tool (puddle editing) and yet again, adjust to your liking. (MAKE SURE YOUR TRANSPERACY IS AT 100 FOR PUDDLES.) Then, again, you will save as png image files and add a 1 pixel wide pink background over it, index, and make the pink your 0 color in the .pcx sprite (this is what I do at least for Water/Puddle animations. Just not rain)

Water animating is the same as well, however in regards to mugen it's a bit more tricky to edit your water it's sort of the same above except your edit tool is the 3 squiggly lines next to your puddle and rain editor Also, make sure your transperacy in the editor is toned all the way up here too, or it won't turn out right.



Let's say I wanted to use this image in a stage. When I animate the water, I'd have to make sure I cut out the background and have only the water in sqirlz, (If this cannot be done beforehand you must apply pink to your background before adding it into mugen mind you it's going to be 19-20 images. Batch conversion is best in this aspect.) If you don't remove your background from the water it'll animate your background along with the water in mugen (because it repeats with your water sprites) and it looks awful, and make sure when you save you check the appropriate animation used as I did above for rain. Puddles for puddles, water for water, etc.

I won't even cover sqirlz snow, because it's awful in my opinion, works for some but i dislike it.

I hope this helped.
Back to top Go down
View user profile http://network.mugenguild.com/glb/
Sqirlz Water Animation Program Tutorial by GLB
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
The Mugen Multiverse :: Mugen :: Mugen Resources-
Jump to: