DEV Community

Dat One Dev
Dat One Dev

Posted on • Edited on

2

How to package a web game in Mini Micro

Introduction

Micro Jam #40 was going on, as usual, one of the most adorable language miniscript has sponsored this Micro Jam too.

I was not too serious about making a game this time. Mostly, my mindset is Win and Grind, but this time, I entered with a learning mindset.

And surprisingly, I won....Not the jam, I won the purpose I entered with.

The submission I made for this jam helped me learn about many things.

This post and these 2 posts

👉Drag and Drop
👉Drop Detection

And upcoming Mini Micro 1.3, 1.4 are also possible due to this one game jam.

So I won on my side

Now let's jump into the topic. See, the hardest part of this jam wasn't making the game, it was packing the game

Mini_Script wiki had the steps, but none of the beigneer didn't knew how to execute these steps. If you are a new developer like me, you would also get confused Miniscript Wiki.

So I thought, why not make a blog on this topic? (Video dropping soon too)

How to package your Mini Micro Game

See, I would not go into the detail of what each thing does, I would straight up tell the steps and tell how to execute those steps.

Optional: First, create a copy of /usr

As a programmer, I like to do experiments, and I also believe there are many like me who like to do such stuff, so just have a backup copy before you ruin everything and regret it.

Step 1: All Assets in One folder

If you already have all of your assets in one folder, then that's great, but if you are like me and your pics are in a completely different folder and your code is in a different then follow this step.

Image description

See, all my code was saved as universalwizard.ms, and all my assets were saved into a subfolder named Magic^2 in the pics folder.

Sub Step 1: Create a new folder named user.minidisk and drop your assets there

Image description

Sub Step 2: Delete all unnecessary files

From the user.minidisk folder you just created, delete all those unwanted files that are not related to your program at all.

Step 2: The user.minidisk setup

Sub Step 1: Now inside the user.minidisk create a new file named startup.ms

Image description

Sub Step 2: Now open up the newly created startup.ms and either paste your game code(not recommended) or paste this command.
clear
run "universalwizard.ms"
Enter fullscreen mode Exit fullscreen mode

Switch that universalwizard.ms with your code file name.

Step 3: How to zip?

This I one of those parts where I made the most mistakes in.

Now you need to zip the user.minidisk content not the folder
And this is the 2nd most part where most beginners make mistakes.

(You need to zip, don't make it .rar make it .zip)

Image description

Sub Step 1: Select all the contents of the folder
Sub Step 2: Right Click and Zip it.

Image description

Step 4: WebGL Template Setup

Sub Step 1: Download the Template

From this website MiniMicro /Downloads scroll down and download the WebGL Template.

Sub Step 2: Extract the template
Sub Step 3: Open the template and find the StreamingAssets Folder
Sub Step 4: Delete the already existing user.minidisk inside that folder
Sub Step 5: Paste your user.minidisk zip into the folder
Sub Step 6: Change the file extension of the user. minidisk from .zip to .minidisk, such that it looks like the user's name of the file and .minidisk is its file extension

Image description

Sub Step 6: Zip the updated version of the WebGL Template
Sub Step 5: Paste your user.minidisk zip into the folder
Sub Step 7: Use it wherever you want, I prefer Itch.io

Outro

I hope someone out there found this post helpful. If you think this post somehow helped you Dat_One_Dev, I suggest checking out my YouTube channel, Cause your support means a lot to me

Recommended Post:

Mini Micro

GO

Conceptual

Developer Essential

Learn By Code and Code Review

Redis image

Short-term memory for faster
AI agents

AI agents struggle with latency and context switching. Redis fixes it with a fast, in-memory layer for short-term context—plus native support for vectors and semi-structured data to keep real-time workflows on track.

Start building

Top comments (1)

Collapse
 
joestrout profile image
JoeStrout

Nice post. I would suggest one more step, between steps 3 and 4:

Try out your user.minidisk locally, by dragging it onto Mini Micro and entering reboot at the prompt.

If you've made a correct user.minidisk, this will launch your game. If not, it won't work, and you can fix it before you bother with step 4 and uploading it somewhere and all the rest.

👋 Kindness is contagious

Explore this compelling article, highly praised by the collaborative DEV Community. All developers, whether just starting out or already experienced, are invited to share insights and grow our collective expertise.

A quick “thank you” can lift someone’s spirits—drop your kudos in the comments!

On DEV, sharing experiences sparks innovation and strengthens our connections. If this post resonated with you, a brief note of appreciation goes a long way.

Get Started