yitonghe00/Eloquent JavaScript 1603.html

## Eloquent JavaScript 1603.html
<link rel="stylesheet" href="css/game.css">
<style>.monster { background: purple }</style>

<body>
  <script>
    // Complete the constructor, update, and collide methods
    class Monster {
      constructor(pos, speed) {
        this.pos = pos;
        this.speed = speed;
      }

      get type() { return "monster"; }

      static create(pos) {
        return new Monster(pos.plus(new Vec(0, -1)), new Vec(2, 0));
      }

      update(time, state) {
        let newPos = this.pos.plus(this.speed.times(time));
        if (!state.level.touches(newPos, this.size, "wall")) {
          return new Monster(newPos, this.speed);
        } else {
          return new Monster(this.pos, this.speed.times(-1));
        }
      }

      collide(state) {
        const playerBottom = state.player.pos.y + state.player.size.y;
        const monsterTop = this.pos.y;
        if (playerBottom - monsterTop < 0.5) {
          // Having overlapping with a player: check if it's the top
          return new State(state.level, state.actors.filter(a => a != this), state.status);
        }
        return new State(state.level, state.actors, "lost");
      }
    }

    Monster.prototype.size = new Vec(1.2, 2);

    levelChars["M"] = Monster;

    runLevel(new Level(`
..................................
.################################.
.#..............................#.
.#..............................#.
.#..............................#.
.#...........................o..#.
.#..@...........................#.
.##########..............########.
..........#..o..o..o..o..#........
..........#...........M..#........
..........################........
..................................
`), DOMDisplay);
  </script>
</body>
	<link rel="stylesheet" href="css/game.css">
	<style>.monster { background: purple }</style>

	<body>
	<script>
	// Complete the constructor, update, and collide methods
	class Monster {
	constructor(pos, speed) {
	this.pos = pos;
	this.speed = speed;
	}

	get type() { return "monster"; }

	static create(pos) {
	return new Monster(pos.plus(new Vec(0, -1)), new Vec(2, 0));
	}

	update(time, state) {
	let newPos = this.pos.plus(this.speed.times(time));
	if (!state.level.touches(newPos, this.size, "wall")) {
	return new Monster(newPos, this.speed);
	} else {
	return new Monster(this.pos, this.speed.times(-1));
	}
	}

	collide(state) {
	const playerBottom = state.player.pos.y + state.player.size.y;
	const monsterTop = this.pos.y;
	if (playerBottom - monsterTop < 0.5) {
	// Having overlapping with a player: check if it's the top
	return new State(state.level, state.actors.filter(a => a != this), state.status);
	}
	return new State(state.level, state.actors, "lost");
	}
	}

	Monster.prototype.size = new Vec(1.2, 2);

	levelChars["M"] = Monster;

	runLevel(new Level(`
	..................................
	.################################.
	.#..............................#.
	.#..............................#.
	.#..............................#.
	.#...........................o..#.
	.#..@...........................#.
	.##########..............########.
	..........#..o..o..o..o..#........
	..........#...........M..#........
	..........################........
	..................................
	`), DOMDisplay);
	</script>
	</body>