src/entities/bullet.js

@@ -1,52 +0,0 @@
-var asdf = require("asdf-games");
-// eslint-disable-next-line no-unused-vars
-const { Texture, TileSprite, AnimManager, wallslide, entity } = asdf;
-
-const texture = new Texture("./res/tilemap.png");
-
-class Bullet extends TileSprite {
-  constructor(pos, angle, parent, player, level) {
-    super(texture, 32, 32);
-    this.pos = pos;
-    this.pivot = { x: 21, y: 17 };
-    this.rotation = angle;
-    this.scale = { x: 1, y: 1 };
-    this.frame = { x: 1, y: 9 };
-
-    this.parent = parent;
-    this.player = player;
-    this.level = level;
-
-    this.lifetime = 2.5;
-    this.speed = 100;
-    this.hitBox = {
-      x: 4,
-      y: 10,
-      w: 24,
-      h: 14
-    };
-  }
-
-  update(dt) {
-    this.lifetime -= dt;
-    
-    if (this.lifetime <= 0) {
-      this.parent.bullet = false;
-      this.dead = true;
-    } else {
-      if (entity.hit(this, this.player)) {
-        this.player.lives -= 1; 
-        this.parent.bullet = false;
-        this.dead = true;
-      } else {
-        const xo = Math.cos(this.rotation) * 100 * dt;
-        const yo = Math.sin(this.rotation) * 100 * dt;
-  
-        this.pos.x += xo;
-        this.pos.y += yo;
-      }
-    }
-  }
-}
-
-module.exports = Bullet;

src/entities/chest.js

@@ -3,32 +3,28 @@ var asdf = require("asdf-games");
 const { Texture, TileSprite, AnimManager, entity } = asdf;
 
 var texture = new Texture("./res/tilemap.png");
-var Pointer = require("./pointer.js");
 
 const state = {
   open: 0,
   closed: 1
 };
 
