These code is to understand the Title Setting and what they can do for you
Code:
;------------------------------------------------------------------- ;Title screen definition [Title Info] fadein.time = 10 fadeout.time = 10 menu.pos = 159,158 <<<<<<<<<<<< these are to move all menu selection letters fonts menu.item.font = 3,0,0 <<<<<<<<<<<<number font location menu.item.active.font = 3,5,0 <<<<<<<<<<<<number font location menu.item.spacing = 0, 13 <<<<<<<< spacing fonts letters menu.itemname.arcade = "ARCADE" menu.itemname.versus = "VS MODE" menu.itemname.teamarcade = "TEAM ARCADE" menu.itemname.teamversus = "TEAM VS" menu.itemname.teamcoop = "TEAM CO-OP" menu.itemname.survival = "SURVIVAL" menu.itemname.survivalcoop = "SURVIVAL CO-OP" menu.itemname.training = "TRAINING" menu.itemname.watch = "WATCH" menu.itemname.options = "OPTIONS" menu.itemname.exit = "EXIT" menu.window.margins.y = 12, 8 <<<<<<<<<<< this tell how many item letter spacing control menu.window.visibleitems = 5 <<<<<<<<<<<<<<< how many fonts want to show on the screen menu.boxcursor.visible = 1 <<<<<<<<<<this can remove or display the flashing bar icon and set to 0s turn its off menu.boxcursor.coords = -58,-10,57,2 <<<<<<<<<<< control the size for the flashing box cursor cursor.move.snd = 100,0 <<<<<<<<< this from sound fx for the system.def cursor.done.snd = 100,1 <<<<<<<<< this from sound fx for the system.def cancel.snd = 100,2 <<<<<<<<< this from sound fx for the system.def
[TitleBG 0] ;black border <<<<<<<<<< code to show sprite normal or animation sprite on the screen display type = normal spriteno = 1,0 start = 0, 0 mask = 0
[TitleBG 1] ;blue light bottom left type = anim <<<<<<<<<<<<<<<<<<<< this mean an sprite has animation see the image what they are and do actionno = 4 start = -240, 160 mask = 1
(https://i.imgur.com/pT1qNmk.png)
Video Guide Part 2 : How to Add Option Screen animation and Add Bitmap fonts and Truetype Fonts
Spoiler, click to toggle visibilty
Tools you need for this lesson two https://drive.google.com/file/d/1SseFI7A4ciYXSyDfoWW19q8KbeKyE7uE/view?usp=sharing
text guide for font for option screen
Spoiler, click to toggle visibilty
when you are trying to add a font for the option screen for mugen 1.0 and mugen 1.1 the Option runs on Option.def and they use two type of fonts Truetype Fonts as TTF and other is Bitmap fonts as Sprite fonts variables
you have two chooses to add fonts
for Bitmap font they need to be at least 16x16 size and not by 8x8 you have to find fonts for that size or make your own Sprite fonts for them
The 3 main colors for the fonts to show in the option screen is WHITE,GREY OR YELLOW are aloud to be in the display color and need to be 256 bit of colors
when making your own Bitmap Sprite fonts they have to be index as png or pcx with the same color pallet
and you have to crop each letter with Gimp or Photoshop or Microsoft Paint
once you crop them you need to indexed them with your Image editor
next you need to come here because this is important http://www.elecbyte.com/mugendocs-11b1/fonts.html#ascii-character-reference
that is a chart ascii-character-reference Only characters from the ASCII character set are supported by bitmap fonts. The extended ASCII set is not supported. For a table of the ASCII character set, see "ASCII character reference" below.
Bitmap fonts must be accompanied by an SFF file that contains the sprites for the glyphs. Each character in the font maps to a sprite indexed by 0,<ASCII code> where <ASCII code> is the corresponding ASCII code for the character. For example, the character 'A' (ASCII code 65) maps to sprite 0,65. Zero is the group and sixtyfive is the index number display for fighter factory
Any character which does not have a corresponding sprite will not be rendered.
Bitmap fonts may contain one or more color banks. Each color bank maps to a palette stored in the SFF, and indexed by 0,<color bank number> where <color bank number> is a positive number. If during font rendering, an invalid color bank is specified, the palette of the first sprite in the SFF will be used.
Okay now how do you go about doing it ? 1.first make your own fonts or draw them out it's your choose how do it
2. use any image editor to crop and index each character letter and symbols and numbers into pcx or png (https://i.imgur.com/TAOPnp6.png)
3.first you need go to mugen font folder and find f-4x6.def be sure to make a copy duplicate of its just like this (https://i.imgur.com/lN59WzS.png)
4.please keep your copy f-4x6.def leave it there for now
5. go ahead and add your bitmap sprite characters in the fighter factory 3.0.1 that you already crop and indexed for them be sure to save as Mugen 1.0 not mugen 1,1 and give a name as for Im going to name it BlueLettersOption save as SFF AND save it in the mugen font folder (https://i.imgur.com/PtX0Rks.png)
6.now final delete the old options.def that in your mugen font folder and rename your copy f-4x6.def to options.def its should look like this (https://i.imgur.com/mhOPATG.png)
7. next is you need to open your copy f-4x6.def as a notepad don't be scared of the ugly text mess
8. scroll down and find File = f-4x6.SFF and change it to whatever name you want give it, but as for me I'm going to change to BlueLettersOption.sff its should look like this (https://i.imgur.com/xYQYybh.png)
9 go to option,def Size = 3,6 and play with these value until you get right, BUT as I'm going to set my value to Size = 15,15 and the Spacing = 0,0 set it to 0,0 and Offset = 0,0 like this (https://i.imgur.com/ASMWjZD.png)
After all said and done you can see the changes after and the before Default option screen (https://i.imgur.com/cFn5QJj.png)
Now before you add the Bitmap sprite on your Option screen its look like this now (https://i.imgur.com/mDWSkwH.png)
if your not a artist and you don't know how to draw your own bitmap that mean you can always come here to make a auto make the font from here http://arcade.photonstorm.com/
or here at sprite resources for premade fonts just be sure that the font are 16x16 be sure that the fonts is 16x16 https://www.spriters-resource.com/search/?q=fonts
BUT if your to DAM LAZY TO DO ALL THAT WORK there easy way and that Truetype font
with Truetype fonts you can resize them in the Option screen but also be sure that the font you choose is really TTF aka truetype fonts
JUST KEEP IN MIND THAT TRUETYPE FONT WON'T CHANGE COLORS FOR OPTION SCREEN They can change color for other places in the screen pack but not on the Option screen, because they always stay as while color you can find a bunch of them here at dafont https://www.dafont.com
to just add your truetype font 1. choose the truetype font you want and please put in the truetype font inside the mugen font folder 2. go inside your mugen font folder and find Option.def 3. open the Option.def with notepad
you will see this Ugly mess of text and you find arial.ttf (https://i.imgur.com/SwAwyNz.png)
once you find it you want to change the name, I'm going to use busterbit.ttf that I found on the datfont and I am going to change arial.ttf to busterbit.ttf (https://i.imgur.com/08Y8zi8.png)
now only thing you need to play with is the font size and Size of font: width, height. Only height is used for truetype fonts. Size = 6,11 <<<<<<<<<< play with this until you got the perfect size for your option screen font fit right
here an example from after and before
Default Font after (https://i.imgur.com/cFn5QJj.png)
Before I change it and fit the right type of SIZE (https://i.imgur.com/PHqkKw8.png)
Video Guide Part 3: How to add a Mugen Screenpack's Versus & Victory Screen
Spoiler, click to toggle visibilty
There no tools needed for this lesson 3
Video Guide Part 4: How to add a Mugen Screenpack's Sounds & Select Screen
Spoiler, click to toggle visibilty
no tools need it but you need an website for Sounds and Select sprite folder with wav sounds
Select sprite folder located here for the lesson https://drive.google.com/file/d/1kDvNxPaFP7meQDwGBiisyLyE2UlqScIb/view?usp=sharing
Video Guide Part 5: How to add a Mugen Screenpack's Cursor & Team Menu Background
Spoiler, click to toggle visibilty
Video Guide final Part 6: How to add a Mugen Screenpack's Congrats & Continue Screen
Spoiler, click to toggle visibilty
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: SOLIDUS SNAKE on September 30, 2017, 09:20:41 am
You are my hero and no homo.lol Real talk, you have really progress into your own. I salute you one old creator to a new one. If someone really want to learn, hey follow these steps and it's sure to bring you to another level. Keep it rocking old Gamer, just another one of your fan's.
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: OldGamer on October 01, 2017, 07:13:07 pm
You are my hero and no homo.lol Real talk, you have really progress into your own. I salute you one old creator to a new one. If someone really want to learn, hey follow these steps and it's sure to bring you to another level. Keep it rocking old Gamer, just another one of your fan's.
thank you so mush for your kind words. I figured maybe this will help anyone that been wanting to know how to make there own screen pack in the future ^^ in just simple baby steps and understand how they work :D
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: EgyLynx on October 01, 2017, 08:49:12 pm
By the way: Vselect is "must" IF use Mugen 1.0 NOT mugen 1.1 (At Mugen 1.1 get order about <=30 when mugen 1.0 wait it order<=10) So, at Mugen 1.1 select.def at manual... but, it wasn´t difficult, but takes time if are >900 persons... ( I self know that !)
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: OldGamer on October 02, 2017, 07:47:05 am
By the way: Vselect is "must" IF use Mugen 1.0 NOT mugen 1.1 (At Mugen 1.1 get order about <=30 when mugen 1.0 wait it order<=10) So, at Mugen 1.1 select.def at manual... but, it wasn´t difficult, but takes time if are >900 persons... ( I self know that !)
Your telling something I know already about Vselect. I guess you did not follow my Part 2 video guide well did yah or not ? :shifty: also Vselect work great with Mugen 1.1 . I never had no issue what so ever when I used it on the mugen 1.1, I also explain on my part 2 video that you can use Vselect not just about Adding Characters but also is good tool because its let see how your select screen should look like when you are creating a screen pack and adjusting the select screen definition setting in the system.def location. but maybe you never knew that Vselect can do more than just adding a character or giving a order setting. the tool give you a good view Idea on how to make your select screen roster and how its going to look and set it up the shape deign of the select screen roster.
Posted: October 02, 2017, 07:55:50 am Part 7 video guide how to make a versus screen is done , PART 8 IS COMING SOON :D Posted: October 04, 2017, 01:36:51 am Part 8 is done and Part 9 is coming soon :D
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: OldGamer on October 07, 2017, 03:00:55 am
this guide is done :D the open source file sprite will be release as soon I'm done uploading them xD
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: SHINGOTETSU on October 07, 2017, 10:20:11 am
FA***G AMAZIN THKS!! OG!
Title: Re: Complete Guide: How to make a Basic Mugen Screen packs for Beginners
Post by: OldGamer on December 13, 2017, 09:13:56 pm
Sorry for the bump, the videos are down, any chance to get them back up?
Tbh most of his content is down (old stages, screenpacks, etc.) idk why OG delete his videos/images lol
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: OldGamer on September 18, 2019, 09:38:09 am
New video and new updates
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: Mr. Giang on September 18, 2019, 10:09:05 am
Most people wouldn't be able to find motivations to actually remake a lost tutorial yet you still manage to get over it and remake the tutorial with more up-to-date knowledge for the communities. Thanks for this!
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: OldGamer on September 18, 2019, 07:06:23 pm
Most people wouldn't be able to find motivations to actually remake a lost tutorial yet you still manage to get over it and remake the tutorial with more up-to-date knowledge for the communities. Thanks for this!
Thank you so much for your Kind and wisdom words Mr.Gaing. I had to remake it because Last year somehow my google account got hacked all my files and video were removed, but now I have more experiences in the field of making screen packs, I want to make things easy for everyone in easy baby sets to understand what each code setting do and how to add sprites and more, everything I do for the community is to help those that want to learn without no confusion :)
Posted: September 18, 2019, 07:15:47 pm part 2 is done part 3 coming soon :)
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: Yuko on September 18, 2019, 07:47:33 pm
Oh, I didn't know you were hacked, that explains everything. That being said, nice to see you remaking the tutorials, I'm sure they will be very helpful. Also your screenpacks are very good, thanks for sharing your knowledge with us. :)
Spoiler, click to toggle visibilty
By the way, this is my 666th post :devil:
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: OldGamer on September 18, 2019, 08:59:18 pm
Oh, I didn't know you were hacked, that explains everything. That being said, nice to see you remaking the tutorials, I'm sure they will be very helpful. Also your screenpacks are very good, thanks for sharing your knowledge with us. :)
Spoiler, click to toggle visibilty
By the way, this is my 666th post :devil:
Thank you DS and also I included a text guide as well with the video guide :D
Posted: September 19, 2019, 06:26:54 am Part 3 is done Part 4 coming soon Posted: September 19, 2019, 10:23:35 pm part 4 is done Part 5 coming soon
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: OldGamer on September 21, 2019, 02:23:35 am
part 5 is done and final part 6 is coming soon Posted: September 21, 2019, 07:09:52 am the screen pac guide is now complete also
I would like to make clear that I went ahead and took all my time to get all this done to help everyone to understand and learn how to make your own screen pack if you have any other questions about regarding with the guide that I provide for you guys please let me know however I am not going out of my way to help fix your own troubleshoot but I will will help you and see and find out what is your problem when you're making your own screen pack I'll try to troubleshoot your problem and then tell you what you did wrong but then you have to fix it yourself after that that's the kind of support I will willing to do for anyone who wants to learn about screenpack please use simple words that I can understand do not use short-term questions that don't make no sense to me you have to be very clear and very detail what's your sentence so this way I can look and see what went wrong and I can give you the proper answer of yours troubleshooting when you're making your own screen pack
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: Yuko on September 21, 2019, 08:22:53 am
Cool, I'll watch and read everything when I have the time. Thank you again for sharing your knowledge with us, sure will be very helpful!
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: MatreroG on September 28, 2019, 04:13:55 pm
This is great! Now is practice time. Thanks. :laugh:
Title: Re: How to make a Basic Mugen Screenpacks 2019
Post by: OldGamer on September 28, 2019, 10:45:04 pm