MapleStory in a Web Browser

[johncintron]

Hello RZ,

I'm working on an implementation of v62 MapleStory for the web. It's a lot more portable than having an old localhost client that doesn't natively work with *nix operating systems and that you need to hexedit to get anything useful done -- also not having to deal with setting up a Java server


This implementation is running on Websockets, Node.js, and Phaser.io.

Would anyone be interested in contributing to this?

Here's some screenshots

 

[Fraysa]

afaik Diamondo25 did somtehing similar,but who knows - it mightve been a meme similar to this one LOL

 

[johncintron]

Just a quick update: figured out a way to render sprites and animations. It's a pain in the butt with z-indexes. This is the JS client code for sorting z-indexes, for the curious.

this.redrawCharacter = function() {
    this.character.customSort(function(a, b) {
        return sortCharacter(a.z, b.z, self.stance);
    });
};

function sortCharacter(z1, z2, stance) {
    var back = {

    };
    var front = {
        hairBelowBody: 0,
        capeBelowBody: 1,
        shieldBelowBody: 2,
        weaponBelowBody: 3,
        capBelowBody: 4,
        body: 5,
        handOverBody: 6,
        gloveOverBody: 7,
        shoes: 8,
        armBelowHead: 9,
        mail: 10,
        pants: 11,
        top: 12,
        armBelowHeadOverMail: 13,
        hair: 14,
        shieldOverHair: 15,
        earrings: 16,
        head: 17,
        hairShade: 18,
        expression: 19,
        faceAcc: 20,
        eyeAcc: 21,
        shield: 22,
        weaponBelowArm: 23,
        weapon: 24,
        arm: 25,
        mailArm: 26,
        hand: 27,
        glove: 28,
        weaponOverGlove: 29,
        handBelowWeapon: 30,
        armOverHair: 31,
        armOverHairBelowWeapon: 32,
        weaponOverHand: 33,
        weaponOverBody: 34,
        handOverHair: 35,
        handOverWeapon: 36,
        wristOverHair: 37,
        gloveOverHair: 38
    };
    var zDictionary = stance === "back" ? back : front;
    z1 = zDictionary[z1];
    z2 = zDictionary[z2];
    return z1 == z2 ? 0 : (z1 > z2 ? 1 : -1);
}

Progress pic:

 

[Darksta]

Wish i could help, looks interesting. Good luck man

 

[Fraysa]

Wish i could help, looks interesting. Good luck man

R u alive

 

[Darksta]

R u alive

Only on the outside.

 

[johncintron]

I am worry about the efficiency of render

"Premature optimization is the root of all evil." The rendering works smoothly on my horrible 2007 computer with 2 GB RAM and a dual-core 2.0 GHz processor. Phaser.io uses

You must be registered to see links

as its rendering engine.

 

[zhunbeifang2]

Wow ,Good job . I am looking forward to your worktt:

 

[coolkillia]

Are you using socket.io?

 

[Darksta]

Anymore updates?

 

[johncintron]

Are you using socket.io?

Yes, I'm using Socket.io.

Anymore updates?

Progress will stall or I will postpone this project until the summer because I'm heading back to school. I'll upload the git repo if anyone is interested in contributing.

 

[MaxZeus]

If all works fine, it would be a really nice approach.

 

[zhunbeifang2]

where is your code ？

 

[ByCreator]

hello? this working ?

 

[johncintron]

Hi all. Just wanted to give a quick update. I'm no longer using Phaser because it's very difficult to implement footholds in Phaser. I've been rewriting the game engine + rendering from scratch... JavaScript ES7!

Teaser pics:

Ludibrium

You must be registered to see links

Henesys

You must be registered to see links

Leafre

You must be registered to see links

 

[Redicated]

Looks really really good!! Will you sell it for money or release it for free?
I'm very interested in the root folder now

 

[johncintron]

Hey everyone. I haven't given an update in a while, but I want to reassure the community that this project is still actively being worked on.

Changes since last update:
Handled `moveR` property for Obj.
Portal rendering.
NPC rendering.
MapleTV rendering.

Pics (and a sneak peek of how I do QA, using a Windows 7 virtual machine running ThePack 82 on localhost):

You must be registered to see links

You must be registered to see links

You must be registered to see links

You must be registered to see links

You must be registered to see links

You must be registered to see links

You must be registered to see links

You must be registered to see links

 

[mchronos]

can you put a github or a svn there is al ot ofp eople wanna see it

 

[inumedia]

If it helps you with rendering, there's a lot of APIs that

You must be registered to see links

provide that help with rendering, like character rendering:

 

[Fraysa]

If it helps you with rendering, there's a lot of APIs that

You must be registered to see links

provide that help with rendering, like character rendering:

Gee, cool API, I wonder who made it!!