class OverworldMap { constructor(config) { this.gameObjects = config.gameObjects; this.walls = config.walls || {}; this.lowerImage = new Image(); this.lowerImage.src = config.lowerSrc; this.upperImage = new Image(); this.upperImage.src = config.upperSrc; this.isCutscenePlaying = false; } drawLowerImage(ctx, cameraPerson) { ctx.drawImage(this.lowerImage, utils.withGrid(10.5) - cameraPerson.x, utils.withGrid(6) - cameraPerson.y); } drawUpperImage(ctx, cameraPerson) { ctx.drawImage(this.upperImage, utils.withGrid(10.5) - cameraPerson.x, utils.withGrid(6) - cameraPerson.y); } isSpaceTaken(currentX, currentY, direction) { const {x, y} = utils.nextPosition(currentX, currentY, direction); return this.walls[`${x},${y}`] || false; } mountObjects() { Object.keys(this.gameObjects).forEach(key => { let object = this.gameObjects[key]; object.id = key; object.mount(this); }) } async startCutscene(events) { this.isCutscenePlaying = true; for (let i = 0; i < events.length; i++) { const eventHandler = new OverworldEvent({ event: events[i], map: this, }) await eventHandler.init(); } this.isCutscenePlaying = false; } addWall(x, y) { this.walls[`${x},${y}`] = true; } removeWall(x, y) { delete this.walls[`${x},${y}`]; } moveWall(wasX, wasY, direction) { this.removeWall(wasX, wasY); const {x, y} = utils.nextPosition(wasX, wasY, direction); this.addWall(x, y); } } window.OverworldMaps = { DemoRoom: { lowerSrc: "/images/maps/map-room-entrance.png", upperSrc: "", gameObjects: { hero: new Person({ isPlayerControlled: true, x: utils.withGrid(8), y: utils.withGrid(2), }), npc1: new Person({ x: utils.withGrid(6), y: utils.withGrid(5), behaviorLoop: [ { type: "stand", direction: "down", time: 800 }, { type: "stand", direction: "right", time: 300 }, { type: "stand", direction: "down", time: 400 }, { type: "stand", direction: "up", time: 700 }, ] }), npc2: new Person({ x: utils.withGrid(8), y: utils.withGrid(9), behaviorLoop: [ { type: "walk", direction: "left" }, { type: "stand", direction: "up", time: 800 }, { type: "walk", direction: "up" }, { type: "walk", direction: "right" }, { type: "walk", direction: "down" }, ] }) }, walls: { // "16,16": true [utils.asGridCoord(5,2)] : true, [utils.asGridCoord(5,3)] : true, [utils.asGridCoord(5,4)] : true, [utils.asGridCoord(4,4)] : true, [utils.asGridCoord(3,4)] : true, [utils.asGridCoord(2,4)] : true, [utils.asGridCoord(1,5)] : true, [utils.asGridCoord(0,6)] : true, [utils.asGridCoord(1,7)] : true, [utils.asGridCoord(2,8)] : true, [utils.asGridCoord(3,8)] : true, [utils.asGridCoord(4,8)] : true, [utils.asGridCoord(5,8)] : true, [utils.asGridCoord(5,9)] : true, [utils.asGridCoord(5,10)] : true, [utils.asGridCoord(4,11)] : true, [utils.asGridCoord(5,12)] : true, [utils.asGridCoord(6,12)] : true, [utils.asGridCoord(7,12)] : true, [utils.asGridCoord(7,13)] : true, [utils.asGridCoord(8,14)] : true, [utils.asGridCoord(9,13)] : true, [utils.asGridCoord(9,12)] : true, [utils.asGridCoord(10,12)] : true, [utils.asGridCoord(11,12)] : true, [utils.asGridCoord(12,11)] : true, [utils.asGridCoord(11,10)] : true, [utils.asGridCoord(11,9)] : true, [utils.asGridCoord(11,8)] : true, [utils.asGridCoord(11,7)] : true, [utils.asGridCoord(11,6)] : true, [utils.asGridCoord(12,5)] : true, [utils.asGridCoord(11,4)] : true, [utils.asGridCoord(11,3)] : true, [utils.asGridCoord(11,2)] : true, [utils.asGridCoord(10,1)] : true, [utils.asGridCoord(9,1)] : true, [utils.asGridCoord(8,1)] : true, [utils.asGridCoord(7,1)] : true, [utils.asGridCoord(6,1)] : true, } }, Kitchen: { lowerSrc: "/images/maps/room-builder.png", upperSrc: "/images/maps/room-builder.png", gameObjects: { hero: new GameObject({ x: 2, y: 3, }), npc1: new GameObject({ x: 3, y: 6, src: "/images/characters/people/hero-run.png" }) } } }