YesNoOk
avatar

THE ULTIMATE STAGE TUTORIAL (Read 544169 times)

Started by Cybaster, August 29, 2009, 04:26:30 pm
Share this topic:
THE ULTIMATE STAGE TUTORIAL
#1  August 29, 2009, 04:26:30 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
... OF MAKING STAGES 8)

Okay guys, I know I shouldn't be announcing a tutorial here, but with the time I've spent on it, I think I've achieved writing the most complete tutorial on stage making to date. And since people look out this section much more than the tips & tutos one, I figured it'd be interesting for everybody to know about this tutorial.

The tutorial is kinda interactive, and will allow you to create (from PNG sprites included in a link), this stage :


It also has many advices on the mistakes to avoid, how to apply a palette to a sprite (not for stages only), etc.
Give me feedback, whether you're a beginner or a pro.

Here's the link : http://mugenguild.com/forumx/index.php?topic=104470.0
Last Edit: September 07, 2009, 07:34:37 pm by PotS
Re: THE ULTIMATE STAGE ...
#2  August 29, 2009, 04:40:56 pm
  • ******
  • JoJo is boring
    • USA
WHERE CAN I FIND THIS AWESOME STAGE!?!?!!?!?

Spoiler, click to toggle visibilty

Thanks for the tutorial.
Last Edit: August 29, 2009, 04:44:43 pm by «Don't Touch Me» |:<
Re: THE ULTIMATE STAGE ...
#3  August 29, 2009, 04:48:20 pm
  • *****
  • WIP: Tons and tons of IKEMEN stages
First of all, congrats. It's great to see some people still care about teaching MUGEN.

Now, on feedback.
On applying a palette to a file... you've done incredibly detailed, yet Adobe Photoshop ain't the only tool used, nor is it free. Why not just telling to reduce to 256 colours and teach Paletero?

The rest is just perfect, and I do think with just a bit more writing you could easily turn this into a 'How to make an .ACT, .AIR and .SFF file?', which would also apply to characters.
Re: THE ULTIMATE STAGE ...
#4  August 29, 2009, 04:57:36 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
Thanks to the mod/admin who stickied my tutorial. :)

@ Exshadow : not sure you're the kind who needs this tutorial the most. :P

@ Lasombra Demon : thanks for the feedback. I know I should have used The Gimp, because it's free and thus accessible to everybody. However, I wrote the tutorial with the tool I'm the most used to. ;P
Concerning paletero, I've never used it, so I cannot tell ...

Yeah, I guess I could be writing a bit more to expand the tutorial to other aspects of character making. I'll think about it, but I've spent the last few days finishing a 65 pages report for my school, as well as writing this tutorial, so I think writing wall of texts is not my priority for now. ;P
Re: THE ULTIMATE STAGE ...
#5  August 29, 2009, 05:15:51 pm
  • ******
  • JoJo is boring
    • USA
I have been owned. 
Re: THE ULTIMATE STAGE ...
#6  August 29, 2009, 05:18:17 pm
  • ***
  • Do the impossible!
AWESOME, Cybaster!

Thanks for the tutorial!
group1942@groupsim.com

Join, mugenites!
Re: THE ULTIMATE STAGE ...
#7  August 29, 2009, 05:25:02 pm
  • ****
    • Argentina
    • sites.google.com/view/senseiyoda/sensei-yodas-mugen
great tutorial cybaster!  ;D
Re: THE ULTIMATE STAGE ...
#8  August 29, 2009, 05:34:45 pm
  • avatar
  • **
  • Winning. <3
Damn thats the shit  ;D
Love being a Raider :)

Re: THE ULTIMATE STAGE ...
#9  August 29, 2009, 06:07:28 pm
  • ***
  • oh! kah! mi...
OMG! great tuto cybaster!
you gave me the way and desire to make a stage!
thank you Cybaster and very useful/precious tuto for a beginner like me (and for others) ;)
Re: THE ULTIMATE STAGE ...
#10  August 29, 2009, 07:59:50 pm
  • avatar
  • ******
  • Staying Alive
    • Panama
