MekoLab - Mekorama Level Editor

Hello everyone!

I'd like to share a new web-based application I've been working on called MekoLab.
It's a simple tool that allows you to quickly replace blocks in Mekorama levels by editing the QR code data.

This project would not have been possible without the amazing research and reverse engineering work done by this community.
A huge thank you to everyone who contributed to the reverse engineering thread, especially the original poster, @QuantumForce .
Your research was the foundation that allowed this web app to be built.

I would also like to express my gratitude to @Gepeto who generously shared parts of the source code from Mekostudio. His code served as a reference and guide during the development of MekoLab.
If you are looking for a powerful, 3D level editor, I highly recommend visiting Mekostudio.

A special thank you to @EL797 and @Denis Nazin for their valuable help in testing earlier versions of this application.
Their feedback was essential for making improvements and fixing bugs.

A quick note of caution:
Please be careful when using this tool with unreleased block types.
The logic for some blocks, particularly the wheel block, has not been fully implemented.
Using it might cause the Mekorama game to behave unstably or even crash.

For more information about the web app, its features, and the libraries it uses, you can visit the official GitHub repository:
https://github.com/nurularifin04/mekolab

I hope you find this tool useful.

Thank you all.

Spoiler

This text was generated with assistance from Gemini AI

 

I added code so we can input the same image when a block has been changed.

Code:

event.target.value = '';

Please clear the cache for this to work, or open this and refresh.

 

Orientation 0: Imagine robot B in its normal position. Its head (eyes) is up, and its body faces forward (z+ axis). [head = up, body = front]

Orientation 1: Robot B is rotated 90 degrees ccw on the y-axis, which means its body now faces left (x+ axis) while its head remains up (y+ axis). [head = up, body = left]

What if [head = down, body = right]?
The head is down and the body faces right. From its normal position, this means the block has been rotated 180 degrees on the x-axis and then rotated another 90 degrees ccw on the y-axis.

look at the rotation on the metal wedge below. the metal cube is used as a marker.

 

There's an issue with the jsQR library, which can't read QR Code version 23. I've found the error:

Code:

alignmentPatternCenters: [6, 30, 54, 74, 102]

The correct one should be:

Code:

alignmentPatternCenters: [6, 30, 54, 78, 102]

But I can't just modify the library; I have to fork or self-host it and include the license. So it takes time.