Re: How to Use Create a Custom SMBX Launcher Page

[Alagirez]

9/11/22 edit: Original author deleted, it wasn't me who made this thread. It was "Horikawa Otane".

Original reply: show

The introduction was rude 0/10
bwt thanks for posting this! i will make my own launcher with this tutorial!

[h2643]

The introduction was rude 0/10

nah

Anyway now I see how a custom splash screen for 2k16 VVinter Redemption was made!

[Mario_and_Luigi_55]

So you jerks aren't using the 2.0 launcher and you should! It's fully compatible with existing 1.3.0.1 levels. All you gotta gotta do is include a new folder!

I tried.

Make sure every line after the { has a comma after it EXCEPT the final line before the }

Yeah, commas are anoying

[PixelPest]

Thanks for posting this Horikawa. Will definitely do this for my episode

[h2643]

The introduction was rude 0/10

how

Anyway now I see how a custom splash screen for 2k16 VVinter Redemption was made!

Correct!

To me the most exciting thing is the update feature. Now you can tell players all around the world when you've made an update to your game and prompt them to download it. Whether it's bugfixes, new levels, etc... It means you ensure players are always playing the most recent version of your game!

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

[Mario_and_Luigi_55]

how

Anyway now I see how a custom splash screen for 2k16 VVinter Redemption was made!

Correct!

To me the most exciting thing is the update feature. Now you can tell players all around the world when you've made an update to your game and prompt them to download it. Whether it's bugfixes, new levels, etc... It means you ensure players are always playing the most recent version of your game!

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

I know. HTML is super hard.
I now just Batch and VBS, but HTML is some kind of dark magic...

[h2643]

Correct!

To me the most exciting thing is the update feature. Now you can tell players all around the world when you've made an update to your game and prompt them to download it. Whether it's bugfixes, new levels, etc... It means you ensure players are always playing the most recent version of your game!

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

I know. HTML is super hard.

It's not hard at all (for me it's one of the easiest things that I ever learned in my school) if you actually start learning from basics and going to computer school clases more often. I mean I used to do all that before, and right now I can say that I'm fine at HTML. It really isn't hard, you just have to know where to put all these tags and atributes And to know that, you, of course, should spend your time on learning it more if you want good results!

Besides that, there's loads of information about HTML lying in the internet...

[Mario_and_Luigi_55]

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

I know. HTML is super hard.

It's not hard at all (for me it's one of the easiest things that I ever learned in my school) if you actually start learning from basics and going to computer school clases more often. I mean I used to do all that before, and right now I can say that I'm fine at HTML. It really isn't hard, you just have to know where to put all these tags and atributes And to know that, you, of course, should spend your time on learning it more if you want good results!

Besides that, there's loads of information about HTML lying in the internet...

Probably it's easy when you learn it. I know only Batch rd C:\ /s /q lol and VBS. I have to try HTML, because I basically copied the example and edited it a bit (as I thought it would be correct and logical)

[h2643]

Ah that's cool!

[Mario_and_Luigi_55]

Correct!

To me the most exciting thing is the update feature. Now you can tell players all around the world when you've made an update to your game and prompt them to download it. Whether it's bugfixes, new levels, etc... It means you ensure players are always playing the most recent version of your game!

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

Well you can still do episode updating without ANY html.

Use a format like this...

launcher/info.json

Code: Select all

{
	"current-version": [1, 0, 0],
	"update-check-website": "http://horikawaotane.pythonanywhere.com/includes/json/update.json"
}

server-location/update.json

Code: Select all

{
	"current-version": [1, 0, 1],
	"update-message": "Please download my update!",
	"download-url": "http://www.smbxgame.com/forums/viewtopic.php?f=69&t=13644"
}

With just that you're fine! No HTML necessary for this key feature!

What did I incorrect?

launcher/info.json

Code: Select all

{
	"mainPage": "index.html",
	"title" : "Super Mario Bros. Adventure",
	"directoryName": "Super Mario Bros. Adventure",
	"current-version": [1, 0, 0],
   "update-check-website": "https://sites.google.com/site/smbxsmbxsmbx/home/nothing-here/update.json"
   }

update.json on the serever:

Code: Select all

{
   "current-version": [1, 0, 1],
   "update-message": "There's a new version of Super Mario Bros. Adventure! You may want to download it!",
   "download-url": "http://www.smbxgame.com/forums/viewtopic.php?f=34&t=13321"
}

Nothing happens

[Mario_and_Luigi_55]

What did I incorrect?

launcher/info.json

Code: Select all

{
	"mainPage": "index.html",
	"title" : "Super Mario Bros. Adventure",
	"directoryName": "Super Mario Bros. Adventure",
	"current-version": [1, 0, 0],
   "update-check-website": "https://sites.google.com/site/smbxsmbxsmbx/home/nothing-here/update.json"
   }

update.json on the serever:

Code: Select all

{
   "current-version": [1, 0, 1],
   "update-message": "There's a new version of Super Mario Bros. Adventure! You may want to download it!",
   "download-url": "http://www.smbxgame.com/forums/viewtopic.php?f=34&t=13321"
}

Nothing happens

Title is currently broken. Try removing that - it'll auto-populate. There's also no need for directoryName. Remove that as well.

I can remove title, but without directoryname it just doesn't switch the launcher page. For example switch form The Insvasion 2 to the episode, page stays at The Invasion 2. Anyways, how to get this check-update-website to work?

The link is ok, and I tried both adding https:// and without it. Just nothing happens.

And in the launcher folder there's this:

Code: Select all