YES!! Thanks Cybaster for this tutorial  :D
Chilling
Re: THE ULTIMATE STAGE ...
#11  August 29, 2009, 08:02:51 pm
  • ***
  • I'm not a player, I guard-crush a lot.
    • USA
    • mugenorama.smeenet.org/index.html
A very minor nitpick, Cy:  the "ASxxxDyyy" anim transparency parameter only works in WinMUGEN (and Linux MUGEN, if I remember correctly.).  Not that most stage makers nowadays are working in DOS, but it's just something to note.

Anyways, the tutorial is definitely required reading when it comes to stage making for vets and noobs alike.  I even picked up a couple things from it.  Good job, Cy!   :sugoi:
Re: THE ULTIMATE STAGE ...
#12  August 29, 2009, 08:32:32 pm
  • avatar
  • *****
  • I'm already Tracer
    • Canada
im working on stages right now, to go with my rather bad character, so i do appreciate this, most of them come out really bad


after trying this ill get back to you with feedback.
Re: THE ULTIMATE STAGE ...
#13  August 29, 2009, 09:12:29 pm
  • avatar
  • *****
  • I'll do it myself.
    • France
    • Skype - djoulianne
    • network.mugenguild.com/cybaster/hosted.html
excellent, as if it would have been any different coming from you ;)

gret job!
Re: THE ULTIMATE STAGE ...
#14  August 29, 2009, 09:19:04 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
A very minor nitpick, Cy:  the "ASxxxDyyy" anim transparency parameter only works in WinMUGEN (and Linux MUGEN, if I remember correctly.).  Not that most stage makers nowadays are working in DOS, but it's just something to note.
Yeah, I thought about writing that, but I figured out that anybody creating stage nowadays would be using Winmugen (or Linux Mugen) anyway.

Quote
Anyways, the tutorial is definitely required reading when it comes to stage making for vets and noobs alike.  I even picked up a couple things from it.  Good job, Cy!   :sugoi:
W00t, I learned something to the mighty mh777 !!! :sugoi:

And thanks guys for the kind words ! ^_^
Re: THE ULTIMATE STAGE ...
#15  August 30, 2009, 07:14:10 am
  • avatar
  • ***
This is very good Cybaster, you did an amazing job here. Wish something like this was around when i first got into mugen, thanks for sharing! Can't imagine how much work went into this  :sugoi:
For more Mugen stuff visit me at http://retrostage.trinitymugen.net/
Re: THE ULTIMATE STAGE ...
#16  August 30, 2009, 07:26:50 am
  • avatar
  • ******
    • Thailand
Maybe I'll kick the chickens out now.
Re: THE ULTIMATE STAGE ...
#17  August 30, 2009, 05:05:21 pm
  • ***
    • clubsyn-x-treme.net/Rev2.1/index.php?topic=32.0
5 out of 5 stars
Re: THE ULTIMATE STAGE ...
#18  August 30, 2009, 05:20:41 pm
  • ***
  • MUGEN THe DReam COme TRue
Propz man, very accurate a detailed, newbies, get ready to take the risk, no excuses with this shit (me too  :sugoi:)
Re: THE ULTIMATE STAGE ...
#19  August 30, 2009, 05:32:06 pm
  • ***
    • baragon.webs.com/
Now I have an excuse to use the pirated totally legal version of Photoshop I have.
 
Re: THE ULTIMATE STAGE ...
#20  August 31, 2009, 12:46:35 am
  • ****
  • I work at Elecbyte as a sexy janitor.
    • USA
    • tamez.smeenet.org
Quote
- Values under "Common" should NOT be modified. If you do so, it may result in infinites because the characters' cornerpush will be screwed.

I think "leftbound and rightbound should NOT be lowered" would be better. 
If you want to make a really long stage, you need to increase these values or you can run into character problems as well. 

