ilikecats/papercats
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't repaint unnecessary frames (when we lag)

Browse Source
This commit is contained in:
theKidOfArcrania 2017-02-27 00:23:02 +00:00
parent bdfc2984ee
commit 87054842de
2 changed files with 58 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
game-client.js
View File

@ -115,6 +115,7 @@ $(function() {
frame = data.frame; frame = data.frame;
}); });
var paintFrames = 0;
socket.on('notifyFrame', function(data, fn) { socket.on('notifyFrame', function(data, fn) {
if (timeout != undefined) if (timeout != undefined)
clearTimeout(timeout); clearTimeout(timeout);
@ -127,25 +128,26 @@ $(function() {
} }
frame++; frame++;
requestAnimationFrame(function() { if (data.newPlayers)
if (data.newPlayers) {
{ data.newPlayers.forEach(function(p) {
data.newPlayers.forEach(function(p) { if (p.num === user.num)
if (p.num === user.num) return;
return; var pl = new Player(true, grid, p);
var pl = new Player(true, grid, p); renderer.addPlayer(pl);
renderer.addPlayer(pl); core.initPlayer(grid, pl);
core.initPlayer(grid, pl);
});
}
data.moves.forEach(function(val, i) {
var player = renderer.getPlayer(i);
if (!player) return;
if (val.left) player.die();
player.heading = val.heading;
}); });
}
data.moves.forEach(function(val, i) {
var player = renderer.getPlayer(i);
if (!player) return;
if (val.left) player.die();
player.heading = val.heading;
});
paintFrames++;
requestAnimationFrame(function() {
paintLoop(); paintLoop();
}); });
timeout = setTimeout(function() { timeout = setTimeout(function() {
@ -165,8 +167,15 @@ $(function() {
var deadFrames = 0; var deadFrames = 0;
function paintLoop() function paintLoop()
{ {
if (paintFrames === 0)
return;
while (paintFrames > 0)
{
renderer.update();
paintFrames--;
}
renderer.paint(); renderer.paint();
renderer.update();
if (user.dead) if (user.dead)
{ {
if (timeout) if (timeout)
@ -184,6 +193,7 @@ $(function() {
socket.disconnect(); socket.disconnect();
deadFrames++; deadFrames++;
paintFrames++;
requestAnimationFrame(paintLoop); requestAnimationFrame(paintLoop);
} }
} }

48
public/bundle.js
View File

@ -401,6 +401,7 @@ $(function() {
frame = data.frame; frame = data.frame;
}); });
var paintFrames = 0;
socket.on('notifyFrame', function(data, fn) { socket.on('notifyFrame', function(data, fn) {
if (timeout != undefined) if (timeout != undefined)
clearTimeout(timeout); clearTimeout(timeout);
@ -413,25 +414,26 @@ $(function() {
} }
frame++; frame++;
requestAnimationFrame(function() { if (data.newPlayers)
if (data.newPlayers) {
{ data.newPlayers.forEach(function(p) {
data.newPlayers.forEach(function(p) { if (p.num === user.num)
if (p.num === user.num) return;
return; var pl = new Player(true, grid, p);
var pl = new Player(true, grid, p); renderer.addPlayer(pl);
renderer.addPlayer(pl); core.initPlayer(grid, pl);
core.initPlayer(grid, pl);
});
}
data.moves.forEach(function(val, i) {
var player = renderer.getPlayer(i);
if (!player) return;
if (val.left) player.die();
player.heading = val.heading;
}); });
}
data.moves.forEach(function(val, i) {
var player = renderer.getPlayer(i);
if (!player) return;
if (val.left) player.die();
player.heading = val.heading;
});
paintFrames++;
requestAnimationFrame(function() {
paintLoop(); paintLoop();
}); });
timeout = setTimeout(function() { timeout = setTimeout(function() {
@ -451,8 +453,15 @@ $(function() {
var deadFrames = 0; var deadFrames = 0;
function paintLoop() function paintLoop()
{ {
if (paintFrames === 0)
return;
while (paintFrames > 0)
{
renderer.update();
paintFrames--;
}
renderer.paint(); renderer.paint();
renderer.update();
if (user.dead) if (user.dead)
{ {
if (timeout) if (timeout)
@ -470,6 +479,7 @@ $(function() {
socket.disconnect(); socket.disconnect();
deadFrames++; deadFrames++;
paintFrames++;
requestAnimationFrame(paintLoop); requestAnimationFrame(paintLoop);
} }
} }