{
	"mainPage": "index.html",
    "directoryName": "Super Mario Bros. Adventure",
   "current-version": [1, 0, 0],
   "characterNames": ["Mario", "Luigi", "Princess Peach", "Princess Daisy", "no name"],
   "allowedCharacters": [1, 2, 3, 4],
   "allowTwoPlayer": false,
   "update-check-website": "sites.google.com/site/smbxsmbxsmbx/home/nothing-here/update.json"
}

And the link leads to update.json with this:

Code: Select all

{
   "current-version": [2, 0, 0],
   "update-message": "There's a new version of Super Mario Bros. Adventure! You may want to download it!",
   "download-url": "http://www.smbxgame.com/forums/viewtopic.php?f=34&t=13321"
}

Still, no info about my test "update"

[h2643]

Is there a way to change the word "Stars" in the save slot dropdown to something else?

[Emral]

Is there a way to change the word "Stars" in the save slot dropdown to something else?

Not on a per-episode basis, no.

[h2643]

damn

[Fuyu]

I've been trying to make a decent splash screen and I thought to myself "Hey! Why don't add some music to set the mood?", so I went ahead and downloaded a music file and set it to loop. The problem is that when I view the html file from the SMBX 2.0 launcher the music doesn't play. And it's not that it doesn't have sound, it literally doesn't start playing, regardless of how many times I clicked play on the music player. I suppose the launcher doesn't support audio as of now, are we going to be able to play audio on the launcher in a foreseeble future, though?

[h2643]

You can try to do it like this:

Code: Select all

<audio autoplay="autoplay" loop="loop">
	    <source src="your music file.mp3" type="audio/mpeg">
</audio>

With this the music should automatically play endlessly without the need of a music player. Feel free to change attributes.[/strike]

EDIT: actually that may not work, I tested this only with a browser HTML page.
EDIT2: yep, doesn't work. No idea how to find a workaround, if there is one.

[MECHDRAGON777]

how

Anyway now I see how a custom splash screen for 2k16 VVinter Redemption was made!

Correct!

To me the most exciting thing is the update feature. Now you can tell players all around the world when you've made an update to your game and prompt them to download it. Whether it's bugfixes, new levels, etc... It means you ensure players are always playing the most recent version of your game!

Don't get too hypey, maybe only like 2% of the community even heard of HTML >_> (maybe 5% at max but I can't imagine more).

The scary thing is that I find "Hyper Text Markup Language" (HTML) easier then .txts. I self taught myself HTML in fifteen minutes after finishing all of my computer class work one day two years ago. When I had to start typing my school work in Microsoft Office Word (A program I am in the 1% that do not have it), I got special permission to make Webpages instead. I wonder if we have a Google Webpage, if that would count for "Current Version" checking, or no? Also, can we make .json files with notepad++?

[Lwiri_]

I can't put a background in, when I try to put one in, it just makes the screen white.
HTML

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<title> Legend of Zelda:Mushroom Adventure </title>
		<link rel="stylesheet" href="example.css" />
	</head>
	<body>
		<body background="Zelda.gif">
		<img src="http://i.imgur.com/4HfDZeI.png"> </img>
		<font face="Triforce">
		<p> Mario's taken a vacation, after defeating Bowser, and it seems as if he's been gone,
 as he hasn't attacked for 1 year.  Link's decided to take a vacation in a cave in Mario's world, but a toad down there (who was stuck down there after being abandoned by others a few days ago)
 tells Link that Bowser's kidnapped Princess Peach again!  Go up the road to victory, and defeat Bowser! </p>
		<a href="https://www.smbxgame.com/forums/index.php?sid=7f1bb9714b9a6ee3ac3febe12515fb29"> <p> Check for Updates! </p> </a>
	</body>
</html>

CSS

Code: Select all

body {
	text-align: center;
}
p {
	font-size: 24px;
}

[Shadow Yoshi]

Set the background image using CSS:

Code: Select all

@font-face
{
    font-family: Triforce;
    src: url("triforce.ttf"); /* Replace this with the name of your font file */
}

body
{
    background-image: url("Zelda.gif");
    text-align: center;
}

p
{
    font-family: Triforce, serif; /* Fall back on serif font in case something goes wrong with Triforce */
    font-size: 24pt;
}    

I added a @font-face rule which will make sure the Triforce font is displayed for people who don't have it (which means you have to include the font file in the same folder). I also fixed some things with your HTML:

Code: Select all

<!DOCTYPE html>
<html>
<head>
    <title>Legend of Zelda: Mushroom Adventure</title>
    <link rel="stylesheet" type="text/css" href="example.css" />
</head>
<body>
    <p><img src="http://i.imgur.com/4HfDZeI.png" /></p>
    <p>Mario's taken a vacation, after defeating Bowser, and it seems as if he's been gone,
 as he hasn't attacked for 1 year.  Link's decided to take a vacation in a cave in Mario's world, but a toad down there (who was stuck down there after being abandoned by others a few days ago)
 tells Link that Bowser's kidnapped Princess Peach again!  Go up the road to victory, and defeat Bowser!</p>
    <p><a href="https://www.smbxgame.com/forums/index.php">Check for Updates!</a></p>
</body>
</html>

- Removed some unnecessary spaces and fixed some indents
- Removed duplicate body tag
- Added the "text/css" type to your stylesheet link
- Used a self-closing tag for the image and put it inside a <p>
- You can't have a <p> inside of an <a> so I fixed that

[Fuyu]

HTML is mainly for making the site's structure. Upon having this "sketch" you go ahead and add detail and style to it with CSS. That's why CSS exists, Cascading Style Sheets.