When I had a boundleft -600/boundright 600, Ryu by P.o.t.S. would get his Shinkuu HadouKen stuck on the right side wall because the stage wasn't wide enough.  Jill by BEK/XCB would get her Cerberus stuck there also, so it was not an isolated incident. 


---
Regarding tile and tilespacing: 

Quote
- tile is a boolean. It's either 0, either 1.

No, it's not. 

Tile can be whatever value you need it to be so long as it is a whole number. 
When tile is set to anything over 1, it will cease to be infinite.  Tile = 2,0 will show the stage item in the original location, and will place one more time, horizontally in ths case.  So tile = 2,0 is showing the item two times.  You can use tile this way to place something on the screen a limited number of times. 

I think it would be good to point out that for tiled animations it is absolutely necessary to have tilespacing. 
Otherwise they'll get that smeared effect.  The tilespacing should be at least the width of the widest image in the animation. 

Also, to avoid the problem of stuff disappearing when it is only partially offscreen when on the right side, it would be good to specifically recommend that tiled animation sprites be placed at 0 for the X value in the .sff. 


---
For parallax, here is another excellent post by Orbinaut (previously Shift b is B): 
http://mugenguild.com/forumx/index.php?topic=85746.msg737002#msg737002


---
No explanation of how "window = " works? 


---
For background controllers, there is another error in the docs you should include: 

Quote
[BGCtrl]
type = Enabled

That's how it is in the docs, but having the "d" on the end will make mugen crash.  It needs to be: 

Quote
[BGCtrl]
type = Enable


If you want to have more in depth background controller information, you can link to my tutorial videos that I made for the Phantom G forum. 
http://phantomgs.forumotion.net/help-f34/tamez-s-tips-tricks-and-tutorials-t118.htm


I'll let you know if there's more.   :laugh:
Re: THE ULTIMATE STAGE ...
#21  August 31, 2009, 01:01:35 am
  • *****
  • The Mugen Philosopher!
    • Canada
    • www.freewebs.com/realreaper3
Its too  awesome :o
Welcome to the House of Fighting.
Re: THE ULTIMATE STAGE ...
#22  August 31, 2009, 01:34:32 am
  • ****
  • I work at Elecbyte as a sexy janitor.
    • USA
    • tamez.smeenet.org
Quote
I'll let you know if there's more.   :laugh:

Found more. 


You should probably explain how in hi-res stages the bounds need to be half of their true value. 

And you don't have anything about zoffsetlink in there (including using "type = dummy" stage items as a way to accomplish zoffset linking). 
Last Edit: August 31, 2009, 01:39:04 am by Tamez
Re: THE ULTIMATE STAGE ...
#23  August 31, 2009, 02:18:26 am
  • ***
    • Canada
Spoiler: Tamez already mentioned it (click to see content)

Didn't read that lol

The double-curse of Blue Beard Baboon lies in these words you see. Read them once, then read them twice and your island is history.
Last Edit: August 31, 2009, 02:29:02 am by Orbinaut
Re: THE ULTIMATE STAGE ...
#24  August 31, 2009, 04:29:03 am
  • **
awesome tutorial, one question, is there a code you can use to make a platform that you can jump and land on, i thought i seen it somewhere but i can't remember
Re: THE ULTIMATE STAGE ...
#25  August 31, 2009, 11:19:50 am
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
@ Tamez : I was waiting for your feedback, I knew you wouldn't miss anything and would eventually spot mistakes. ;P

Quote
I think "leftbound and rightbound should NOT be lowered" would be better.
If you want to make a really long stage, you need to increase these values or you can run into character problems as well.

When I had a boundleft -600/boundright 600, Ryu by P.o.t.S. would get his Shinkuu HadouKen stuck on the right side wall because the stage wasn't wide enough.  Jill by BEK/XCB would get her Cerberus stuck there also, so it was not an isolated incident.
Will add more info, yeah.

Quote
No, it's not.

