Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

2D All the way! / 2D fighter

Author
Message
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 13th Jul 2004 04:23 Edited at: 13th Jul 2004 05:58
Ok I want to make a 2D fighter but have NO knowledge what so ever. See whats going to happen is if possible can you help me along the way. So first part MENU.
I've got a picture I made in paint of my menu I want to know how to get it up and how to make it move on after you press 'Any Key'.

P.S. I want the game to be kind of like Lemming Ball Z.
E.G. Stuck on that look here : http://www.daimao.be/lbz/index2.htm.

PP.S. They don't fly in me game. Yet.
Plastico
22
Years of Service
User Offline
Joined: 3rd May 2004
Location:
Posted: 13th Jul 2004 05:00
um, try load image "menu.bmp",1

then I think its

wait key
cls

or cls
wait key

try both out. Im about as new as you though when it comes to this stuff.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 13th Jul 2004 05:57
Oh well if your new like me you can benifit from this to .
Oh but when I try to load my menu with this code:
load image "menu.bmp",1
wait key
cls

The menu pic won't load . Neeeeeeeeed help pleaseeeeeeeee.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 13th Jul 2004 06:05
No got it to work with this code:

ink rgb(244,214,210),1
load bitmap "menu.bmp"
suspend for key
CLS

Ok now after you get past the menu screen. You have the options. But I have know Idea hoe to make it so that when you press that option it goes to that screen.
Emperor Baal
22
Years of Service
User Offline
Joined: 1st Dec 2003
Location: The Netherlands - Oudenbosch
Posted: 13th Jul 2004 08:17
Ok, it's pretty simple actually.

I prefer using load bitmap when dealing with menus.



Hope that helps.

Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 13th Jul 2004 17:19
Ok Emperor Baal That helped me understand a little bit more but I use DBC will it work in that .
Pincho Paxton
23
Years of Service
User Offline
Joined: 8th Dec 2002
Location:
Posted: 13th Jul 2004 17:30
That will work with DBC.

Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 13th Jul 2004 17:40
Ok thanks I'le try it out.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 14th Jul 2004 03:16
Ok got I nice options screen that lets you (amazingly) pick what options you want to do . The one I'm concentrating on is the training option. This is supposed to , when clicked, bring you to a level and let you test out the moves and stuff. 3 things needed here. 1. How do I get it to move to the landscape when I press the button. 2. How do I create a landscape that my sprite will be able to walk on. and 3. How do I create a sprite. Thats a lot for one person to explain so only tell me the bits you want.

P.S. I'me using Emperor Baal's way to let you click on buttons.
zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 14th Jul 2004 11:29 Edited at: 14th Jul 2004 11:55
Quote: "
1. How do I get it to move to the landscape when I press the button.
2. How do I create a landscape that my sprite will be able to walk on. and
3. How do I create a sprite. Thats a lot for one person to explain so only tell me the bits you want"


I will need a little more specific information, escpecially what type of 2d fighter you are looking to create, in order to help you & not spend undo time explaining mehtods that you are not planning to use.

Reason:

1. The Landscape: You have a couple of choices here, Depending on what type of 2d Fighter you are trying to accomplish.

A>Using large bitmaps (possibly scrolling).
B>Using Panels.
C>Using Tiles.

For any of these methods you can add multiple bitmaps (usually with transparency) to scroll at different speeds to give a parallax scrolling effect. And sometimes, you can combine these methods. It really depends on what type of 2d Fighter you are looking to create. Scrolling levels like Altered Beast, Streets of Rage, & Double Dragon or Single Screen Backdrop 2d Fighter like Street Fighter, And Mortal Kombat.

Let me know and I'll try to provide the information that will help you.

2.
This will depend on which method above you are using. But for methods A & B you normally just set up a rectangle area tha limits how far the caharacter can walk, making sure to keep the sprite on the floor. You can also Use a logical grid (a 2d array that contains information for coordinates on the screen that are accesible).

3.
This answere depends on the how one interpets the question. There are two seperate creation processes.

One is actually drawing the sprite and animation frames in a 2D paint program, file formats and saving, and then placing each frame of animation in a sprite sheet.

The other creation process is in DB itself. Cutting up the Sprite sheet into seperate images and storing each fram as an image number. and then setting the Sprite properties such as priority, backsave etc.. - and then finally displaying the sprite, and updating the animation frames to coincide with player input.

