MapleStory in a Web Browser

[johncintron]

Happy holidays, RaGEZONE!

What's new in this update:

Load & render NPC names.

New UI elements. Login button, dice roll (both functional) and in-game status bar.

New cursor! I can't express how much effort has been put into making this possible, but the end result is a cursor that looks like the actual client's cursor and it works with both the canvas and text input.

Significant performance upgrades. Approximately 30% less memory used.


As always, some pictures. Firefox on the left, virtual machine on the right.

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

 

[dedeu3]

Hey johncintron, i tried to reach you via Personal Message. I want join you in this project, can we talk privately please?

 

[johncintron]

Hi RaGEZONE. I haven't updated this in a while, but having spent a lot of time and energy in reverse-engineering WZ data, I am pleased to present a couple of new features.

What's new in this update:

Render character name and level in status bar.

Render character hp, mp, maxHp, and maxMp in status bar.

Implemented character level up sound + animation.

Set character stance.

Set character face expression.

Set character hair.

Set character face.

Set character skin color.

Attach character equipment.

Detach character equipment.

Render flipped characters.

Load + render monsters.

Set monster stance.

Implement monster die animation + sound.

Set NPC stance.

Character name tag + NPC name tag.


As always, here are some pictures.

Render character level (examples include 1, 2, and 3 digit levels):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Render hp & mp (first I set hp=mp=7500 then set maxHp=maxMp=15000):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Level up:

To view the content, you need to sign in or register

Setting character stance (examples = stand2, dragonstrike, and somersault. The latter 2 took a while to figure out):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Set face expression:

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Set character hair (there are 1233 hairs in v62. I'll just show a few male+female ones):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Set character face (again, too many so I'll show a couple of male+female faces):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Set character name:

To view the content, you need to sign in or register

Attaching character equipment (Zakum Helmet, Stormcaster Gloves, Blue Sauna, Facestompers, Maple Skanda, and Pink Adventurer Cape):

To view the content, you need to sign in or register

Detaching character equipment (removed Zakum Helmet and Skanda):

To view the content, you need to sign in or register

Reattach equip and set different stance for demo purposes (Stonetooth Sword + brandish2):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

This epic photo with FangBlade and curryishott:

To view the content, you need to sign in or register

To view the content, you need to sign in or register

Set NPC stance (for example, set Eurek the Alchemist stance to 'magic'):

To view the content, you need to sign in or register

Load and render monsters (Henesys Hunting Ground, Zakum, Path of Time 1):

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

To view the content, you need to sign in or register

This project has come a long way, but there's still a lot of work to be done. As an example, you'll notice that the characters and monsters are floating... that's because gravity and physics haven't been implemented yet. See you all soon!

 

[zhunbeifang2]

good job.

 

[Mugaru]

Looks quite promising! Keep up the good work :-D!

 

[zhunbeifang2]

I`m very interested in contributing to this .tt:



Because I have completed MapleStory Mobile Version

 

[ByCreator]

awesomett:

 

[dedeu3]

This Guys never answers me, i tried to reach him here, and via personal message. We could be a great help for him. But he don't seem to want help

 

[Kimberly]

This Guys never answers me, i tried to reach him here, and via personal message. We could be a great help for him. But he don't seem to want help

Usually based on own experience when a person doesn't reply to a PM with such requests the person have no interest. If you've left your PM than you should not push it in further, since it will only annoy the person further or potentially even see it as harassment/spamming the PM box.

 

[dedeu3]

Usually based on own experience when a person doesn't reply to a PM with such requests the person have no interest. If you've left your PM than you should not push it in further, since it will only annoy the person further or potentially even see it as harassment/spamming the PM box.

Completely understandable, i hope the development doesn't take too long. (but it will)

 

[chrissayshi]

Hey this project is awesome appreciate your work!

 

[johncintron]

Hi all,

After futzing around with the physics, I've come to realize that replicating the physics from the original client will be a much harder task than I anticipated. As such, I will have to slow down development and take time to do research and reverse engineer (as best as possible) the physics. You won't see many updates in the near future, but I assure you all that I am still actively working on this project.

Additionally, because I spent a lot of time working on the client, I acknowledge that some very important things are lacking: documentation and unit tests. These will be added soon.

In lieu of updates, I am opening up the project for anyone to clone and play around with. See it here:

To view the content, you need to sign in or register

.

Edit: Answers to what I suspect will be FAQs:

How do I get past the login screen?
Go in the developer console and enter: LoginState.enterGame(); You can also move up the login map by mutating the Camera.y attribute.

How do I switch maps?
MapleMap.load(id); where id is the map id you want to load.

How do I attach equips to the character?
MyCharacter.attachEquip(slot, id); where slot is the equip slot and id is the equip id.

How do I spawn another player?
MapleCharacter.fromOpts(obj).then(m => MapleMap.characters.push(m));

Why no WebGL?
I ditched Phaser because it was too heavy and some MapleStory-specific things were hard to implement using Phaser. Implementing the rendering engine in WebGL would have taken me forever and the game as it stands today runs at 60 FPS on Firefox and Chrome with an i7 processor.

If anyone wishes to contribute, feel free to PM me and I will add you as a collaborator. I welcome all pull requests!

 

[Fraysa]

I suggest looking at

To view the content, you need to sign in or register

by retep998 for reference on physics or even on the

To view the content, you need to sign in or register

!

 

[dedeu3]

OMG JOHN, I FUCKING LOVE YOU. THANKS THANKS

I'll do my best to help you and turn this project a massive win!

 

[SugoiDesu]

I would really like to try and help but this project.
How do you handle your reverse engineering?
What drove you to start this project?
How long have you been going at it?
I'm kind of overwhelmed tbh, going over the source code atm.

 

[Mr mr]

Thanks for opening the code. With my experience in JS i'll surely help this project with PR's



I suggest you looking into phaser's physics and no life story.

 

[mchronos]

Thanks for opening the code. With my experience in JS i'll surely help this project with PR's



I suggest you looking into phaser's physics and no life story.

i think he stop using phaser

 

[zees]

I know it's 2020 and this may be bit late; but if anyone else is keen, i'd also be keen to work on this.
I think this has great potential.

 

[jooda]

bumps.

Any update?

 

[mchronos]

bumps.

Any update?

I think John left the dev or is doing it private