Tile can be whatever value you need it to be so long as it is a whole number.
When tile is set to anything over 1, it will cease to be infinite.  Tile = 2,0 will show the stage item in the original location, and will place one more time, horizontally in ths case.  So tile = 2,0 is showing the item two times.  You can use tile this way to place something on the screen a limited number of times.
DOH !!! I SUX ! --;
I will correct this for sure. I learned something new. :sugoi:

Quote
For parallax, here is another excellent post by Orbinaut (previously Shift b is B):
http://mugenguild.com/forumx/index.php?topic=85746.msg737002#msg737002
Will add. :)

Quote
No explanation of how "window = " works?
I decided to skip some parts on purpose. Window is barely ever used, and the few times I've seen it, it was a disaster. I just avoid this parameter.
There are other things I didn't mention such as how to create 3D stages using high delta values, using p1startz/p2startz to create easy interaction between stages and chars, neither did I add anything about ZOffsetLink. I think these parameters are really advanced, and even though the tutorial is aimed to everybody, if one wants to go as far as using ZOffsetLink or Window, he should be intelligent enough to look at the docs and figure things out on his own. :P

Quote
That's how it is in the docs, but having the "d" on the end will make mugen crash.
Will add. I'll also add the link to your BGCtrl tutorials, thanks. :)

@ Orbinaut : I'll make a mix of your post and Tamez's one for the explanation on tile + tilespacing.

@ johnnyb916 : it's not possible by coding a stage alone. To do that, you need to code it in the characters specifically.

Thanks everybody for your comments. ;D

EDIT : fixed everything.
Last Edit: August 31, 2009, 12:20:48 pm by Cybaster
Re: THE ULTIMATE STAGE ...
#26  September 07, 2009, 02:30:31 am
  • ****
  • Angry Molesting Tree
  • Auf gehts ab gehts 3 Tage wach
    • Germany
    • cenobite53.mugengermany.com/
Really nice Tutorial  :)

Found a kinda funny typo in it (chapter 5.2)
Quote
Once again, I won't be holding your hand, as you should have enough experience to ass sprites in the SFF and code the clouds on your own.
;D
look at my sprite rips  HERE
look at my TMNT Project HERE
My Contribution to mugen: Stages: 897 | Chars: 8 | Fullgames: 1 | Spritesheets: 85
Re: THE ULTIMATE STAGE ...
#27  September 07, 2009, 04:14:11 am
  • ***
  • because MUGEN is too mainstream
    • newagemugen.pro-forums.ca/
dl the stage and read the tutorial cause i need this to look back on. thanx
Re: THE ULTIMATE STAGE ...
#28  September 07, 2009, 04:42:17 am
  • ***
  • +1 to whoever added Godzilla to the main index.
What would really be nice is a visual description of the box-model for the stage.

I am a little to confused as to where exactly is 0,0 ? Is it middle-bottom?
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Iced said:
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S
Last Edit: September 07, 2009, 04:47:35 am by MirageAtoli
Re: THE ULTIMATE STAGE ...
#29  September 07, 2009, 08:30:14 am
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
You mean something like :

0,0 ---------------------------- 320,0
 |                                              |
 |                                              |
 |                                              |
 |                                              |
 |                                              |
 |                                              |
240,0 ------------------------- 320,240

???

That may indeed be a good idea.
Re: THE ULTIMATE STAGE ...
#30  September 07, 2009, 09:28:43 am
  • avatar
  • **
THANK YOU SO MUCH, CYB (+ all the people who've given useful feedback in order it's improved, I mean it) !!!!!!!