Which one are you asking about?

By the way, There is a Parallax scrolling Demo Based on Shadow of the Beast somewhere around here. It used to be on the DBC home page, though I'm not sure if it has been moved, and where to. I'll try to dig it up.

Ok I found it on one of the international sites (?????)
http://www.darkbasicpro.com.br/shadowbeast.asp

Written in part by our good friend Richard Davey


Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 14th Jul 2004 22:15
Ok the type of game that I'me trying to make is mmmmmmmmmmm I can best describe it as a game were your charecters are small and the levels huge. Kind of like this http://www.daimao.be/lbz/index2.htm.
You can go around the level. but not in the streets of rage style.
And on sprites I would like to know about both areas creating and animating. You don't have to tell me about everything. anything is wellcome. Tutorials, examples and other web pages.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 15th Jul 2004 00:59
BTW Zen I downloaded something off of the net http://www.gamani.com/gmgdown.htm. Do you think it will help or do you know a better prog.
zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 15th Jul 2004 02:18 Edited at: 15th Jul 2004 02:59
Hmmm. I will post some things that may help you.

Drawing And Creating Sprites:
I will take a look at the progam link you provided and get back to you on that one. Personally I create sprites by hand using Jasc Paint Shop Pro 7, Jasc Animation Shop, MS Paint, Gimp, and I had a trial of Pixia that I would like to look furhter into.

I looked at the example program you provided, and if you plan on keeping the graphics close to that, you should have no problem drawing the frames by hand.

Sprite Creation: Animated Sprites / Fighter Sprites
Tutorial techniques FAQ

This is probably the most linked to Document on the web when it comes to learning how to create and animate sprites.
A Must Read!!!
http://pixeltutorial.cjb.net/

=====================================================================

Desinging the game
I will have to get back to you on this one. The computer I attempted to run it on, distorted all the graphics. I will try it on a different computer later. From the screenshots I had some different takes on what is going on. I will need to see it in action to offer my oppion on how to go about this. It may even use a different method tan the three I described above. I'll get more into that later.

~zen









~Zen


Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 15th Jul 2004 02:36
Ok thanks for the info. Tell me if you find anything useful .
P.S. how do I make or where do I get a Sprite sheet. I am guessing thats were you put your sprites.
zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 15th Jul 2004 02:57 Edited at: 15th Jul 2004 02:59
There are a couple of different methods when it comes to creating sprite sheete. Some people actually have the indivual frames surrounded by a visible grid to help keep ensure that the spacing is right (generally the method I use for character animations). Another way is to place the sprites without a visible grid at which point you need to write doween the coordinates of each sprite so that you can later cut them out properly. Which method you use depends on whether or not the sprites for the particular sheet can fit into a particular grid size. Here are two examples of sprite sheets. The first one uses a grid approach wile the second is does not.

No visible rid but characters are placed in an imainary grid
this makes it easiear to grab frames in a for loop.




No Grid



Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 15th Jul 2004 03:42
So what program do I use. Or can it just be done in paint. Another thing both of your examples don't have a visable grid. Are they allowed a visable grid?
zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 15th Jul 2004 06:32 Edited at: 15th Jul 2004 06:43
If you have a visble grid you just need to make sure that you don't include them in the rectangle you are getting.

here's an exmple

"diefaces.bmp"

Now pretend tah these are my sprite frames for faces of a 6 sided die. pretend that "#"'s are the grid lines, " " is transparent, and the "0"'s are part of my image

To grab each of these frames in a loop (avoiding the gridlines) I would do the following. So we want to skip over pixel numbers:
{0,8,16,24,32,40,48}

sync on
sync rate 0
backdrop off
hide mouse

numofframes=6
startx=1
endx=7

load bitmap "diefaces.bmp",100
for x=0 to numofframes-1
get image x+1,startx,endx,endy,1
startx=startx+8
endx=endx+8
next x
delete bitmap 100

sprite 1,20,20,1
set sprite 1,0,1


framenum=1
do
cls

sprite 1,20,20,framenum
inc framenum
if framenum>numofframes then framenum=1

sync
loop





you add another for loop if you have multiple rows. You would nest the x loop inside the y loop. You would reset all the x values for each iteration of the outer y loop. I'll post a better example tomorrow, when I get my Computer back.