-const frames = {
-  closed: { x: 2, y: 6 },
-  open: { x: 3, y: 6 }
-};
-
 class Chest extends TileSprite {
-  constructor(pos, player, keys, level, action) {
+  constructor(pos, player, keys, action) {
     super(texture, 32, 32);
     this.pos = pos;
     this.scale = { x: 1, y: 1 };
 
-    this.frame = frames.closed;
+    this.anims = new AnimManager(this);
+    this.anims.add("open", [{ x: 3, y: 6 }], 0.1);
+    this.anims.add("closed", [{ x: 2, y: 6 }], 0.1);
+
+    this.anims.play("closed");
+
     this.state = state.closed;
     this.player = player;
     this.keys = keys;
     this.action = action;
-    this.level = level;
-
-    this.pointer = false;
 
     this.hitBox = {
       x: 1,
@@ -40,36 +36,15 @@ class Chest extends TileSprite {
     
   update(dt) {
     super.update(dt);
-
+    if (entity.hit(this, this.player) && this.keys.action && this.state == state.closed) {
-    if (entity.hit(this, this.player)) {
+      this.state = state.open;
-      if (!this.pointer) {
+      this.action();
-        var pointer = new Pointer({ 
-          x: (this.pos.x + this.tileW / 2) - 8, 
-          y: this.pos.y - 16
-        });
-        this.level.entities.add(pointer);
-        this.pointer = pointer;
-      }
-
-      if (this.state == state.closed) {
-        this.pointer.anims.play("white");
-      } else {
-        this.pointer.anims.play("red");
-      }
-
-      if (this.keys.action && this.state == state.closed) {
-        this.state = state.open;
-        this.action();
-      }
-    } else {
-      this.level.entities.remove(this.pointer);
-      this.pointer = false;
     }
 
     if (this.state == state.closed) {
-      this.frame = frames.closed;
+      this.anims.play("closed");
     } else if (this.state == state.open) {
-      this.frame = frames.open;
+      this.anims.play("open");
     }
   }
 }

src/entities/mage.js

@@ -2,13 +2,12 @@ var asdf = require("asdf-games");
 // eslint-disable-next-line no-unused-vars
 const { Texture, TileSprite, AnimManager, wallslide, entity } = asdf;
 
-const Bullet = require("./bullet.js");
+var texture = new Texture("./res/mage.png");
-const texture = new Texture("./res/mage.png");
 
 const states = {
   idle: 0,
   attack: 1,
-  move: 2
+  evade: 2
 };
 
 class Mage extends TileSprite {
@@ -19,28 +18,19 @@ class Mage extends TileSprite {
 
     this.anims = new AnimManager(this);
     // North
-    this.anims.add("move_n", [4, 5, 6, 7].map(x => ({ x, y: 0 })), 0.15);
+    this.anims.add("move_n", [4, 5, 6, 7].map(x => ({ x, y: 0 })), 0.1);
-    this.anims.add("attack_n", [{ x: 4, y: 0 }], 0.1);
     // East
-    this.anims.add("move_e", [0, 1, 2, 3].map(x => ({ x, y: 1 })), 0.15);
+    this.anims.add("move_e", [0, 1, 2, 3].map(x => ({ x, y: 1 })), 0.1);
-    this.anims.add("attack_e", [{ x: 0, y: 1 }], 0.1);
     // South
-    this.anims.add("move_s", [0, 1, 2, 3].map(x => ({ x, y: 0 })), 0.15);
+    this.anims.add("move_s", [0, 1, 2, 3].map(x => ({ x, y: 0 })), 0.1);
-    this.anims.add("attack_s", [{ x: 0, y: 0 }], 0.1);
     // West
-    this.anims.add("move_w", [4, 5, 6, 7].map(x => ({ x, y: 1 })), 0.15);
+    this.anims.add("move_w", [4, 5, 6, 7].map(x => ({ x, y: 1 })), 0.1);
-    this.anims.add("attack_w", [{ x: 4, y: 1 }], 0.1);
     // Inactive
     this.anims.add("idle", [{ x: 0, y: 2 }], 0.1);
 
     this.anims.play("idle");
 
     this.state = states.idle;
-    this.bullet = false;
-    this.shootrate = {
-      current: 0.5,
-      max: 2
-    }; 
 
     this.level = level;
     this.player = player;
@@ -55,23 +45,21 @@ class Mage extends TileSprite {
     
   update(dt) {
     super.update(dt);
-    const angle = entity.angle(this.player, this);
 
-    if (entity.distance(this.player, this) <= 200) {
+    if (entity.distance(this.player, this) < 100) {
-      if (entity.distance(this.player, this) <= 100) {
+      this.state = states.attack;
-        this.state = states.attack;
-      } else {
-        this.state = states.move;
-      }
     } else {
       this.state = states.idle;
     }
-    
-    const xo = Math.cos(angle) * 75 * dt;
-    const yo = Math.sin(angle) * 75 * dt;
-    const r = wallslide.wallslide(this, this.level, xo, yo);
 
-    if (this.state == states.move && !this.bullet) {
+    if (this.state != states.idle) {
+      // Move
+
+      const angle = entity.angle(this.player, this);
+      const xo = Math.cos(angle) * 100 * dt;
+      const yo = Math.sin(angle) * 100 * dt;
+      const r = wallslide.wallslide(this, this.level, xo, yo);
+      
       if (this.player.items.repellant) {
         this.pos.x -= r.x;
         this.pos.y -= r.y;
@@ -96,45 +84,10 @@ class Mage extends TileSprite {
           this.anims.play("move_n");
         }
       }
-    } else if (this.state == states.attack) {
-      if (this.shootrate.current <= 0 && !this.bullet) {
-        this.shoot(angle);
-        this.shootrate.current = this.shootrate.max;
-      } else {
-        this.shootrate.current -= dt;
-      }
-
-      if (Math.abs(r.x) > Math.abs(r.y)) {
-        // Animation x axis
-        if (r.x >= 0) {
-          this.anims.play("attack_e");
-        } else {
-          this.anims.play("attack_w");
-        }
-      } else {
-        // Animation y axis
-        if (r.y >= 0) {
-          this.anims.play("attack_s");
-        } else {
-          this.anims.play("attack_n");
-        }
-      }
-
     } else {
       this.anims.play("idle");
     }
   }
-
-  shoot(angle) {
-    console.log("shoot");
-    this.bullet = true;
-    var pos = {
-      x: this.pos.x + 8,
-      y: this.pos.y + 8
-    };
-    var bullet = new Bullet(pos, angle, this, this.player, this.level);
-    this.level.entities.add(bullet);
-  }
 }
 
 module.exports = Mage;

src/entities/player.js

@@ -39,7 +39,7 @@ class Player extends TileSprite {
     this.lives = 5;
 
     this.items = {
-      keys: [ ],
+      keys: [],
       repellant: false
     };
 

src/entities/pointer.js

@@ -1,30 +0,0 @@
-var asdf = require("asdf-games");
-// eslint-disable-next-line no-unused-vars
-const { Texture, TileSprite, AnimManager, entity } = asdf;
-
-const texture = new Texture("./res/pointers.png");
-
-// const states = {
-//   white: 0,
-//   red: 1
-// };
-
-class Pointer extends TileSprite {
-  constructor(pos) {
-    super(texture, 8, 8);
-    this.pos = pos;
-    this.scale = { x: 2, y: 2 };
-
-    this.anims = new AnimManager(this);
-    this.anims.add("white", [0, 1, 2, 1].map(x => ({ x, y: 0 })), 0.15);
-    this.anims.add("red", [0, 1, 2, 1].map(x => ({ x, y: 1 })), 0.15);
-    
-    this.anims.play("white");
-  }
-
-  update(dt) {
-    super.update(dt);
-  }
-}
-
-module.exports = Pointer;

src/entities/portal.js

@@ -3,18 +3,15 @@ var asdf = require("asdf-games");
 const { Texture, TileSprite, entity } = asdf;
 
 var texture = new Texture("./res/tilemap.png");
-var Pointer = require("./pointer.js");
 
 class Portal extends TileSprite {
-  constructor(pos, player, keys, level, type, action, key) {
+  constructor(pos, player, keys, type, action, key) {
     super(texture, 32, 32);
     this.pos = pos;
     this.scale = { x: 1, y: 1 };
     this.player = player;
-    this.level = level;
     this.action = action;
 
-    this.pointer = false;
     this.keys = keys;
     this.key = key;
 
@@ -60,47 +57,26 @@ class Portal extends TileSprite {
     
   update(dt) {
     super.update(dt);
-
+    if (entity.hit(this, this.player) && this.keys.action) {
-    if (entity.hit(this, this.player)) {
-      if (!this.pointer) {
-        var pointer = new Pointer({ 
-          x: (this.pos.x + this.tileW / 2) - 8, 
-          y: this.pos.y - 16
-        });
-        this.level.entities.add(pointer);
-        this.pointer = pointer;
-      }
-
       if (this.key != "") {
         if (this.player.items.keys.length > 0) {
           for (let index = 0; index < this.player.items.keys.length; index++) {
             const element = this.player.items.keys[index];
             if (element == this.key) {
-              // Correct key
+              this.action();
-              this.pointer.anims.play("white");
-              if (this.keys.action) {
-                this.action();
-              }
               break;
             } else {
               // Not the correct key
-              this.pointer.anims.play("red");
               console.log("correct keyn't");
             }
           }
         } else {
           // No keys at all
-          this.pointer.anims.play("red");
           console.log("keyn't");
         }
       } else {
-        if (this.keys.action) {
+        this.action();
-          this.action();
-        }
       }
-    } else {
-      this.level.entities.remove(this.pointer);
-      this.pointer = false;
     }
   }
 }

src/game.js

@@ -14,19 +14,20 @@ const { scene } = game;
 const mouseAim = new MouseControls(document.getElementById("board"));
 const keys = new KeyControls();
 
-const Stats = require("./src/helpers/stats.js");
 var Player = require("./src/entities/player.js");
-var Level = require("./src/helpers/level.js");
+var Level = require("./src/levels/level.js");
 
 // Initialise first level 1-1.js at startPosition 0
 var player = new Player(keys, window);
 
-var level = new Level(require("./src/levels/1-1.js"), keys, player);
+var level = new Level(require("./src/levels/1-2.js"), keys, player);
 player.pos.x = level.startPos[0].x / 1;
 player.pos.y = level.startPos[0].y / 1;
 player.level = level;
 
 const camera = new Camera(player, window, { w: level.w * 2, h: level.h * 2 });
+
+const Stats = require("./src/entities/stats.js");
 const stats = new Stats(player);
 
 scene.add(camera);
@@ -58,7 +59,7 @@ game.run(() => {
   // Debugging tools
   if (mouseAim.isDown) {
     console.log("cliccccccccccc");
-    console.log(player);
+    console.log(player.items);
     console.log(level);
   }
 
@@ -74,6 +75,8 @@ game.run(() => {
     camera.setSubject(player);
     player.refocus = false;
   }
+
+
 });
 
 

src/levels/1-1 copy.js

@@ -22,14 +22,14 @@ let level = {
     w: 960,
     h: 480
   },
-  startPos: [
+  startPos: {
-    { x: 48, y: 64 },
+    x: 48,
-    { x: 48, y: 128 }
+    y: 64
-  ],
+  },
   entities: [
     { 
       type: "Mage", 
-      pos: { x: 12 * tileSize, y: 2 * tileSize }
+      pos: { x: 9 * tileSize, y: 2 * tileSize }
     },
     { 
       type: "Mage", 
@@ -39,15 +39,16 @@ let level = {
       type: "Chest", 
       pos: { x: 4 * tileSize, y: 2 * tileSize }, 
       action: (player) => { 
-        player.items.keys.push("1-2_3"); 
+        player.items.keys.push("1-2_1"); 
       } 
     },
     { 
       type: "Portal", 
       pos: { x: 8 * tileSize, y: 2 * tileSize }, 
       texture: "Ladder", 
-      action: (_player, level) => { 
+      action: (player) => { 
-        level.switch = { module: "./src/levels/1-1.js", pos: 0 }; 
+        player.pos = {x:512,y:256}; 
+        player.refocus = true; 
       }, 
       key: "1-2_3"
     }

src/levels/1-1.js

@@ -29,7 +29,7 @@ let level = {
   entities: [
     { 
       type: "Mage", 
-      pos: { x: 12 * tileSize, y: 2 * tileSize }
+      pos: { x: 9 * tileSize, y: 2 * tileSize }
     },
     { 
       type: "Mage", 
@@ -46,7 +46,7 @@ let level = {
       type: "Portal", 
       pos: { x: 8 * tileSize, y: 2 * tileSize }, 
       texture: "Ladder", 
-      action: (_player, level) => { 
+      action: (player, level) => { 
         level.switch = { module: "./src/levels/1-1 copy.js", pos: 0 }; 
       }, 
       key: "1-1_1"

src/levels/level.js

@@ -1,6 +1,6 @@
 var asdf = require("asdf-games");
 // eslint-disable-next-line no-unused-vars
-const { Texture, TileMap, entity, Container } = asdf;
+const { Texture, TileMap, entity } = asdf;
 
 const texture = new Texture("./res/tilemap.png");
 const tiles = require("../../res/tilemap.js");
@@ -27,8 +27,6 @@ class Level extends TileMap {
     this.keys = keys;
     this.player = player;
 
-    this.switch = false;
-
     // Handle Entities
     for (let index = 0; index < level.entities.length; index++) {
       let e = level.entities[index];
@@ -37,18 +35,15 @@ class Level extends TileMap {
         e.entity = new Mage({ x: e.pos.x / 1, y: e.pos.y / 1 }, this.player, this);
         break;
       case "Chest":
-        e.entity = new Chest({ x: e.pos.x / 1, y: e.pos.y / 1 }, this.player, this.keys, this, () => { return e.action(this.player); });
+        e.entity = new Chest({ x: e.pos.x / 1, y: e.pos.y / 1 }, this.player, this.keys, () => { return e.action(this.player); });
         break;
       case "Portal":
-        e.entity = new Portal({ x: e.pos.x / 1, y: e.pos.y / 1 }, this.player, this.keys, this, e.texture, () => { return e.action(this.player, this); }, e.key);
+        e.entity = new Portal({ x: e.pos.x / 1, y: e.pos.y / 1 }, this.player, this.keys, e.texture, () => { return e.action(this.player, this); }, e.key);
         break;
       }
       this.children.push(e.entity);
     }
 
-    this.entities = new Container();
-    this.children.push(this.entities);
-
   }
 
   update(dt) {