X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=engine.js;h=7c9263202202a02a8e57746f96c5be29da08c4c7;hb=c41a891b9f9721581368634b021ffe8f0d8dc658;hp=4a9eb2ef3a35f63b9fcc4995c9940e32b5dad49a;hpb=6862d4dac8eb92cd8603d781e0f77d382a2f3b0f;p=flarejs

diff --git a/engine.js b/engine.js
index 4a9eb2e..7c92632 100644
--- a/engine.js
+++ b/engine.js
@@ -1,5 +1,15 @@
-var gamedata = {};
-var gfx = {};
+var gamedata = {
+  load: def => this[def] ? this[def] : this[def] = new Textfile(def)
+}
+var gfx = {
+  load: function(def) {
+    if (!this[def]) {
+      this[def] = document.createElement("img");
+      this[def].setAttribute("src", def);
+    }
+    return this[def];
+  }
+};
 
 function Textfile(txtfile) {
   var lines, fetch = new XMLHttpRequest();
@@ -69,14 +79,9 @@ function Textfile(txtfile) {
 
 function Map(textdef) {
   this.frametime = performance.now();
-  if  (gamedata[textdef])  this.info = gamedata[textdef];
-  else gamedata[textdef] = this.info = new Textfile(textdef);
-  if  (gamedata[this.info.header.tileset])  this.tileset = gamedata[this.info.header.tileset];
-  else gamedata[this.info.header.tileset] = this.tileset = new Textfile(this.info.header.tileset);
-  if (! gfx[this.tileset.img]) {
-    gfx[this.tileset.img] = document.createElement("img");
-    gfx[this.tileset.img].setAttribute("src", this.tileset.img);
-  }
+  this.info = gamedata.load(textdef);
+  this.tileset = gamedata.load(this.info.header.tileset);
+  gfx.load(this.tileset.img);
 
   var  h = this.info.header.height,      w = this.info.header.width;
   var th = this.info.header.tileheight, tw = this.info.header.tilewidth;
@@ -118,6 +123,7 @@ function Map(textdef) {
   }
 
   this.draw_tile = function(tile, x, y) {
+    x = x |0; y = y |0;
     var t = this.tileset.tile[tile];
     var f = this.tileset.animation[tile];
 
@@ -133,30 +139,28 @@ function Map(textdef) {
 }
 
 function Mob(textdef) {
-  if (! gamedata[textdef]) gamedata[textdef] = new Textfile(textdef); 
-  this.info = gamedata[textdef];
-  this.direction = 0;
   this.position = [0, 0];
-  this.animation = "stance";
-  this.previous_animation = "";
-  this.frametime = performance.now();
-  if (! gfx[this.info.image]) {
-    gfx[this.info.image] = document.createElement("img");
-    gfx[this.info.image].setAttribute("src", this.info.image);
-  }
+  var info = gamedata.load(textdef);
+  var direction = 0;
+  var animation = "stance";
+  var previous_animation = "";
+  var frametime = performance.now();
+  gfx.load(info.image)
 
   this.place = function(x, y) { this.position = [x, y]; return this; }
-  this.direct = function(d) { this.direction = d % 8; return this; }
+  this.direct = function(d) { direction = d % 8; return this; }
   this.animate = function(a) {
-    this.previous_animation = this.animation;
-    this.animation = a;
-    this.frametime = performance.now();
+    if ( a != animation ) {
+      previous_animation = animation;
+      animation = a;
+      frametime = performance.now();
+    }
     return this;
   }
 
   this.draw = function(x, y){
-    var f, a = this.info[this.animation];
-    var frame = ( performance.now() - this.frametime ) * a.frames / a.duration | 0;
+    var f, a = info[animation];
+    var frame = ( performance.now() - frametime ) * a.frames / a.duration | 0;
 
     switch(a.type){
       case "looped":
@@ -164,10 +168,10 @@ function Mob(textdef) {
         break;
       case "play_once":
         if ( frame >= a.frames ){
-          this.animation = this.previous_animation;
-          this.previous_animation = "";
-          this.frametime = performance.now();
-          a = this.info[this.animation];
+          animation = previous_animation;
+          previous_animation = "";
+          frametime = performance.now();
+          a = info[animation];
           frame = 0;
         }
         break;
@@ -179,32 +183,32 @@ function Mob(textdef) {
         break;
       default: break;
     }
-    f = a.frame[frame][this.direction];
+    f = a.frame[frame][direction];
 
-    canvas.drawImage(gfx[this.info.image], f[0], f[1], f[2], f[3],
+    canvas.drawImage(gfx[info.image], f[0], f[1], f[2], f[3],
                      x - f[4], y - f[5],
                      f[2], f[3]);
   }
 
-  this.block  = function() { this.animate("block" ); return this; };
-  this.cast   = function() { this.animate("cast"  ); return this; };
-  this.die    = function() { this.animate("die"   ); return this; };
-  this.hit    = function() { this.animate("hit"   ); return this; };
-  this.run    = function() { this.animate("run"   ); return this; };
-  this.shoot  = function() { this.animate("shoot" ); return this; };
-  this.stance = function() { this.animate("stance"); return this; };
-  this.swing  = function() { this.animate("swing" ); return this; };
+  this.block  = () => this.animate("block" );
+  this.cast   = () => this.animate("cast"  );
+  this.die    = () => this.animate("die"   );
+  this.hit    = () => this.animate("hit"   );
+  this.run    = () => this.animate("run"   );
+  this.shoot  = () => this.animate("shoot" );
+  this.stance = () => this.animate("stance");
+  this.swing  = () => this.animate("swing" );
 }
 
 function Hero(gender = "female", hair = "short"){
-  this.position = [0,0]; this.direction = 0;
-  this.hair = (gender == "female")?"long":hair;
-  this.animation = "stance";
+  this.position = [0,0];
+  this.stats = gamedata.load("/engine/stats.txt");
+  var layers = gamedata.load("/engine/hero_layers.txt");
+  var hair = (gender == "female")?"long":hair;
+  var direction = 0, animation = "stance";
 
-  if (! gamedata["/engine/hero_layers.txt"])
-    gamedata["/engine/hero_layers.txt"] = new Textfile("/engine/hero_layers.txt"); 
-  this.limbs = {
-    head:  new Mob("/animations/avatar/"+gender+"/head_"+this.hair+".txt"),
+  limbs = {
+    head : new Mob("/animations/avatar/"+gender+"/head_"+hair+".txt"),
     chest: new Mob("/animations/avatar/"+gender+"/default_chest.txt"),
     hands: new Mob("/animations/avatar/"+gender+"/default_hands.txt"),
     legs : new Mob("/animations/avatar/"+gender+"/default_legs.txt"),
@@ -214,40 +218,59 @@ function Hero(gender = "female", hair = "short"){
   }
 
   this.dress = function(limb, item) {
-    this.limbs[limb] = new Mob("/animations/avatar/"+gender+"/"+item+".txt")
-    this.limbs[limb].place(this.position[0], this.position[1]).direct(this.direction);
-    this.animate(this.animation);
+    limbs[limb] = new Mob("/animations/avatar/"+gender+"/"+item+".txt")
+    limbs[limb].place(this.position[0], this.position[1]).direct(direction);
+    this.animate(animation);
     return this;
   }
 
   this.place   = function(x,y) {
     this.position = [x,y];
-    for (var limb in this.limbs) this.limbs[limb].place(x,y);
+    for (var limb in limbs) limbs[limb].place(x,y);
     return this;
   }
   this.direct  = function(d)   {
-    this.direction = d;
-    for (var limb in this.limbs) this.limbs[limb].direct(d);
+    direction = d;
+    for (var limb in limbs) limbs[limb].direct(d);
     return this;
   }
   this.animate = function(anim){
-    this.animation = anim;
-    for (var limb in this.limbs) this.limbs[limb].animate(anim);
+    animation = anim;
+    for (var limb in limbs) limbs[limb].animate(anim);
     return this;
   }
   this.draw    = function(x, y){
-    gamedata["/engine/hero_layers.txt"].layer[this.direction].forEach(limb => this.limbs[limb].draw(x, y));
+    layers.layer[direction].forEach(limb => limbs[limb].draw(x, y));
     return this;
   }
 
-  this.block  = function() { this.animate("block" ); return this; };
-  this.cast   = function() { this.animate("cast"  ); return this; };
-  this.die    = function() { this.animate("die"   ); return this; };
-  this.hit    = function() { this.animate("hit"   ); return this; };
-  this.run    = function() { this.animate("run"   ); return this; };
-  this.shoot  = function() { this.animate("shoot" ); return this; };
-  this.stance = function() { this.animate("stance"); return this; };
-  this.swing  = function() { this.animate("swing" ); return this; };
+  this.block  = () => this.animate("block" );
+  this.cast   = () => this.animate("cast"  );
+  this.die    = () => this.animate("die"   );
+  this.hit    = () => this.animate("hit"   );
+  this.run    = () => this.animate("run"   );
+  this.shoot  = () => this.animate("shoot" );
+  this.stance = () => this.animate("stance");
+  this.swing  = () => this.animate("swing" );
+}
+
+function Controls(hero, map){
+  var keys = [];
+
+  function input(){
+    var d = {};
+    d.l = keys[65] || keys[37]; d.r = keys[68] || keys[39];
+    d.u = keys[87] || keys[38]; d.d = keys[83] || keys[40];
+    if ( d.l ) hero.direct(0).run(); if ( d.r ) hero.direct(4).run();
+    if ( d.u ) hero.direct(2).run(); if ( d.d ) hero.direct(6).run();
+    if ( d.u && d.l ) hero.direct(1).run();
+    if ( d.u && d.r ) hero.direct(3).run();
+    if ( d.d && d.l ) hero.direct(7).run();
+    if ( d.d && d.r ) hero.direct(5).run();
+    if ( ! (d.l || d.r || d.u || d.d) ) hero.stance();
+  }
+  window.addEventListener("keydown", function(e){ keys[e.keyCode] = true ; input();} );
+  window.addEventListener("keyup"  , function(e){ keys[e.keyCode] = false; input();} );
 }
 
 document.querySelector("body").setAttribute("style", "margin: 0; padding: 0;");
@@ -262,19 +285,11 @@ window.addEventListener("resize", function(){
   canvas.canvas.height = window.innerHeight;
 });
 
-player = new Hero().place(20 * 64 , 20 * 32).direct(5);
+player = new Hero();
 map = new Map("/maps/arrival.txt");
+player.place(map.info.header.hero_pos.split(/,/)[0] * map.info.header.tilewidth,
+             map.info.header.hero_pos.split(/,/)[1] * map.info.header.tileheight);
+player.direct(5).stance();
+c = new Controls(player, map);
 
 setInterval (function() { map.center(player.position[0], player.position[1]).draw([player]);}, 33.33 );
-
-// window.addEventListener("click", function(e){
-//   tile = map.tileAt(e.pageX + map.posx, e.pageY - map.posy );
-//   console.log( "X: " + (e.pageX + map.posx) + ", Y:" + (e.pageY - map.posy) +
-//                ", Tile: " + tile + " ( " + (tile % map.info.header.width) + ", " + (tile / map.info.header.width |0) + " )" );
-// });
-// 
-// mark = [17,17];
-// window.addEventListener("mousemove", function(e){
-//   tile = map.tileAt(e.pageX + map.posx, e.pageY - map.posy);
-//   mark = [(tile % map.info.header.width), (tile / map.info.header.width |0)];
-// });