wassname/GarageServer.IO
1
0
Fork 0
mirror of https://github.com/wassname/GarageServer.IO.git synced 2026-07-03 17:10:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Progress #3

Browse Source
This commit is contained in:
Jeremiah Billmann
2013-07-14 15:13:59 -04:00
parent 47d0ec5e7d
commit 91da305524
3 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/public/javascripts/game.js
+6 -3
View File
@@ -2,7 +2,8 @@ $(function () {
"use strict";
var canvas = document.getElementById('gameCanvas'), ctxCanvas = canvas.getContext('2d'), keyboard = new THREEx.KeyboardState();
var canvas = document.getElementById('gameCanvas'), ctxCanvas = canvas.getContext('2d'), keyboard = new THREEx.KeyboardState(),
playerSize = 0, entitySize = 0;
GarageServerIO.initializeGarageServer('http://garageserver_io.jbillmann.c9.io', {
logging: true,
@@ -11,6 +12,8 @@ $(function () {
onWorldState: function (state) {
document.getElementById('gameCanvas').style.width = state.width + 'px';
document.getElementById('gameCanvas').style.height = state.height + 'px';
playerSize = state.playerSize;
entitySize = state.entitySize;
}
});
@@ -20,11 +23,11 @@ $(function () {
ctxCanvas.clearRect(0, 0, canvas.width, canvas.height);
GarageServerIO.getStates(function (playerStates, entityStates) {
playerStates.forEach(function (player) {
ctxCanvas.fillRect(player.state.x, player.state.y, 15, 15);
ctxCanvas.fillRect(player.state.x, player.state.y, playerSize, playerSize);
});
entityStates.forEach(function (entity) {
ctxCanvas.fillRect(entity.state.x, entity.state.y, 5, 5);
ctxCanvas.fillRect(entity.state.x, entity.state.y, entitySize, entitySize);
});
});
},