Dummies Guide to Custom CSS/SSS

[//2]

@ CR4CK3RW0LF

Its worth a try. You're still gonna have to get past that little obstacle of it not being animated...

[Velen]

@//2:

How many colors can the Face Frame have on it without making the game freeze? I am planning a Mega Man themed CSS and SSS with custom Face Icons and everything made from scratch over the original files to give them a NES or SNES Mega Man feel to them. So this is important for the borders.

[//2]

@Velen Zaiga

For the Faceframe import it in RGB5A3 format. The data size should read 1,216B. In the guide I accidentally wrote IA4 which is gray scale. Thats a mistake on my part. You shouldn't have to worry about the colors since RGB5A3 doesn't allow you to edit that. Hope this fixes your problem.

[Velen]

So what you're saying is that I cannot edit the colors? If so, then "bollocks"!

I exported it as a TarGA and then resaved it as a PNG.

What is the least number of colors I should have.

[mnsg]

So what you're saying is that I cannot edit the colors? If so, then "bollocks"!

I exported it as a TarGA and then resaved it as a PNG.

What is the least number of colors I should have.

The RGB5A3 format has no color limit, but you will see some color when replacing textures of that format.  Also, all texture formats can use a minimum of 1 color.

[//2]

@mnsg

It amazes me how you just appear instantly out of nowhere with picture format info. You're like a mystical ninja of information. Lol! :D

@Velen Zaiga

You shouldn't get so bent out of shape trying to format the Faceframe file. The guide is more of a guideline than actual rules. You can import your image in any format you want as long as you keep under the file size limit. Just remember no matter how awesome your image looks in photoshop its gonna lose some luster in-game. Especially the faceframe image since its very small in game.


To everyone else:
Gonna be going on vacation so no updates this week so before I go I'm adding a new Icon pack for anyone that uses those. I'll update when I get back. See y'all later.

[Velen]

The reason I asked is cause I want to keep it at or under the size limit so it won't freeze.

[mvit]

also, for the Character Name text, the font it uses is called Mercury Display Bold, here are some examples

[mnsg]

@mnsg

It amazes me how you just appear instantly out of nowhere with picture format info. You're like a mystical ninja of information. Lol! :D

Well, a lot of my work involves texture editing.  Because of that, I've gained a lot of knowledge regarding the texture formats.  I've even learned the file size amounts that each texture format uses, depending on the texture size dimensions.  Here are two examples as a reference.

------------------------
128 x 128 pixel texture

I4 - 8,256 bytes
I8 - 16,448 bytes
IA4 - 16,448 bytes
IA8 - 32,832 bytes
RGB565 - 32,832 bytes
RGB5A3 - 32,832 bytes
RGBA8 - 65,600 bytes
CI4 (16 color palette) - 8,352 bytes
CI8 (16 color palette) - 16,544 bytes
CI8 (256 color palette) - 17,024 bytes
CMPR - 8,256 bytes
------------------------
256 x 256 pixel texture

I4 - 32,832 bytes
I8 - 65,600 bytes
IA4 - 65,600 bytes
IA8 - 131,136 bytes
RGB565 - 131,136 bytes
RGB5A3 - 131,136 bytes
RGBA8 - 262,208 bytes
CI4 (16 color palette) - 32,928 bytes
CI8 (16 color palette) - 65,696 bytes
CI8 (256 color palette) - 66,176 bytes
CMPR - 32,832 bytes
------------------------

Now, from what I've noticed, adjusting the CI8 texture's palette adds/removes 32 bytes for each 16 colors that you add/remove.  Also, the texture format with the best quality is RGBA8.  However, because of that, it uses the most memory among all the other texture formats.

[Raiuken]

Just a quick question, do you guys know where you put the in-game character portraits and what file it is? I know it's probably a silly question but I would like to add textures to the in-game, tourney, and results screens. I have a couple of images for during battle, but I don't know what file stores that information as well as it's location. I think it would be great if you add it to the guide.

-edit-
I found it. Here's a link to the thread I found on it.http://forums.kc-mm.com/index.php?topic=25.0
I was hoping it would be in a big pac file like the CSS files are, but it's all individual.  :'( It's frustrating, but I'll live with it.

[Miniova]

Hey here's something you can add to the guide for people who can't seem to figure it out.  Its a list I made that corresponds every csp with it's file.

Code Select Expand

Mario
MenSelchrFaceB.001 - FitMario00
MenSelchrFaceB.002 - FitMario06
MenSelchrFaceB.003 - FitMario03
MenSelchrFaceB.004 - FitMario04
MenSelchrFaceB.005 - FitMario05
MenSelchrFaceB.006 - FitMario02

Donkey Kong
MenSelchrFaceB.011 - FitDonkey00
MenSelchrFaceB.012 - FitDonkey04
MenSelchrFaceB.013 - FitDonkey01
MenSelchrFaceB.014 - FitDonkey03
MenSelchrFaceB.015 - FitDonkey02
MenSelchrFaceB.016 - FitDonkey05

Link
MenSelchrFaceB.021 - FitLink00
MenSelchrFaceB.022 - FitLink01
MenSelchrFaceB.023 - FitLink03
MenSelchrFaceB.024 - FitLink05
MenSelchrFaceB.025 - FitLink06
MenSelchrFaceB.026 - FitLink04

Samus
MenSelchrFaceB.031 - FitSamus00
MenSelchrFaceB.032 - FitSamus03
MenSelchrFaceB.033 - FitSamus01
MenSelchrFaceB.034 - FitSamus05
MenSelchrFaceB.035 - FitSamus04
MenSelchrFaceB.036 - FitSamus02

Yoshi
MenSelchrFaceB.041 - FitYoshi00
MenSelchrFaceB.042 - FitYoshi01
MenSelchrFaceB.043 - FitYoshi03
MenSelchrFaceB.044 - FitYoshi04
MenSelchrFaceB.045 - FitYoshi05
MenSelchrFaceB.046 - FitYoshi06

Kirby
MenSelchrFaceB.051 - FitKirby00
MenSelchrFaceB.052 - FitKirby04
MenSelchrFaceB.053 - FitKirby03
MenSelchrFaceB.054 - FitKirby01
MenSelchrFaceB.055 - FitKirby02
MenSelchrFaceB.056 - FitKirby05

Fox
MenSelchrFaceB.061 - FitFox00
MenSelchrFaceB.062 - FitFox04
MenSelchrFaceB.063 - FitFox01
MenSelchrFaceB.064 - FitFox02
MenSelchrFaceB.065 - FitFox03
MenSelchrFaceB.066 - FitFox05

Pikachu
MenSelchrFaceB.071 - FitPikachu00
MenSelchrFaceB.072 - FitPikachu01
MenSelchrFaceB.073 - FitPikachu02
MenSelchrFaceB.074 - FitPikachu03

Luigi
MenSelchrFaceB.081 - FitLuigi00
MenSelchrFaceB.082 - FitLuigi05
MenSelchrFaceB.083 - FitLuigi01
MenSelchrFaceB.084 - FitLuigi03
MenSelchrFaceB.085 - FitLuigi04
MenSelchrFaceB.086 - FitLuigi06

Captain Falcon
MenSelchrFaceB.091 - FitCaptain00
MenSelchrFaceB.092 - FitCaptain04
MenSelchrFaceB.093 - FitCaptain01
MenSelchrFaceB.094 - FitCaptain02
MenSelchrFaceB.095 - FitCaptain03
MenSelchrFaceB.096 - FitCaptain05

Ness
MenSelchrFaceB.101 - FitNess00
MenSelchrFaceB.102 - FitNess05
MenSelchrFaceB.103 - FitNess04
MenSelchrFaceB.104 - FitNess02
MenSelchrFaceB.105 - FitNess03
MenSelchrFaceB.106 - FitNess06

Bowswer
MenSelchrFaceB.111 - FitKoopa00
MenSelchrFaceB.112 - FitKoopa04
MenSelchrFaceB.113 - FitKoopa01
MenSelchrFaceB.114 - FitKoopa03
MenSelchrFaceB.115 - FitKoopa05
MenSelchrFaceB.116 - FitKoopa06

Peach
MenSelchrFaceB.121 - FitPeach00
MenSelchrFaceB.122 - FitPeach05
MenSelchrFaceB.123 - FitPeach01
MenSelchrFaceB.124 - FitPeach03
MenSelchrFaceB.125 - FitPeach02
MenSelchrFaceB.126 - FitPeach04

Zelda
MenSelchrFaceB.131 - FitZelda00
MenSelchrFaceB.132 - FitZelda01
MenSelchrFaceB.133 - FitZelda03
MenSelchrFaceB.134 - FitZelda05
MenSelchrFaceB.135 - FitZelda02
MenSelchrFaceB.136 - FitZelda04

Sheik
MenSelchrFaceB.141 - FitSheik00
MenSelchrFaceB.142 - FitSheik01
MenSelchrFaceB.143 - FitSheik03
MenSelchrFaceB.144 - FitSheik05
MenSelchrFaceB.145 - FitSheik02
MenSelchrFaceB.146 - FitSheik04

Ice Climbers
MenSelchrFaceB.151 - FitPopo00
MenSelchrFaceB.152 - FitPopo01
MenSelchrFaceB.153 - FitPopo03
MenSelchrFaceB.154 - FitPopo04
MenSelchrFaceB.155 - FitPopo02
MenSelchrFaceB.156 - FitPopo05

Marth
MenSelchrFaceB.161 - FitMarth00
MenSelchrFaceB.162 - FitMarth01
MenSelchrFaceB.163 - FitMarth02
MenSelchrFaceB.164 - FitMarth04
MenSelchrFaceB.165 - FitMarth05
MenSelchrFaceB.166 - FitMarth03

Mr. Game&Watch
MenSelchrFaceB.171-176 - FitGameWatch00

Falco
MenSelchrFaceB.181 - FitFalco00
MenSelchrFaceB.182 - FitFalco05
MenSelchrFaceB.183 - FitFalco03
MenSelchrFaceB.184 - FitFalco01
MenSelchrFaceB.185 - FitFalco02
MenSelchrFaceB.186 - FitFalco04

Ganondorf
MenSelchrFaceB.191 - FitGanon00
MenSelchrFaceB.192 - FitGanon04
MenSelchrFaceB.193 - FitGanon03
MenSelchrFaceB.194 - FitGanon02
MenSelchrFaceB.195 - FitGanon01
MenSelchrFaceB.196 - FitGanon05

Meta Knight
MenSelchrFaceB.211 - FitMetaKnight00
MenSelchrFaceB.212 - FitMetaKnight04
MenSelchrFaceB.213 - FitMetaKnight01
MenSelchrFaceB.214 - FitMetaKnight02
MenSelchrFaceB.215 - FitMetaKnight03
MenSelchrFaceB.216 - FitMetaKnight05

Pit
MenSelchrFaceB.221 - FitPit00
MenSelchrFaceB.222 - FitPit04
MenSelchrFaceB.223 - FitPit01
MenSelchrFaceB.224 - FitPit02
MenSelchrFaceB.225 - FitPit03
MenSelchrFaceB.226 - FitPit05

Zero Suit Samus
MenSelchrFaceB.231 - FitSZeroSuit00
MenSelchrFaceB.232 - FitSZeroSuit03
MenSelchrFaceB.233 - FitSZeroSuit01
MenSelchrFaceB.234 - FitSZeroSuit05
MenSelchrFaceB.235 - FitSZeroSuit04
MenSelchrFaceB.236 - FitSZeroSuit02

Captain Olimar
MenSelchrFaceB.241 - FitPikmin00
MenSelchrFaceB.242 - FitPikmin04
MenSelchrFaceB.243 - FitPikmin01
MenSelchrFaceB.244 - FitPikmin05
MenSelchrFaceB.245 - FitPikmin02
MenSelchrFaceB.246 - FitPikmin03

Lucas
MenSelchrFaceB.251 - FitLucas00
MenSelchrFaceB.252 - FitLucas04
MenSelchrFaceB.253 - FitLucas01
MenSelchrFaceB.254 - FitLucas03
MenSelchrFaceB.255 - FitLucas02
MenSelchrFaceB.256 - FitLucas05

Diddy Kong
MenSelchrFaceB.261 - FitDiddy00
MenSelchrFaceB.262 - FitDiddy05
MenSelchrFaceB.263 - FitDiddy04
MenSelchrFaceB.264 - FitDiddy06
MenSelchrFaceB.265 - FitDiddy02
MenSelchrFaceB.266 - FitDiddy03

Pokemon Trainer
MenSelchrFaceB.271 - FitPokeTrainer00
MenSelchrFaceB.272 - FitPokeTrainer01
MenSelchrFaceB.273 - FitPokeTrainer02
MenSelchrFaceB.274 - FitPokeTrainer03
MenSelchrFaceB.275 - FitPokeTrainer04

Charizard
MenSelchrFaceB.281-285 - See 271-275

Squirtle
MenSelchrFaceB.291-295 - See 271-275

Ivysaur
MenSelchrFaceB.301-305 - See 271-275

King Dedede
MenSelchrFaceB.311 - FitDedede00
MenSelchrFaceB.312 - FitDedede06
MenSelchrFaceB.313 - FitDedede02
MenSelchrFaceB.314 - FitDedede05
MenSelchrFaceB.315 - FitDedede03
MenSelchrFaceB.316 - FitDedede04

Lucario
MenSelchrFaceB.321 - FitLucario00
MenSelchrFaceB.322 - FitLucario01
MenSelchrFaceB.323 - FitLucario04
MenSelchrFaceB.324 - FitLucario05
MenSelchrFaceB.325 - FitLucario02

Ike
MenSelchrFaceB.331 - FitIke00
MenSelchrFaceB.332 - FitIke05
MenSelchrFaceB.333 - FitIke04
MenSelchrFaceB.334 - FitIke03
MenSelchrFaceB.335 - FitIke02
MenSelchrFaceB.336 - FitIke01

R.O.B.
MenSelchrFaceB.341 - FitRobot00
MenSelchrFaceB.342 - FitRobot06
MenSelchrFaceB.343 - FitRobot05
MenSelchrFaceB.344 - FitRobot04
MenSelchrFaceB.345 - FitRobot03
MenSelchrFaceB.346 - FitRobot02

Jigglypuff
MenSelchrFaceB.361 - FitPurin00
MenSelchrFaceB.362 - FitPurin01
MenSelchrFaceB.363 - FitPurin04
MenSelchrFaceB.364 - FitPurin03
MenSelchrFaceB.365 - FitPurin02

Wario
MenSelchrFaceB.371 - FitWario00
MenSelchrFaceB.372 - FitWario01
MenSelchrFaceB.373 - FitWario05
MenSelchrFaceB.374 - FitWario02
MenSelchrFaceB.375 - FitWario04
MenSelchrFaceB.376 - FitWario03
MenSelchrFaceB.377 - FitWario06
MenSelchrFaceB.378 - FitWario07
MenSelchrFaceB.379 - FitWario09
MenSelchrFaceB.380 - FitWario08
MenSelchrFaceB.381 - FitWario10
MenSelchrFaceB.382 - FitWario11

Toon Link
MenSelchrFaceB.401 - FitToonLink00
MenSelchrFaceB.402 - FitToonLink01
MenSelchrFaceB.403 - FitToonLink03
MenSelchrFaceB.404 - FitToonLink04
MenSelchrFaceB.405 - FitToonLink05
MenSelchrFaceB.406 - FitToonLink06

MenSelchrFaceB.411-416 - Blank

Wolf
MenSelchrFaceB.431 - FitWolf00
MenSelchrFaceB.432 - FitWolf01
MenSelchrFaceB.433 - FitWolf04
MenSelchrFaceB.434 - FitWolf02
MenSelchrFaceB.435 - FitWolf03
MenSelchrFaceB.436 - FitWolf05

Snake
MenSelchrFaceB.451 - FitSnake00
MenSelchrFaceB.452 - FitSnake01
MenSelchrFaceB.453 - FitSnake03
MenSelchrFaceB.454 - FitSnake04
MenSelchrFaceB.455 - FitSnake02
MenSelchrFaceB.456 - FitSnake05

Sonic
MenSelchrFaceB.461 - FitSonic00
MenSelchrFaceB.462 - FitSonic05
MenSelchrFaceB.463 - FitSonic04
MenSelchrFaceB.464 - FitSonic02
MenSelchrFaceB.465 - FitSonic01

[KidCraft24]

i was wondering how in brawlbox would u go about replacing the MenSelchrFaceB.001 with one thats 650 x 520. Cuz the original one is only 128 x 160 and whenever i try to increase it i get an error, and when i try to look at my CSS in game it freezes. do i have to delete the original and just make a new texture thats of 650x520 and rename it or do i just increase the width and height of the one thats 128x160?

[Alpha Axl]

The max height is 128x160, if you have a bigger image I believe it freezes.

[DSX8]

ok... i did everything like it says.... but i ran into a problem. After i edited my SSS, the icons arnt even there, just a white box to where the stages are. Wen i move the pointer over 1 of them, every box says the name of the stage im highlighted over.

mind helping? ^^"

[mnsg]

ok... i did everything like it says.... but i ran into a problem. After i edited my SSS, the icons arnt even there, just a white box to where the stages are. Wen i move the pointer over 1 of them, every box says the name of the stage im highlighted over.

mind helping? ^^"

Did you mess up with the texture formats?  Pay close attention to what's listed below.

MenSelmapIcon.## - 64x56 pixels - CI8 texture / RGB5A3 palette
MenSelmapPrevbase.## - 176x176 pixels - CMPR texture
MenStageSwitch.## - 128x64 pixels - CMPR texture

Also, when editing sc_selmap.pac, the BRRES archive that contains the stage select icons and portraits will be named MiscData[80].