• Unfortunately, we have experienced significant hard drive damage that requires urgent maintenance and rebuilding. The forum will be a state of read only until we install our new drives and rebuild all the configurations needed. Please follow our Facebook page for updates, we will be back up shortly! (The forum could go offline at any given time due to the nature of the failed drives whilst awaiting the upgrades.) When you see an Incapsula error, you know we are in the process of migration.

Custon new HTML5 , Socket.IO, JS game

Status
Not open for further replies.
Newbie Spellweaver
Joined
Jun 10, 2013
Messages
94
Reaction score
21
Hello, days ago I started a custom HTML5 game based on enchant.js , the game will run on a socket.io server, I will post here my development progress
Im also searching for a partner that know medium - high JavaScript or HTML5 canas / Socket.IO.
First images / loading tilemap and bear sprite / connecting to socket.IO server

Raggaer - Custon new HTML5 , Socket.IO, JS game - RaGEZONE Forums
*Note that sprites arent mine and the game wont consist on a bear, this is just for testing!
*How tilemap works
Code:
map.loadData(            [
                [5, 5, 5, 5, 5, 5, 5],
                [5, 5, 5, 5, 5, 5, 5],
                [5, 5, 5, 5, 5, 5, 5],
                [5, 5, 5, 4, 5, 5, 5],
                [5, 5, 5, 5, 5, 5, 5],
                [5, 5, 5, 5, 5, 5, 5],
                [5, 5, 5, 5, 5, 5, 5]
            ]
        );

Development progress can be viewed here http://raggaer.tumblr.com/
 
Last edited:
Newbie Spellweaver
Joined
Jun 10, 2013
Messages
94
Reaction score
21
Starting with dynamic events such as getting posx/posy of players and then display other connected ones.
Raggaer - Custon new HTML5 , Socket.IO, JS game - RaGEZONE Forums

Also added scrollabe map ( camera will follow you )

Code:
scene.addEventListener('enterframe', function(e) {     
       
            var x = Math.min((game.width  - 16) / 2 - player.x, 0);
            var y = Math.min((game.height - 16) / 2 - player.y, 0);
            x = Math.max(game.width,  x + map.width)  - map.width;
            y = Math.max(game.height, y + map.height) - map.height;
            scene.x = x;
            scene.y = y;

});

Will also tart working on map collision / shaders.
 
Newbie Spellweaver
Joined
Jun 10, 2013
Messages
94
Reaction score
21
Ted is dead.

Actually I started coding the display each user online, maybe I will move the socket.IO server to a C# one using WebSockets.

Raggaer - Custon new HTML5 , Socket.IO, JS game - RaGEZONE Forums

The frames aren showing up that good ( might be because of socket.IO slowness ).
 
Status
Not open for further replies.
Back
Top