wassname/GarageServer.IO
1
0
Fork 0
mirror of https://github.com/wassname/GarageServer.IO.git synced 2026-06-27 16:10:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

Made a GameLoop helper module to make game class cleaner

Browse Source
This commit is contained in:
Jeremiah Billmann
2013-07-09 21:23:48 -04:00
parent 7b7021bf09
commit a31865142c
4 changed files with 57 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/public/javascripts/game.js
+23 -37
View File
@@ -1,10 +1,5 @@
$(function () {
var canvas = document.getElementById('gameCanvas'),
ctxCanvas = canvas.getContext('2d'),
keyboard = new THREEx.KeyboardState(),
requestAnimFrame = (function () {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000/60); };
})();
var canvas = document.getElementById('gameCanvas'), ctxCanvas = canvas.getContext('2d'), keyboard = new THREEx.KeyboardState();
GarageServerIO.initializeGarageServer('http://garageserver_io.jbillmann.c9.io', {
logging: true,
@@ -18,22 +13,12 @@ $(function () {
});
GarageServerIO.setPlayerState({ x: 0, y: 0 });
Accumulator.reset();
render();
GameLoop.start(
//Render Loop
function () {
ctxCanvas.clearRect(0, 0, canvas.width, canvas.height);
function render () {
requestAnimFrame(render);
ctxCanvas.clearRect(0, 0, canvas.width, canvas.height);
Accumulator.tick();
while (Accumulator.time() >= 15)
{
captureInput();
Accumulator.reduceTime(15);
}
GarageServerIO.getStates(function (selfState, playerStates, entityStates) {
GarageServerIO.getStates(function (selfState, playerStates, entityStates) {
playerStates.forEach(function (player) {
ctxCanvas.fillRect(player.currentState.x, player.currentState.y, 15, 15);
});
@@ -43,21 +28,22 @@ $(function () {
});
ctxCanvas.fillRect(selfState.x, selfState.y, 15, 15);
});
}
function captureInput () {
if (keyboard.pressed('left')) {
GarageServerIO.addPlayerInput('left');
});
},
//Update Loop
function () {
if (keyboard.pressed('left')) {
GarageServerIO.addPlayerInput('left');
}
if (keyboard.pressed('right')) {
GarageServerIO.addPlayerInput('right');
}
if (keyboard.pressed('down')) {
GarageServerIO.addPlayerInput('down');
}
if (keyboard.pressed('up')) {
GarageServerIO.addPlayerInput('up');
}
}
if (keyboard.pressed('right')) {
GarageServerIO.addPlayerInput('right');
}
if (keyboard.pressed('down')) {
GarageServerIO.addPlayerInput('down');
}
if (keyboard.pressed('up')) {
GarageServerIO.addPlayerInput('up');
}
}
);
});