Mercurial > mhrok3
changeset 16:994d3ef4db08
implify map display
| author | Radomir Dopieralski <sheep-devel@sheep.art.pl> |
|---|---|
| date | Wed, 31 Oct 2012 10:24:32 +0100 |
| parents | b4ddecd478cb |
| children | 9827c65879e0 |
| files | mhrok.css mhrok.js |
| diffstat | 2 files changed, 6 insertions(+), 10 deletions(-) [+] |
line wrap: on
line diff
--- a/mhrok.css Wed Oct 31 10:20:50 2012 +0100 +++ b/mhrok.css Wed Oct 31 10:24:32 2012 +0100 @@ -56,7 +56,7 @@ height: 24px; } -#mhrok .mhrok-map b { +#mhrok .mhrok-map u { display: inline-block; width: 32px; height: 24px;
--- a/mhrok.js Wed Oct 31 10:20:50 2012 +0100 +++ b/mhrok.js Wed Oct 31 10:24:32 2012 +0100 @@ -112,10 +112,13 @@ html += '<div>'; for (var x=0; x < 20; ++x) { var className = 'mhrok-' + this.map[y][x]; - html += '<b class="' + className + '"></b>' + html += '<u class="' + className + '"></u>' }; html += '</div>'; }; + this.mobs().forEach(function (mob) { + html += mob.html(); + }); return html; }; Level.prototype.mobs = function () { @@ -138,12 +141,10 @@ var Game = function (element) { element.innerHTML = ( '<div class="mhrok-map"></div>' + - '<div class="mhrok-mobs"></div>' + - '<div class="mhrok-walls"></div>' + '<div class="mhrok-mobs"></div>' ); this.map_element = element.getElementsByClassName('mhrok-map')[0]; this.mobs_element = element.getElementsByClassName('mhrok-mobs')[0]; - this.walls_element = element.getElementsByClassName('mhrok-walls')[0]; this.element = element; this.frame_number = 0; this.mobs = []; @@ -283,11 +284,6 @@ 'XXXXXXXXXXXXXXXXXXXX', ]); this.map_element.innerHTML = this.level.html(); - var html = ''; - this.level.mobs().forEach(function (mob) { - html += mob.html(); - }); - this.walls_element.innerHTML = html; this.hero = new MhrokLib.Hero(); this.mobs.push(this.hero); };
