Shoddy Battle 2 screenshots (client preview)

Colin** · May 18th, 2009, 5:45:47 AM

Some people have been curious what the battle window will look like in Shoddy Battle 2, so bearzly and I decided to take several screenshots of it. These are actual screenshots, not mock ups, so the interface may change from this before the actual release of Shoddy Battle 2.

Note: Clocks have not been implemented yet, so you can ignore that part of the screenshots.

Edit Updated screenshot

Old versions:

Screenshot 1: Screenshot of a double battle.

Screenshot 2: Another screenshot of the same battle later on.

Screenshot 3: A singles battle.

Screenshot 4: This screenshot illustrates the targeting mechanism for n v. n (where n > 1).

As previously mentioned, Shoddy Battle 2 actually supports any n v. n, not just singles and doubles, but the interface for n > 2 is still under construction, so we have elected not to include a screenshot of it at this time.

The original timetable for release mentioned in the Shoddy Battle 2 (the future of Shoddy Battle) thread is still in play, so don't ask about release dates.

Comments on the interface are welcome.

Coronis · May 18th, 2009, 5:54:52 AM

Yes Colin, this program is awesome. Seriously that is amazing, finally I will be able to get into double battles. Good practice if the pokemon vgc ever comes to oz.

Setrack · May 18th, 2009, 6:00:27 AM

cool screenshots colin. i'm glad such awesome progress is being made on this program. also i recommend you make use of hypnosis attack on crobat. this attack forces all of the enemy pokemon to carry lum berry/chesto berry/sleep talk if they want to have a chance at defeating crobat.

jumpluff · May 18th, 2009, 7:54:45 AM

Nice! My only concern is that some of the fonts are a bit big, making it look cluttered; will there be an option to increase/decrease them? (Would be nice for accessibility, too.)

ETA: Never mind, they seem to be different based on OS... Still!

Coronis · May 18th, 2009, 9:10:52 AM

Oh, I forgot. I like it having the symbols used on irc for mode and stuff.

darkie* · May 18th, 2009, 10:31:38 AM

nice jobs, ~colin&bearzly!

*Havak+* · May 18th, 2009, 10:53:56 AM

Nice work guys.

I'm not overly keen on the HP bars in double battles.. but I guess it's something I'll get used to in time.

eric the espeon · May 18th, 2009, 11:44:29 AM

It looks brilliant!
Larger buttons for quick/easy selection, very clean (though full) interface, chat/spectators not needing you to switch tabs.. :D

One thing I would suggest about it has already been suggested by Misaki. Though maybe being able to toggle between HP and % on your own bars somehow would be nice (even if its not on the battle screen).

also, noob Colin uses Dragonbreath Dialga.
don't kill me

Edit: Is the order of the clocks wrong? Its different from that in the spectator box and on the Pokemon screen.

Aerodactyl Legend · May 18th, 2009, 11:50:10 AM

Telling the truth is all, but the bold font and colors for the text actually makes it harder to read. I can't tell when anyone is talking or whether an action has been made just at a glance.

The simulator looks great though. Keep it up.

Terminator · May 18th, 2009, 12:16:37 PM

What do the Red, Green, and Yellow buttons on the top of the Battle window indicate?

*aragornbird+* · May 18th, 2009, 12:23:38 PM

Quote:

Originally Posted by Fat The Grammaa Police

What do the Red, Green, and Yellow buttons on the top of the Battle window indicate?

You've never used a Mac before? They are close, minimize, and maximize buttons.

Anyways, I love the Platinum Champion background. Coolest background ever. Keep up the great work!

Wichu · May 18th, 2009, 12:48:36 PM

Wow, that's awesome. Is the background going to be changeable?

Anyway, a small suggestion. I'd make the window a bit wider, as the text in the 'log' sometimes overflows onto the next line, making it look untidy. For example:

Quote:

Electivire used
Thunderpunch!

Tyranitar used Dragon
Dance!

It would look better if it stayed on one line.

Sixonesix · May 18th, 2009, 1:03:09 PM

Looking good guys!
One thing I'm not so sure about though is when it shows the exact HP lost--to me it seems easier to understand what's going on if it just tells you the percentage of HP lost. Or maybe if it displayed both percentage and exact HP lost with each move. Anyway, nice work.

*bearzly+* · May 18th, 2009, 3:03:15 PM

Quote:

Originally Posted by Fat Misaki-chi