You've no idea how it's appreciated to be provided with this ; it both helps to understand mugen mechanics and it's interactive at the same time (relying on a CONCRETE example, nothing general that you still don't understand), just like when you were used to learn the alphabet with whatever stupid animal when you were 6 (+/-), it's entertaining (I miss these times so much xD).
Really really appreciated, it has been said, we've no longer any excuse now for giving a try  ;P  ;P
Deltacide1 said:
Here come all the Street Fighter NOOBS that have never played a fucking Street Fighter game until 4.
Fucking we are dumb fucks spamming this site for ten yearss !
Re: THE ULTIMATE STAGE ...
#31  September 07, 2009, 05:53:51 pm
  • ***
  • +1 to whoever added Godzilla to the main index.
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Iced said:
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S
Re: THE ULTIMATE STAGE ...
#32  September 07, 2009, 07:29:02 pm
  • ******
    • Portugal
    • network.mugenguild.com/pots/

  • Online
You can help with Ikemen GO's development by trying out the latest development build and reporting any bugs on GitHub.
My Mugen and Ikemen content can also be found here.
Re: THE ULTIMATE STAGE ...
#33  September 07, 2009, 07:31:00 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
I didn't say this image/representation applied to stages in Mugen. ::) ;D
Re: THE ULTIMATE STAGE ...
#34  September 07, 2009, 07:34:05 pm
  • ******
    • Portugal
    • network.mugenguild.com/pots/

  • Online
:D

I guess this could be stickied for a while.
You can help with Ikemen GO's development by trying out the latest development build and reporting any bugs on GitHub.
My Mugen and Ikemen content can also be found here.
Re: THE ULTIMATE STAGE TUTORIAL
#35  September 07, 2009, 08:49:30 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
Doh, this gets stickied here and in the tuto section, I must be a VIP ! 8)
Re: THE ULTIMATE STAGE TUTORIAL
#36  September 08, 2009, 01:31:20 pm
  • *****
  • ロッキングガール
  • 「目指すはクールでロックなアイドル!」
    • twitter.com/c001357
Yes you are/
Last Edit: September 08, 2009, 01:43:22 pm by c001357
Re: THE ULTIMATE STAGE TUTORIAL
#37  September 08, 2009, 01:35:42 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
Of course I am !
Last Edit: September 08, 2009, 01:58:25 pm by Inglourious CyBasterd
Re: THE ULTIMATE STAGE TUTORIAL
#38  September 08, 2009, 02:37:08 pm
  • *****
  • ロッキングガール
  • 「目指すはクールでロックなアイドル!」
    • twitter.com/c001357
waiting for the ultimate lifebar and screenpack tutorial ;D
Re: THE ULTIMATE STAGE ...
#39  September 08, 2009, 02:42:26 pm
  • ***
    • clubsyn-x-treme.net/Rev2.1/index.php?topic=32.0
Re: THE ULTIMATE STAGE ...
#40  September 09, 2009, 12:06:07 am
  • ***
  • +1 to whoever added Godzilla to the main index.
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Iced said:
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S
Re: THE ULTIMATE STAGE TUTORIAL
#41  September 13, 2009, 07:26:56 am
  • avatar
please if anyone can help. How do i code a character in terms of having him or her jump or climb on top of things, and walking on it?
Re: THE ULTIMATE STAGE TUTORIAL
#42  September 13, 2009, 06:45:25 pm
  • ******
  • I am hilarious
  • and you will quote everything I say
    • USA
That's stage interactivity and that takes a whole new set of code and other much more complex things and character patching.
Re: THE ULTIMATE STAGE TUTORIAL
#43  September 13, 2009, 10:43:19 pm
  • avatar
is there a web site in which i could follow a few tutorials in how to do so?
Re: THE ULTIMATE STAGE TUTORIAL
#44  September 13, 2009, 11:00:51 pm
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
You must first learn how to create a character. When you grasp concepts such has helpers, then you can start thinking about stage interactivity.
Re: THE ULTIMATE STAGE TUTORIAL
#45  September 14, 2009, 12:10:55 am
  • ***
  • +1 to whoever added Godzilla to the main index.
is there a web site in which i could follow a few tutorials in how to do so?