note the additional 1 on the get image command is the texture flag. It will prevent distortion of your bitmap.

===================================================================
You can use whatever paint program you have, but the more complex the sprite frames the better it will be if you have a paint package that aloows you to use transparaency, zoom in to a good level, use layers, color repalement etc...

If you want a good program that's free try "THE GIMP". It sounds like a funny name, but it is on par with pain shop pro and is fairly simple to use.


Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 15th Jul 2004 19:49
Ok I'le get the gimp and test it out . And is the prog I downloaded any good.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 17th Jul 2004 02:07
Um the sprites Are coming on very nicly but theres one part bugging me. After my option screen and I press quit. how do i allow it to let me push the YES or NO buttons, heres the code at the moment.

rem Load music and start up screen.
ink rgb(244,214,210),1
load music "oversoul.mid", 1
loop music 1
load bitmap "start.bmp"

rem Wait for you to press any key.
suspend for key
ClS

rem loads options screen
load bitmap "menu.bmp"


while Button_Clicked = 0

while mouseclick()=0
sync
endwhile
rem opens training
if mousex()>204 and mousey()>76 and mousex()<402 and mousey()<140
button_clicked = 1
endif
rem opens quit
if mousex()>209 and mousey()>300 and mousex()<401 and mousey()<357
button_clicked = 2
endif
rem opens 1P
if mousex()>208 and mousey()>155 and mousex()<395 and mousey()<210
button_clicked = 3
endif
rem opens 2P
if mousex()>208 and mousey()>226 and mousex()<400 and mousey()<281
button_clicked = 4
endif
sync
endwhile


if button_clicked = 1
CLS
load bitmap "not added.bmp"
wait key
endif


if button_clicked = 2
CLS
load bitmap "quit.bmp"
wait key
endif


if button_clicked = 3
CLS
load bitmap "not added.bmp"
wait key
endif


if button_clicked = 4
CLS
load bitmap "not added.bmp"
wait key
endif

Ok so can anyone tell me how to let the prog let me press the YES or NO buttons. please. Because I realy need help
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 23rd Jul 2004 18:37 Edited at: 23rd Jul 2004 18:38
Uhhh I was just wondering. If someone could make a 2d sprite for me.
Can it be this guy

and if posibble him in this suit.

I'me only asking you to please do this because I've tried and failed. Here have a look http://homepage.ntlworld.com/andy.colegate/goku.htm
Its under Yoh.
Pincho Paxton
23
Years of Service
User Offline
Joined: 8th Dec 2002
Location:
Posted: 23rd Jul 2004 19:36
Probably best to make the game with some test graphics, and if people like the game they will draw you some better graphics.

Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 24th Jul 2004 02:21
Ok, and could you answer my earlier question its just above my last post. About buttons on the quit screen.
Pincho Paxton
23
Years of Service
User Offline
Joined: 8th Dec 2002
Location:
Posted: 24th Jul 2004 03:13 Edited at: 24th Jul 2004 03:24
do
if mouseclick()=1 then gosub zonecheck

loop

ZoneCheck:
REM change x1,y1 etc for the positions of your buttons.
if zoneclicked(x1,y1,x2,y2)=1
CLS
load bitmap "not added.bmp"
wait key
endif
Return

function ZoneClicked(X1,Y1,X2,Y2)
J=0:X=mousex():Y=mousey()
if X>=X1 and X<=X2 and Y>=Y1 and Y<=Y2 then J=1
endfunction J

MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 25th Jul 2004 00:23
Here´s a sprite:

Tell me what you think of him.


Jam on mother f**ker.
Libera tu mente y te liberaras.
zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 25th Jul 2004 00:35
Nice job mir!

I wish this board at the zoom code like at pixelation.

I wish that I could make it look as easy as you do. I have alot to learn.

Would you be able to keep that level of quality for animated frames. And how long would each frame take you. Perhaps you have some methods that you could share with me. Because I might be able to com close to something like that for one frame. But I would be at a loss to do numerous frames like that, without spending a month.

Thanks zen


MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 25th Jul 2004 07:21 Edited at: 25th Jul 2004 07:28
Quote: " Nice job mir!"

Thanks
Quote: "I wish this board at the zoom code like at pixelation."

