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

[MentaL]

[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 ass 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.

[zhunbeifang2]

I am worry about the efficiency of render

[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 PixiJS v4 as its rendering engine.

[zhunbeifang2]

Wow ,Good job . I am looking forward to your work

[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. :D

[zhunbeifang2]

where is your code ？

[ByCreator]

hello? this working ?