69 lines
1.5 KiB
JavaScript
69 lines
1.5 KiB
JavaScript
function Renderer() {
|
|
var self = this;
|
|
|
|
var s = SCALE;
|
|
|
|
var pallet = new Pallet();
|
|
var canvas = pallet.canvas;
|
|
var context = pallet.context;
|
|
|
|
this.pallet = pallet;
|
|
this.canvas = canvas;
|
|
this.context = context;
|
|
|
|
this.render = function(state) {
|
|
var ship = game.world.playerShip;
|
|
var cpos = game.world.getCenter();
|
|
var cx = -cpos.x;
|
|
var cy = -cpos.y;
|
|
var cw = canvas.width;
|
|
var ch = canvas.height;
|
|
|
|
if (state == 'connecting' || state == 'disconnected') {
|
|
pallet.clear();
|
|
pallet.fill('#111');
|
|
var str = state == 'connecting' ? 'Connecting' : 'Shit\'s ' +
|
|
'diconnected, yo!';
|
|
pallet.text(str, canvas.width / 2, canvas.height / 2, '#fff',
|
|
'FreePixel', 16, 'center', 'middle');
|
|
return;
|
|
}
|
|
|
|
pallet.clear();
|
|
pallet.fill('#000');
|
|
|
|
context.save();
|
|
|
|
pallet.view(cw / 2, ch / 2, 1, 0);
|
|
//context.translate(-cx / s, -cy / s);
|
|
|
|
// Grid
|
|
var gridx = cx % 50;
|
|
var gridy = cy % 50;
|
|
for (var x = gridx - cw / 2 - 50; x < cx + cw + 50; x += 50) {
|
|
for (var y = gridy - ch / 2 - 50; y < cy + ch + 50; y += 50) {
|
|
pallet.outline('#0a0a0a', x, y, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
for (var id in game.world.bodies) {
|
|
var body = game.world.bodies[id];
|
|
|
|
if (body.bodyType == 'ship') {
|
|
renderShip(pallet, body);
|
|
} else if (body.bodyType == 'asteroid') {
|
|
renderAsteroid(pallet, body);
|
|
} else {
|
|
// Render structures, projectiles etc..
|
|
}
|
|
}
|
|
|
|
pallet.restore();
|
|
}
|
|
|
|
this.renderGrid = function() {
|
|
}
|
|
|
|
pallet.fillScreen();
|
|
window.addEventListener('resize', pallet.fillScreen);
|
|
}
|