From 8a8caeef768c506b1cc0538bd7335e2b69e6eaa4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20B=C3=BChler?= Date: Sat, 14 Jul 2012 17:47:05 +0200 Subject: [PATCH] use one sprite image --- js/gui.js | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/js/gui.js b/js/gui.js index 5573ff8..17d5995 100644 --- a/js/gui.js +++ b/js/gui.js @@ -4,15 +4,19 @@ var mineGui_customNdx = 1; var mineGui_canvas = true; var mineGui_imgSources = { - 'R': 'robot.png', - '#': 'wall.png', - '*': 'rock.png', - '\\': 'lambda.png', - 'L': 'liftclosed.png', - 'O': 'liftopen.png', - '.': 'earth.png', - ' ': 'empty.png' + 'sprites': 'sprites.png' }; +var mineGui_spriteOffset = { + 'R': 5, + '#': 7, + '*': 6, + '\\': 2, + 'L': 3, + 'O': 4, + '.': 0, + ' ': 1 +}; + var mineGui_images = {}; var mineGui_imagesNeed = 0; @@ -203,9 +207,11 @@ function mineGui_show() { ctx.globalAlpha=1.0; ctx.fillStyle = "black"; ctx.fillRect(0,0,canv.width, canv.height); + var sprites = mineGui_images.sprites; + for (var y = 0; y < mineGui_mine.height; ++y) { for (var x = 0; x < mineGui_mine.width; ++x) { - ctx.drawImage(mineGui_images[map[y][x]],16*x,16*y); + ctx.drawImage(sprites, mineGui_spriteOffset[map[y][x]] * 16, 0, 16, 16, 16*x, 16*y, 16, 16); } } ctx.fillStyle = "#0000FF";