prevent 404 for favicon

[flarejs] / engine.js

diff --git a/engine.js b/engine.js
index c83911cbbcfc9e99229a15421794ede8ac1d34d7..c70679c9c0b842d7c2ba3753ed632827b70b3c2a 100644 (file)
--- a/engine.js
+++ b/engine.js
@@ -6,13 +6,20 @@ function Mob(textdef) {
   this.previous_animation = "";
   this.frametime = performance.now();
   this.image = document.querySelector("img[src='"+ this.info.image +"']");
+  if (!this.image) {
+    this.image = document.createElement("img");
+    this.image.setAttribute("src", this.info.image);
+    this.image.setAttribute("style", "display: none;");
+    document.querySelector("body").appendChild(this.image);
+  }
 
-  this.place = function(x, y) { this.position = [x, y]; }
-  this.direct = function(d) { this.direction = d % 8; }
+  this.place = function(x, y) { this.position = [x, y]; return this; }
+  this.direct = function(d) { this.direction = d % 8; return this; }
   this.animate = function(a) {
     this.previous_animation = this.animation;
     this.animation = a;
     this.frametime = performance.now();
+    return this;
   }
 
   this.draw = function(){
@@ -42,7 +49,6 @@ function Mob(textdef) {
     }
     f = a.frames[frame][this.direction];
 
-    canvas.clearRect(0,0, 640, 480);
     canvas.drawImage(this.image, f[0], f[1], f[2], f[3],
                      this.position[0] - f[4], this.position[1] - f[5],
                      f[2], f[3]);
@@ -53,8 +59,41 @@ function Mob(textdef) {
   }
 }
 
+function Player(gender = "female", hair = "short"){
+  this.x=0; this.y=0; this.direction=0;
+  this.limbs = {
+    head : (gender == "female")?new Mob("/animations/avatar/female/head_long.txt")
+                               :new Mob("/animations/avatar/male/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"),
+    feet : new Mob("/animations/avatar/"+gender+"/default_feet.txt"),
+    main : new Mob("/animations/avatar/"+gender+"/dagger.txt"),
+    off  : new Mob("/animations/avatar/"+gender+"/shield.txt")
+  }
+
+  this.place   = function(x,y) {
+    this.x = x; this.y = y;
+    for (var limb in this.limbs) this.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);
+    return this;
+  }
+  this.animate = function(anim){
+    for (var limb in this.limbs) this.limbs[limb].animate(anim);
+    return this;
+  }
+  this.draw    = function(){
+    gamedata["/engine/hero_layers.txt"].layers[this.direction].forEach(limb => this.limbs[limb].draw());
+    return this;
+  }
+}
+
 canvas = document.getElementById("view").getContext("2d");
-player = new Mob("/animations/avatar/male/clothes.txt");
-player.place(320, 240);
+// player = new Mob("/animations/avatar/male/clothes.txt");
+player = new Player().place(240, 160).direct(5);
 
-setInterval( function() { player.draw(); }, 33);
+setInterval( function() { canvas.clearRect(0,0, 480, 320); player.draw(); }, 50);