Nice! My only concern is that some of the fonts are a bit big, making it look cluttered; will there be an option to increase/decrease them? (Would be nice for accessibility, too.)

ETA: Never mind, they seem to be different based on OS... Still!

As we've mentioned before, everything can by styled using CSS style sheets, so you'll be able to adjust the font size however you like. About the OS thing, neither me nor Colin use Windows primarily. I have the windows 7 RC, so maybe I can fire that up and take a screenshot.

Quote:

Originally Posted by Fat Havak

Nice work guys.

I'm not overly keen on the HP bars in double battles.. but I guess it's something I'll get used to in time.

I'm open for suggestion about what to do with the HP bars. The way that I put them doesn't take up any extra space and lets you see which bar corresponds to which pokemon, but if anyone has a better idea, I'd like to hear.

Quote:

Originally Posted by Fat eric the espeon

It looks brilliant!
Larger buttons for quick/easy selection, very clean (though full) interface, chat/spectators not needing you to switch tabs.. :D

One thing I would suggest about it has already been suggested by Misaki. Though maybe being able to toggle between HP and % on your own bars somehow would be nice (even if its not on the battle screen).

also, noob Colin uses Dragonbreath Dialga.
don't kill me

Edit: Is the order of the clocks wrong? Its different from that in the spectator box and on the Pokemon screen.

Seems like a good idea to let you click on the health bar to toggle between exact HP and percent. I just threw together both of our teams so we could test moves as they were implemented. We've got about 200 moves done, and in this case we were testing paralysis, hence Dragonbreath.

Quote:

Originally Posted by Fat Aerodactyl Legend

Telling the truth is all, but the bold font and colors for the text actually makes it harder to read. I can't tell when anyone is talking or whether an action has been made just at a glance.

The simulator looks great though. Keep it up.

As I mentioned above, you'll be able to change the style of the log as you please. I can play around with a bit - maybe make chat italic instead of bold in battles

Quote:

Originally Posted by Fat Wichu

Wow, that's awesome. Is the background going to be changeable?

Anyway, a small suggestion. I'd make the window a bit wider, as the text in the 'log' sometimes overflows onto the next line, making it look untidy. For example:
..
It would look better if it stayed on one line.

I might add more backgrounds. It's more work for little real gain, but it would be fun to have the option. The battle window can just be resized, but maybe the default should be a bit wider.

Quote:

Originally Posted by Fat Sixonesix

Looking good guys!
One thing I'm not so sure about though is when it shows the exact HP lost--to me it seems easier to understand what's going on if it just tells you the percentage of HP lost. Or maybe if it displayed both percentage and exact HP lost with each move. Anyway, nice work.

It'll probably be a preference that you'll be able to toggle somewhere

Thanks for the feedback/support, we'll probably post some screenshots of other things as their design gets finalised.

*Havak+* · May 18th, 2009, 3:38:42 PM

