Combining Bitmaps and Sound - HTML5 Canvas - page 532

var sourceX = Math.floor(enemyTiles[tempEnemy.currentTile] % 8) * 32;
var sourceY = Math.floor(enemyTiles[tempEnemy.currentTile] /8) *32;
context.drawImage(tileSheet, sourceX, sourceY,32,32,-16,-16,32,32);
context.restore();
}
}
}
function drawExplosions(){
for (var eCtr=explosions.length-1;eCtr>=0;eCtr--){
tempExplosion = explosions[eCtr];
context.save();
var sourceX = Math.floor(explodeTiles[tempExplosion.currentTile]
% 8) * 32;
var sourceY = Math.floor(explodeTiles[tempExplosion.currentTile] /8) *32;
context.drawImage(tileSheet, sourceX, sourceY,32,32,
tempExplosion.x,tempExplosion.y,32,32);
context.restore();
}
}
function fillBackground() {
// draw background and text
context.fillStyle = '#000000';
context.fillRect(xMin, yMin, xMax, yMax);
}
function setTextStyleTitle() {
context.fillStyle = '#54ebeb';
context.font = '20px _sans';
context.textBaseline = 'top';
}
function renderPlayField() {
fillBackground();
drawPlayField();
drawPlayer();
drawEnemy();
drawExplosions();
}
document.onkeydown = function(e){
e = e?e:window.event;
keyPressList[e.keyCode]=true;
}