Try saving it and then opening it in paint, but I bet you already thought of that.
Quote: "
Would you be able to keep that level of quality for animated frames"

Yes I can and have, I´ve already done a few animations for some characters for dark fighter 2.
Quote: "And how long would each frame take you."

Once the sprite is drawn, about 1/2 hour to make each frame. It´s easy to do animation if you draw it on paper first then scan it in, but I don´t bother for small animations like idle unless the character moves a lot of his body. If he just breaths then I wouldn´t draw the anim on paper first.
P.S Speaking of animations I´ve made an idle anim of the character, 3 frames and one more frame of him blinking.


Jam on mother f**ker.
Libera tu mente y te liberaras.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 26th Jul 2004 00:26 Edited at: 26th Jul 2004 00:28
Ok Mir. I have one thing to say........... That Sprite is DAMN COOL love it i will be using that for sure. If its Ok with you.
MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 26th Jul 2004 02:16
Yes it´s Ok. Here´s the idle animation for him:




The first 3 make him breathe and the 4th is him blinking. A example animation would be image 1,2,3,2,1,2,3,4.


Jam on mother f**ker.
Libera tu mente y te liberaras.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 26th Jul 2004 02:46 Edited at: 31st Jul 2004 03:09
Oh that is GREAT stuff . You are Amazing!!!!

Edit/ Ummmm just wondering if you could make a running sprite. That would be great, but it doesn't really matter at the moment because i'me on holiday for the next few weeks. So iif you do decide to do them for me I would be really grateful .
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 1st Nov 2004 18:53
well i have been back from holiday for ages and haven't looked at this post in ages. So is any one still willing to help still
that dude
22
Years of Service
User Offline
Joined: 1st Jan 2004
Location: USA
Posted: 5th Nov 2004 11:45
Quote: "and if posibble him in this suit."

why do you want him in a mini-skirt?

http://www.nuclearglory.com/?u=fearik = sweet as hell collision system. easy on that leather thing in your back pocket too.
the left side of my head isn't bigger, the right side is just smaller
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 5th Nov 2004 18:49
Its not a mini-skirt its some mini shorts
MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 6th Nov 2004 22:38 Edited at: 6th Nov 2004 22:39
Sorry it took so long but my bro´s only just noticed the post:

Here´s the first one. More to come


A bargain at 900000€ second hand
Libera tu mente y te liberaras.
MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 7th Nov 2004 17:21 Edited at: 7th Nov 2004 17:24
And here are all 3: (Don´t use the one above one as it´s been improved)





The animation order is 1,2,3,2,1,2,3,2,1,2,3,2 etc


A bargain at 900000€ second hand
Libera tu mente y te liberaras.
Cian Rice
22
Years of Service
User Offline
Joined: 8th Jun 2004
Location:
Posted: 8th Nov 2004 00:09
SHAAAAMMMMMAAAAAN King!
Do you know how long I had been looking for Shaman King Sprites, Mir? If I decide to make a 2D Shamam King again, can I use these sprites?

There is only one way to package shaolin: Shaolin Soccer...
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 8th Nov 2004 18:50
Hey more of the best sprites ever
MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 10th Nov 2004 02:04
It´s me Mir´s bro speaking.
Anime blood: It´s alrite with me but ask fighter if it´s ok to use the sprites in case he doesn´t want anyone else to have them.
Fighter: I´ve just realised where your avatar is from, the tao of jeet kune do cover. I love Bruce Lee aswell, he is soooo cool and it looks like anime blood likes him too.
What other animations do you want me to do?


A bargain at 900000€ second hand
Libera tu mente y te liberaras.
Fighter
21
Years of Service
User Offline
Joined: 12th Jul 2004
Location:
Posted: 11th Nov 2004 18:46
well first there your sprites so its up to u whther even i can use them and maybe him swinging his sword.
ps i love kung fu
MiR
22
Years of Service
User Offline
Joined: 13th Jul 2003
Location: Spain
Posted: 7th Dec 2004 22:18
Here´s the guy´s attacking animation. It goes 1,2,3





A bargain at 900000€ second hand
Libera tu mente y te liberaras.

Login to post a reply

Server time is: 2026-06-11 14:49:14
Your offset time is: 2026-06-11 14:49:14