Well, I just did a quick mock up in Paint (I don't have Photoshop at the moment :[).

This is what I was thinking of.. I think it looks a bit nicer, but I'm not the only judge here. It's basically the same, but the bars are seperate and show the Pokémon's name too.

Twist of Fate · May 18th, 2009, 3:58:34 PM

Yeah I agree the bars are kind of clustered together in the double battle image. Nonetheless great job guys, looks sick.

StarmanXL · May 18th, 2009, 4:12:39 PM

Looks great so far; I agree about the HP bars thing but other than that this looks killer. By the way, do you have any screenshots of switching pokemon?

Also, am I the only one who felt like Electivire was screaming out his attacks Powerthirst style everytime I read the log? >_>

jumpluff · May 18th, 2009, 4:21:56 PM

I like Havak's idea about the HP bars.

This is an... oddly specific question to ask, but would one be able to style the HP bars with CSS as well? *imagines all the fun she's going to have* I guess I'm asking, what are the HP bars actually made of? Images repeated over x amount of pixels, I'm assuming, in which case we'd be able to change the opacity/gradient/corners/border etc.? @_@

Elevator Music · May 18th, 2009, 5:00:06 PM

This looks amazing! Great job colin and bearzly, you smashed all expectations I had ^__^

*bearzly+* · May 18th, 2009, 5:17:35 PM

Quote:

Originally Posted by Fat StarmanXL

Looks great so far; I agree about the HP bars thing but other than that this looks killer. By the way, do you have any screenshots of switching pokemon?

Also, am I the only one who felt like Electivire was screaming out his attacks Powerthirst style everytime I read the log? >_>

Switching is laid out in a similar fashion to the moves. I would post a screenshot, but they're still fairly basic and I plan on sprucing them up some more.

Quote:

Originally Posted by Fat Misaki-chi

I like Havak's idea about the HP bars.

This is an... oddly specific question to ask, but would one be able to style the HP bars with CSS as well? *imagines all the fun she's going to have* I guess I'm asking, what are the HP bars actually made of? Images repeated over x amount of pixels, I'm assuming, in which case we'd be able to change the opacity/gradient/corners/border etc.? @_@

Unfortunately, the health bars aren't something that you can style (Java's CSS support probably isn't able to handle that stuff anyways)

Since several people seem to like Havak's suggestion, I'll see how I can try to move things around. Keep in mind that it can't take up more room than a 1v1 bar, so adding a name would mean that the bar would have to be less tall. Maybe a tooltip with the name would be better. I just tried spacing them out a bit here

*Gen. Empoleon+* · May 18th, 2009, 7:13:24 PM

Colin and Bearzly Shoddy Battle 2 looks extremely beautiful. I'm sure this has been said before but the HP bars in Doubles looks a little awkward, but we can get used to it.

Thanks a ton.

Atyroki · May 18th, 2009, 8:44:35 PM

I had some minor nitpicks with the placing of things, mainly that electivires foot was overlapping rampy's horn (@_@), the box showing the goings on in the battle has been enlarged and the names of the battlers (as well as there time limits) were placed in what I believe to be a more visually appealing and functional position.

(Other than that, amazing job guys, I can't wait for some ridiculous 6v6 .__.)

((And I gotta wonder, what would 6v6 look like?))

Hybrid99 · May 18th, 2009, 9:22:17 PM

Oh wow this is awesome! This makes me can't wait for SB2 to be released even more! Awesome work guys! I also agree Misaki, the font is too big.

darknite · May 18th, 2009, 9:54:10 PM

I would also like to say that this is going to be amazing/awesome/beast/etc.
Thanks for the time you guys put into Shoddy Battle.

Chris is me · May 18th, 2009, 10:04:59 PM

It would be cool if the switching Pokémon screen had status, HP remaining, etc. on it. Otherwise, beautiful interface.

May 18th, 2009, 5:45:47 AM	#1
Colin** Administrator Join Date: Jul 2007 Location: Edmonton, Alberta, Canada Posts: 722	Shoddy Battle 2 screenshots (client preview) Some people have been curious what the battle window will look like in Shoddy Battle 2, so bearzly and I decided to take several screenshots of it. These are actual screenshots, not mock ups, so the interface may change from this before the actual release of Shoddy Battle 2. Note: Clocks have not been implemented yet, so you can ignore that part of the screenshots. Edit Updated screenshot Old versions: Screenshot 1: Screenshot of a double battle. Screenshot 2: Another screenshot of the same battle later on. Screenshot 3: A singles battle. Screenshot 4: This screenshot illustrates the targeting mechanism for n v. n (where n > 1). As previously mentioned, Shoddy Battle 2 actually supports any n v. n, not just singles and doubles, but the interface for n > 2 is still under construction, so we have elected not to include a screenshot of it at this time. The original timetable for release mentioned in the Shoddy Battle 2 (the future of Shoddy Battle) thread is still in play, so don't ask about release dates. Comments on the interface are welcome. Last edited by bearzly; May 26th, 2009 at 5:24:39 AM. Reason: Added screenshot of latest version

May 18th, 2009, 6:00:27 AM	#3
Setrack Join Date: Oct 2007 Posts: 145	cool screenshots colin. i'm glad such awesome progress is being made on this program. also i recommend you make use of hypnosis attack on crobat. this attack forces all of the enemy pokemon to carry lum berry/chesto berry/sleep talk if they want to have a chance at defeating crobat. __________________ Colin: you are a poor player compared to Setrack Curt: yes, i am

May 18th, 2009, 11:44:29 AM	#8
eric the espeon Join Date: Aug 2007 Location: around Posts: 2,459	It looks brilliant! Larger buttons for quick/easy selection, very clean (though full) interface, chat/spectators not needing you to switch tabs.. :D One thing I would suggest about it has already been suggested by Misaki. Though maybe being able to toggle between HP and % on your own bars somehow would be nice (even if its not on the battle screen). also, noob Colin uses Dragonbreath Dialga. don't kill me Edit: Is the order of the clocks wrong? Its different from that in the spectator box and on the Pokemon screen. __________________ Thinking of learning a new metagame? Little Cup is very fast paced and every turn counts. Learn about it at the Little Cup Forum, Smogon's Little Cup Subforum and the on site Guide. If you want help with a LC analysis ask on #littlecup and I'll see what I can do (sets/accuracy/general advice mostly).

May 18th, 2009, 11:50:10 AM	#9
Aerodactyl Legend Join Date: Apr 2008 Posts: 140	Telling the truth is all, but the bold font and colors for the text actually makes it harder to read. I can't tell when anyone is talking or whether an action has been made just at a glance. The simulator looks great though. Keep it up. __________________ If you'd like to join in on 2nd Gen battles for some more touches, PM me or these people: Zari, KamenRider, Umbreon Dan, bobtheball4, MapleSandwich, Zarator.

May 18th, 2009, 1:03:09 PM	#13
Sixonesix Join Date: Dec 2007 Location: Chicago Posts: 2,131	Looking good guys! One thing I'm not so sure about though is when it shows the exact HP lost--to me it seems easier to understand what's going on if it just tells you the percentage of HP lost. Or maybe if it displayed both percentage and exact HP lost with each move. Anyway, nice work. __________________ Trade FC: 4768 4551 7818 \| Battle FC: 0645 5997 6560 \| Brawl FC: 3351 3822 1850 10th place in Pokemon Video Game World Championships 2009

May 18th, 2009, 10:31:38 AM	#6
darkie* toto, we're not in kanto anymore.... Join Date: Dec 2005 Location: Plano, TX Posts: 4,064	nice jobs, ~colin&bearzly!

May 18th, 2009, 3:58:34 PM	#16
Twist of Fate Broken Dreams Join Date: Sep 2007 Posts: 904	Yeah I agree the bars are kind of clustered together in the double battle image. Nonetheless great job guys, looks sick. __________________ viva la vida: bg ToF: lol ToF: because i 6-0'd you? viva la vida: haha viva la vida: you had a team advantage with such a crap team

May 18th, 2009, 4:12:39 PM	#17
StarmanXL Join Date: Jul 2007 Location: Looking for his inspiration Posts: 998	Looks great so far; I agree about the HP bars thing but other than that this looks killer. By the way, do you have any screenshots of switching pokemon? Also, am I the only one who felt like Electivire was screaming out his attacks Powerthirst style everytime I read the log? >_> __________________ D/P FC: 4596 5943 1520 Why aren't you playing doubles yet? http://www.smogon.com/dp/articles/double_battles Last edited by StarmanXL; May 18th, 2009 at 4:19:22 PM.

May 18th, 2009, 7:13:24 PM	#21
Gen. Empoleon+ and I am the master of a nothing place Join Date: May 2008 Location: Where the Sun finally sets Posts: 1,339	Colin and Bearzly Shoddy Battle 2 looks extremely beautiful. I'm sure this has been said before but the HP bars in Doubles looks a little awkward, but we can get used to it. Thanks a ton. __________________ <tennisace> its like a handcuffed puppy trying to swim <+shade> general empoleon led many a piplup to death <+shade> in WW1

May 18th, 2009, 8:44:35 PM	#22
Atyroki Join Date: Jun 2007 Location: CGY, Alberta Posts: 1,086	I had some minor nitpicks with the placing of things, mainly that electivires foot was overlapping rampy's horn (@_@), the box showing the goings on in the battle has been enlarged and the names of the battlers (as well as there time limits) were placed in what I believe to be a more visually appealing and functional position. (Other than that, amazing job guys, I can't wait for some ridiculous 6v6 .__.) ((And I gotta wonder, what would 6v6 look like?)) __________________ //He.Makes.Flame//

May 18th, 2009, 9:22:17 PM	#23
Hybrid99 Join Date: Mar 2008 Location: CaP Server/forums visit it sometimes. Posts: 963	Oh wow this is awesome! This makes me can't wait for SB2 to be released even more! Awesome work guys! I also agree Misaki, the font is too big. __________________ Check out the newly launched CAP Site.

May 18th, 2009, 9:54:10 PM	#24
darknite Join Date: Jan 2009 Location: East Tennessee, USA (EST) Posts: 375	I would also like to say that this is going to be amazing/awesome/beast/etc. Thanks for the time you guys put into Shoddy Battle. __________________ My Trade Thread - Wants Platinum FC: 5027 2893 9093 (Use unless otherwise stated) Pearl FC: 0989 9680 7796