Aerosys

Veteran
Veteran
Joined
Apr 23, 2019
Messages
631
Reaction score
614
First Language
german
Primarily Uses
RMMZ
Hey all,

So I was asked to write a short tutorial on publishing a Game as Webbrowser game so that others can play it instantly. RPG Maker already outputs a game as an HTML/js application, so there isn't much work to do.

Before hosting a game as html/js application, be aware that due to their nature, any 3rd-party Plugin will be made public to others. In this case, you should obfuscate and domain-lock their source code with this tool: https://obfuscator.io/

Before following this tutorial, you may think about uploading it on itch-io, then you don't need to purchase a personal domain + webspace.

What you need
- FileZilla
- a Hoster that provides you a domain and a little bit of webspace

There are a lot of Hosters out there where you can purchase a domain, including some webspace. I personally use 1&1 Ionos, but more because of psychological reasons as their headquarter is in my hometown, and I had some connections during university. And they have nice customer support.

Let's go

Step 1: Export
In RPG Maker, click on Export and choose "Webbrowser". Don't deploy inside your project directory, as this sometimes causes some confusion. Just select an empty directory.

Step 2: Connect FileZilla with your webspace
Your Hoster will give you the details you need to connect. I recommend creating a directory "Games" on it. Drag&Drop your Game directory into it to upload it on your webspace.

1629017566701.png



Step 3: Connect the Domain
If not already done, go into your hoster's domain settings and link the domain with your webspace. Optionally you can set up a subdomain as I did.

The link that you want to distribute to the players is

Code:
yourdomain.com/path/to/your/game/directory

In my case:

Code:
play.aerosys.blog/rng-demo

Do not include the HTML file in the link, the link points to its directory instead.
 
Last edited:

Timmy77

Villager
Member
Joined
Oct 6, 2021
Messages
29
Reaction score
20
First Language
French
Primarily Uses
RMMZ
Thank you for the tutorial

But how do saves work ?
 

Aerosys

Veteran
Veteran
Joined
Apr 23, 2019
Messages
631
Reaction score
614
First Language
german
Primarily Uses
RMMZ
Save files are stored by the browser's local storage, you don't need to do anything.
 

Timmy77

Villager
Member
Joined
Oct 6, 2021
Messages
29
Reaction score
20
First Language
French
Primarily Uses
RMMZ
Awesome ! And the sound files (.OGG) are supported by the web browser?
 

Aerosys

Veteran
Veteran
Joined
Apr 23, 2019
Messages
631
Reaction score
614
First Language
german
Primarily Uses
RMMZ
They work fine for me
 

jgdeutsch

Villager
Member
Joined
Aug 18, 2021
Messages
23
Reaction score
9
First Language
English
Primarily Uses
RMMV
Thank you for the tutorial

But how do saves work ?
We developed a login system with email/Google authentication so that game saves can be restored from any device (so if you move from one device to another, the game can still be restored)

Here is a demo:

If anyone would like the code please let me know.
 

Latest Threads

Latest Profile Posts

Is RPG Maker VX (rgss2) still relevant? xD
ZyCHqk2.png

Something about top-downs.
I have never felt so attacked by a tree before :LZSlol: it took 10++ hours to make but at least it looks pretty LOL

Untitled-1.png
now seems like the worst time for me to need a better computer with how much stuff is costing. that and I don't thing there's much else I can do to make MV run any better with what I have.
Sigh... to have some variety in this weather. More than just sun and rain and wind and thunder.
In the meantime, I've discovered that I'm slowly becoming fatigued from the many sleepless nights my neighbors cause. Or at least their dogs. Always barking at something.
I might need a day to just sleep and recharge.

Forum statistics

Threads
118,453
Messages
1,116,100
Members
155,433
Latest member
Aquilium3939
Top