In answer to your question, the tips and tutorials section is the first place to look.
Second would be to use the search button; chances are you will come up with users asking similar questions.
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Iced said:
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S
Re: THE ULTIMATE STAGE TUTORIAL
#46  January 30, 2010, 05:01:14 pm
  • avatar
naice TUTORIAL
Re: THE ULTIMATE STAGE TUTORIAL
#47  September 04, 2010, 02:42:46 am
  • **
  • I live, again
    • brazilmugenteam.com
Hello Cybaster,
I'm having trouble running my old stages on mugen 1.0
You know what needs to be modified to work perfectly?

see later boy!
Re: THE ULTIMATE STAGE TUTORIAL
#48  January 21, 2011, 12:34:20 am
  • *****
  • IG @tanooki_ninja
    • Puerto Rico
    • maxbeta.webs.com/mugen.htm
Quick noob question concerning the awesome "BlackJack" trick.

Can it somehow be done to overlapping animated objects?

Let say you have some dude watching the fight and every so often his head tilts to look at the gamer. How can I make him blackjack as to not obstruct the match so much?
Spoiler, click to toggle visibilty

I haven't come across any mugen stages that do this yet so I guess...no, it can't?

Anyways, it would be a nice future implementation to the engine.
"We need other people in order to create the circumstances for the learning that we are here to generate" RIP Adam Yauch aka MCA
www.instagram.com/tanooki_ninja
Re: THE ULTIMATE STAGE TUTORIAL
#49  January 21, 2011, 12:51:01 am
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
It can be done with no problem I guess.
It's just about using the same trick (no transparency+layerno=0  &&  trans=add1+layerno=1) but for an animation.

I can't remember ATm if anims are affected by the trans parameter, so if this doesn't work, you'll have to use two anims :
- 1 as layerno=0, animation defined normally.
- 1 as layerno=1, animation (same one) defined with ,,ASxxxDyyy at the end of each line (cf. tutorial) for the transparency.
Re: THE ULTIMATE STAGE TUTORIAL
#50  January 21, 2011, 01:40:58 am
  • *****
  • IG @tanooki_ninja
    • Puerto Rico
    • maxbeta.webs.com/mugen.htm
Thanks for the prompt reply as always, Cybaster.

This code gave me exactly what I needed.
[BG Schaefer L0]
type = anim
start = 10,0
actionno = 0
layerno = 0

[Begin Action 0]
1,0, 0,0, 350
1,1, 0,0, 6
1,2, 0,0, 6
1,3, 0,0, 100
1,2, 0,0, 6
1,1, 0,0, 6

[BG Schaefer L1]
type = anim
start = 10,0
actionno = 1
layerno = 1

[Begin Action 1]
1,0, 0,0, 350, ,as128d128
1,1, 0,0, 6,   ,as128d128
1,2, 0,0, 6,   ,as128d128
1,3, 0,0, 100, ,as128d128
1,2, 0,0, 6,   ,as128d128
1,1, 0,0, 6,   ,as128d128

Thanks!
"We need other people in order to create the circumstances for the learning that we are here to generate" RIP Adam Yauch aka MCA
www.instagram.com/tanooki_ninja

RER

Re: THE ULTIMATE STAGE TUTORIAL
#51  May 15, 2011, 07:15:49 pm
  • *
thanks  bro!!!  ;D
Re: THE ULTIMATE STAGE TUTORIAL
#52  October 12, 2011, 04:20:13 am
  • *
  • "Your words are as empty as your soul!"
Awesome exactly what i need  :D

hypercookie

Re: THE ULTIMATE STAGE TUTORIAL
#53  February 18, 2012, 12:31:42 am
if someone could please reply to me and tell me how to earn gold stars under your name it would be just lovely!
Re: THE ULTIMATE STAGE TUTORIAL
#54  February 18, 2012, 12:53:48 am
  • ****
  • I see you.
    • www.mugenfreeforall.com
2012 the year of the necroposters

You'll fix chuchoryu ? Sounds like a plan. How about you code him from scratch instead ?