xxxxxxxxxx1632
/*Final project for Introduction to Interactive Media.Team members: Dariga, VladimirBlog post:https://intro.nyuadim.com/2023/05/09/final-project-submission-post/Arduino code:https://github.com/vsharkovski/nyuad-coursework/blob/main/introim/arduino/final-project/final-project.inoHelper code for generating levels:https://github.com/vsharkovski/nyuad-coursework/blob/main/introim/final/level-gen.py*/const WIDTH = 576;const HEIGHT = 576;const ROOM_W = 9;const ROOM_H = 9;const TILE_W = 64;const TILE_H = 64;const FRAME_RATE = 60;// The assets file is described at the bottom.let assetsFile;const levels = [ { number: 1, strings: null }, { number: 2, strings: null }, { number: 3, strings: null }, { number: 4, strings: null }, { number: 5, strings: null }, { number: 6, strings: null },];let gameEngine;function preload() { for (const level of levels) { level.strings = loadStrings(`levels/level${level.number}.txt`); } gameEngine = new GameEngine();}function setup() { frameRate(FRAME_RATE); pixelDensity(1); createCanvas(WIDTH, HEIGHT); gameEngine.run();}function draw() { gameEngine.update();}function keyPressed() { gameEngine.sUserInput(key.toLowerCase(), keyCode, "START");}function keyReleased() { gameEngine.sUserInput(key.toLowerCase(), keyCode, "END");}function readSerial(data) { if (data != null) { gameEngine.readArduino(data); }}class GameEngine { constructor() { this.assets = new Assets(assetsFile); this.sceneMap = new Map(); this.currentScene = null; this.running = false; this.isConnectedArduino = false; } run() { this.assets.loadQueuedAnimations(); this.running = true; this.changeScene("MENU", new Scene_Menu(this)); } changeScene(sceneName, scene, endCurrentScene) { if (endCurrentScene) { if (this.currentSceneName) { this.sceneMap.delete(this.currentSceneName); } } if (scene != null) { this.sceneMap.set(sceneName, scene); } else { const foundScene = this.sceneMap.get(sceneName); if (foundScene == null) { print(`Warning: Scene does not exist: ${sceneName}`); return; } } this.currentSceneName = sceneName; } update() { if (!this.running || this.sceneMap.size == 0) return; // Update Arduino connection state. this.isConnectedArduino = serialActive; // this.isConnectedArduino = true; // For debugging. // Update current scene. const currentScene = this.sceneMap.get(this.currentSceneName); currentScene.update(); currentScene.sRender(); } quit() { this.running = false; } sUserInput(key, keyCode, type) { if (!this.running) return; this.sceneMap.get(this.currentSceneName).sDoAction(key, keyCode, type); } playSound(soundName, shouldLoop, playbackRate) { const sound = this.assets.soundMap.get(soundName); shouldLoop = shouldLoop === undefined ? false : shouldLoop; sound.setLoop(shouldLoop); playbackRate = playbackRate === undefined ? 1 : playbackRate; sound.rate(playbackRate); sound.play(); } isSoundPlaying(soundName) { const sound = this.assets.soundMap.get(soundName); return sound.isPlaying(); } stopSound(soundName) { const sound = this.assets.soundMap.get(soundName); sound.stop(); } setSoundPlaybackRate(soundName, rate) { const sound = this.assets.soundMap.get(soundName); sound.rate(rate); } connectArduino() { // Use serial library to connect to Arduino. setUpSerial(); } readArduino(data) { // Process data (a string) which was received from Arduino. // Delegate processing to the active scene. if (this.running) { if (this.isConnectedArduino) { this.sceneMap.get(this.currentSceneName).sReadArduino(data); } else { } } else { } } sendArduino(data) { // Send data (a string) to Arduino. writeSerial(data); }}class Scene_Menu { constructor(game) { this.game = game; this.game.stopSound("MusicLevel"); this.instructionsImage = this.game.assets.textureMap.get("TexInstructions"); } update() {} sRender() { rectMode(CORNERS); background(0); noStroke(); fill(255); textAlign(LEFT); // Menu title. textStyle(BOLD); textSize(36); text("Chill Adventure", 60, 40, WIDTH - 100, 100); // Rest of menu text. textStyle(NORMAL); textSize(22); if (!this.game.isConnectedArduino) { text("Press Space Connect to Arduino", 60, 300, WIDTH - 60, 400); } else { fill("pink"); const instructions = "instructions!!!!\n\n" + "move with Controller (move C on board)\n" + "unlock doors\n" + "complete all levels"; text(instructions, 60, 100, WIDTH - 60, 220); fill(255); text("press Space to Begin", 60, 520, WIDTH - 60, 560); // Instructions image. imageMode(CORNER); image(this.instructionsImage, 60, 240, 440, 240); } } sDoAction(key, keyCode, type) { // Handle pressing keys. if (type == "END") return; if (key == " ") { if (!this.game.isConnectedArduino) { this.game.connectArduino(); } else { const level = levels.find((it) => it.number == 1); if (level == undefined) { print("Couldn't load first level."); } else { this.game.changeScene("PLAY", new Scene_Play(this.game, level)); } } } } sReadArduino(data) { // Just send back default OK response to Arduino. this.game.sendArduino("1\n"); }}class Scene_End { constructor(game) { this.game = game; this.game.stopSound("MusicLevel"); } update() {} sRender() { rectMode(CORNERS); background(0); noStroke(); fill(255); textAlign(LEFT); textStyle(BOLD); textSize(36); text("end", 60, 100, WIDTH - 100, 200); textStyle(NORMAL); textSize(22); text( "thanks for play\n\n" + "press space to play again", 60, 300, WIDTH - 60, 400 ); } sDoAction(key, keyCode, type) { if (type == "END") return; // If space or escape or enter is pressed, go back to menu. if (key == " " || keyCode == ESCAPE || keyCode == ENTER) { this.game.changeScene("MENU", null, true); } } sReadArduino(data) { // Send back default OK response to Arduino. this.game.sendArduino("1\n"); }}class Scene_Play { constructor(game, level) { this.game = game; this.level = level; this.currentFrame = 0; // For debugging. this.drawShapes = true; this.drawTextures = true; this.drawCollision = false; // For rendering and other logic. this.roomSize = createVector(ROOM_W, ROOM_H); this.tileSize = createVector(TILE_W, TILE_H); // Small optimization. this.halfTileSize = this.tileSize.copy().div(2); this.roomTileSizeMult = this.roomSize.copy().mult(this.tileSize); this.playerConfig = { RX: 0, RY: 0, TX: 0, TY: 0, CW: 0, CH: 0, SPEED: 0, displayType: null, displayName: null, }; this.init(); } init() { // Play music if not playing. Load level. if (!this.game.isSoundPlaying("MusicLevel")) { this.game.playSound("MusicLevel", true); } this.loadLevel(); } update() { // Update entity manager. this.entityManager.update(); // Run all systems. this.sAI(); this.sMovement(); this.sCollision(); this.sTriggers(); this.sScriptedEvents(); this.sAnimation(); this.sCamera(); this.currentFrame++; } onEnd(type) { type = type === undefined ? "exit" : type; if (type == "exit") { // Pressed exit key. Go to menu. this.game.changeScene("MENU", null, true); } else if (type == "finish") { // Finished the level. Advance to the next level if it exists, or go to end. const nextLevel = levels.find((it) => it.number == this.level.number + 1); if (nextLevel == undefined) { // This was the last level. this.game.changeScene("END", new Scene_End(this.game), true); } else { this.game.changeScene( "PLAY", new Scene_Play(this.game, nextLevel), true ); } } } loadLevel() { this.entityManager = new EntityManager(); this.triggerStatus = new Map(); this.scriptedEvents = new EventScheduler(); this.validRooms = []; this.npcsToCollect = 0; this.npcsCollected = 0; this.lastNpcCollectionFrame = -1000 * FRAME_RATE; this.playerDeaths = 0; this.shouldSendPlayerDiedSignal = false; this.spritesRotation = 0; this.dilationDepth = 0; for ( let lineIndex = 0; lineIndex < this.level.strings.length; lineIndex++ ) { const line = this.level.strings[lineIndex]; const words = line.split(/\s+/); if (words.length == 0 || words[0] == "") continue; const type = words[0]; if (type == "Player") { // Store the player configuration. this.playerConfig.displayType = words[1]; this.playerConfig.displayName = words[2]; this.playerConfig.RX = float(words[3]); this.playerConfig.RY = float(words[4]); this.playerConfig.TX = float(words[5]); this.playerConfig.TY = float(words[6]); this.playerConfig.CW = float(words[7]); this.playerConfig.CH = float(words[8]); this.playerConfig.SPEED = float(words[9]); } else if (type == "Tile") { // Get the tile's animation and position, and create it. const displayType = words[1]; const displayName = words[2]; const room = createVector(float(words[3]), float(words[4])); const tile = createVector(float(words[5]), float(words[6])); const blockMove = int(words[7]); const entity = this.entityManager.addEntity("tile"); this.setShapeOrAnimation(entity, displayType, displayName); entity.c.bbox = new CBoundingBox( this.getEntitySize(entity), blockMove == 1 ); entity.c.transform = new CTransform( this.getPosition(room, tile, entity) ); } else if (type == "Trigger") { // Add trigger entity. const displayType = words[1]; const displayName = words[2]; const room = createVector(float(words[3]), float(words[4])); const tile = createVector(float(words[5]), float(words[6])); const triggerId = int(words[7]); const entity = this.entityManager.addEntity("trigger"); this.setShapeOrAnimation(entity, displayType, displayName); entity.c.bbox = new CBoundingBox(this.getEntitySize(entity), false); entity.c.transform = new CTransform( this.getPosition(room, tile, entity) ); entity.c.trigger = new CTrigger(triggerId); // Set initial trigger status for this id. this.triggerStatus.set(triggerId, { start: null, end: null }); } else if (type == "NPC") { // Add NPC entity. const displayType = words[1]; const displayName = words[2]; const room = createVector(float(words[3]), float(words[4])); const tile = createVector(float(words[5]), float(words[6])); const blockMove = int(words[7]); const collectible = int(words[8]); const dangerous = int(words[9]); const entity = this.entityManager.addEntity("npc"); this.setShapeOrAnimation(entity, displayType, displayName); entity.c.bbox = new CBoundingBox( this.getEntitySize(entity), blockMove == 1 ); entity.c.transform = new CTransform( this.getPosition(room, tile, entity) ); if (collectible) { entity.c.collectible = new CCollectible(true); this.npcsToCollect += 1; } if (dangerous) { entity.c.dangerous = new CDangerous(true); } // Get AI data for this entity from the next lines, if present. let nextLineIndex = lineIndex + 1; while (nextLineIndex < this.level.strings.length) { const nextWords = this.level.strings[nextLineIndex].split(/\s+/); if (nextWords[0] != "AI") break; const aiType = nextWords[1]; if (aiType == "Random") { const speed = float(nextWords[2]); entity.c.moveRandom = new CMoveRandom(speed); } else if (aiType == "Follow") { const speed = float(nextWords[2]); entity.c.followPlayer = new CFollowPlayer( entity.c.transform.pos, speed ); } else { // Not actually an AI type. break; } nextLineIndex++; } // Update line index so that it is nextLineIndex on next iteration. lineIndex = nextLineIndex - 1; } else if (type == "Room") { // Get room data (room x and y), and add it to list of valid rooms. const rx = int(words[1]); const ry = int(words[2]); this.validRooms.push(createVector(rx, ry)); } else if (type == "DefaultBG") { // Set default room background color. const color = words[1]; this.defaultRoomColor = color; } else { print(`Unknown Entity Type or Room config: ${type}`); } } this.spawnPlayer(); } sAI() { const getFirstPlayerPos = () => { for (const player of this.entityManager.get("player")) { return player.c.transform.pos; } }; let npcIndex = 0; for (const npc of this.entityManager.get("npc")) { const follow = npc.c.followPlayer; const moveRandom = npc.c.moveRandom; if (follow != null) { const transform = npc.c.transform; const playerPos = getFirstPlayerPos(); // Can see the player if the player is alive. let canSeePlayer = playerPos != null; // Figure out the desired movement vector. let desired = null; if (canSeePlayer) { desired = playerPos.copy().sub(transform.pos); } else { desired = follow.home.copy().sub(transform.pos); } if (desired != null) { if (desired.mag() <= follow.speed) { // Arrived at target, set velocity to exactly move position to target // in order to prevent oscillation. transform.velocity = desired; } else { // Far away from the target. Steer towards them. desired.normalize().mult(follow.speed); // Make 'desired' the vector from the tip of current velocity // to the tip of our desired velocity. desired.sub(transform.velocity); // Multiply by a steering constant to make the effect less pronounced. desired.mult(0.8); // Add desired to velocity to partially change velocity towards target. transform.velocity.add(desired); } // Since moving towards target, ignore other AI components. continue; } } if (moveRandom != null) { // Set random x and y velocity from noise function. const velX = map( noise(this.currentFrame * 0.01, npcIndex * 10, 0), 0, 1, -moveRandom.speed, moveRandom.speed ); const velY = map( noise(this.currentFrame * 0.01, npcIndex * 10, 10), 0, 1, -moveRandom.speed, moveRandom.speed ); npc.c.transform.velocity.set(velX, velY); } npcIndex++; } } sMovement() { // Player movement. for (const player of this.entityManager.get("player")) { const transform = player.c.transform; const input = player.c.input; transform.prevPos.set(transform.pos); const vel = transform.velocity; vel.set(0, 0); // Arrow key input. For debugging, usually not active. if (input.left) vel.x -= this.playerConfig.SPEED; if (input.right) vel.x += this.playerConfig.SPEED; if (input.up) vel.y -= this.playerConfig.SPEED; if (input.down) vel.y += this.playerConfig.SPEED; // Sensor input. vel.x += input.sensorX; vel.y += input.sensorY; // Inverted controls. if (input.inverted) { vel.mult(-1); } transform.pos.add(vel); } // NPC Movement. // Velocities are calculated in the AI system. for (const npc of this.entityManager.get("npc")) { npc.c.transform.pos.add(npc.c.transform.velocity); } } sCollision() { // Player-trigger collisions. // Should be before player-tile collisions so that touching triggers inside // non-movable areas is detected. for (const player of this.entityManager.get("player")) { for (const trigger of this.entityManager.get("trigger")) { if (!trigger.active) continue; const overlap = Physics.GetOverlap(trigger, player); if (!(overlap.x > 0 && overlap.y > 0)) continue; const triggerId = trigger.c.trigger.id; // Update activation times for this trigger. const status = this.triggerStatus.get(triggerId); if (status.end == null || status.end != this.currentFrame - 1) { // Either never activated before, or activated but not currently. status.start = this.currentFrame; } status.end = this.currentFrame; } } // Player-NPC collisions. for (const player of this.entityManager.get("player")) { if (!player.c.bbox.blockMove) continue; for (const npc of this.entityManager.get("npc")) { if (!npc.c.bbox.blockMove) continue; const overlap = Physics.GetOverlap(player, npc); if (!(overlap.x > 0 && overlap.y > 0)) continue; if (npc.c.collectible != null && npc.c.collectible.collectible) { this.npcsCollected += 1; this.lastNpcCollectionFrame = this.currentFrame; // this.shouldSendNpcCollectionSignal = true; npc.destroy(); if (this.npcsCollected == this.npcsToCollect) { this.scriptedEvents.add(this.currentFrame, { name: "OpenDoors" }); } this.scriptedEvents.add(this.currentFrame, { name: "InvertControls", }); this.scriptedEvents.add(this.currentFrame, { name: "Dilate", change: 1, }); this.scriptedEvents.add(this.currentFrame + FRAME_RATE * 0.1, { name: "Dilate", change: -1, }); } if (npc.c.dangerous != null && npc.c.dangerous.dangerous) { this.scriptedEvents.add(this.currentFrame, { name: "KillPlayer", player: player, }); this.scriptedEvents.add(this.currentFrame, { name: "RotateSprites", degrees: 60, }); const respawnTimeSeconds = this.level.number >= 5 ? 3 : 0.5; this.scriptedEvents.add( this.currentFrame + FRAME_RATE * respawnTimeSeconds, { name: "SpawnPlayer", } ); } // Push entity. Buggy. // npc.c.transform.prevPos.set(npc.c.transform.pos); // npc.c.transform.pos.add(overlap); } } // Entity-tile collisions. for (const entity of this.entityManager.entities) { if (entity.tag != "player" && entity.tag != "npc") continue; if (entity.c.bbox == null || !entity.c.bbox.blockMove) continue; const transform = entity.c.transform; for (const tile of this.entityManager.get("tile")) { if (!tile.c.bbox.blockMove) continue; const overlap = Physics.GetOverlap(entity, tile); if (!(overlap.x > 0 && overlap.y > 0)) { // No overlap. continue; } const prevOverlap = Physics.GetPreviousOverlap(entity, tile); let shouldPushBackX = false; let shouldPushBackY = false; if (prevOverlap.x > 0 && prevOverlap.y > 0) { shouldPushBackX = true; shouldPushBackY = true; } else if (prevOverlap.y > 0) { shouldPushBackX = true; } else if (prevOverlap.x > 0) { shouldPushBackY = true; } else { if (overlap.x > overlap.y) { shouldPushBackY = true; } else { shouldPushBackX = true; } } if (shouldPushBackX) { // If entity is to the left of the tile, subtract overlap; add it otherwise. const isToLeft = transform.pos.x < tile.c.transform.pos.x; transform.pos.x += isToLeft ? -overlap.x : overlap.x; } if (shouldPushBackY) { // If entity is below the tile, subtract overlap; add it otherwise. const isAbove = transform.pos.y < tile.c.transform.pos.y; transform.pos.y += isAbove ? -overlap.y : overlap.y; } } } } sTriggers() { const cutoff = floor(FRAME_RATE / 4); for (const [id, status] of this.triggerStatus.entries()) { if (status.start == this.currentFrame) { // print("Triggering", id); } else if (status.start == this.currentFrame - cutoff) { } } } sScriptedEvents() { for (const event of this.scriptedEvents.get(this.currentFrame)) { if (event.name == "KillPlayer") { event.player.destroy(); this.playerDeaths += 1; this.shouldSendPlayerDiedSignal = true; // If died enough times on a level, destroy all dangerous NPCs. // This way it is easier to complete the level. const levelToDeaths = new Map(); levelToDeaths.set(2, 10); levelToDeaths.set(4, 4); const requiredDeaths = levelToDeaths.get(this.level.number); if (requiredDeaths != null && this.playerDeaths >= requiredDeaths) { for (const npc of this.entityManager.get("npc")) { if (npc.c.dangerous) { npc.destroy(); } } } } else if (event.name == "SpawnPlayer") { this.spawnPlayer(); } else if (event.name == "RotateSprites") { if (this.level.number == 3) { this.spritesRotation += event.degrees; } } else if (event.name == "OpenDoors") { // Open doors. for (const tile of this.entityManager.get("tile")) { const name = this.getDisplayName(tile); if ( name == "GreyRock" || name == "RedTreeEyes" || name == "BlueBlock" ) { tile.destroy(); } } } else if (event.name == "InvertControls") { if (this.level.number == 4) { for (const player of this.entityManager.get("player")) { player.c.input.inverted = !player.c.input.inverted; } } } else if (event.name == "Dilate") { this.dilationDepth += event.change; } } this.scriptedEvents.delete(this.currentFrame); } sAnimation() { // Update all animations and destroy entities with finished nonrepeating animations. for (const entity of this.entityManager.entities) { const animation = entity.c.animation; if (animation == null) continue; animation.animation.update(); if (!animation.repeat && animation.animation.hasEnded()) { entity.destroy(); } } } sCamera() { // Room-based camera. // Get the player's room. const room = this.getRoom(this.entityManager.get("player")[0]); if ( this.validRooms.find((it) => it.x == room.x && it.y == room.y) == undefined ) { // Player finished or glitched out of the map. this.onEnd("finish"); } // Get the pixel coordinates of the top left corner of this room. room.mult(this.roomTileSizeMult); // Translate so that the entities in this room will be drawn. translate(-room.x, -room.y); } sRender() { angleMode(DEGREES); imageMode(CENTER); const renderShape = (e) => { const transform = e.c.transform; if (transform == null) return; if (e.c.animation != null && this.drawTextures) { // Render animation (sprite). const animation = e.c.animation.animation; push(); translate(transform.pos.x, transform.pos.y); if (this.spritesRotation != 0) { rotate(this.spritesRotation); } rectMode(CORNER); image( animation.sprite, 0, 0, animation.size.x, animation.size.y, animation.drawX, 0, animation.size.x ); if (this.level.number == 6 && e.tag != "tile") { // Kaleidoscopic effect on level 6, based on number of NPCs collected. const numIterations = round( map(this.npcsCollected, 0, this.npcsToCollect, 0, 8) ); const angle = 360 / numIterations; const moveX = this.tileSize.x * 0.5; for (let iteration = 0; iteration < numIterations; iteration++) { translate(moveX, 0); image( animation.sprite, 0, 0, animation.size.x, animation.size.y, animation.drawX, 0, animation.size.x ); translate(-moveX, 0); rotate(angle); } } pop(); } else if (e.c.shape != null && this.drawShapes) { // Render shape. const shape = e.c.shape.shape; if (shape.fillColor == null) { noFill(); } else { fill(ashape.fillColor); } if (shape.strokeWidth == null) { noStroke(); } else { strokeWeight(shape.strokeWidth); stroke(shape.strokeColor); } if (shape.type == "rect") { rectMode(CENTER); rect(transform.pos.x, transform.pos.y, shape.size.x, shape.size.y); } else if (shape.type == "ellipse") { ellipse(transform.pos.x, transform.pos.y, shape.size.x, shape.size.y); } } }; background(this.defaultRoomColor); if (this.drawShapes || this.drawTextures) { // Draw everything with a shape or animation. for (const e of this.entityManager.get("tile")) { renderShape(e); } for (const e of this.entityManager.get("trigger")) { renderShape(e); } for (const e of this.entityManager.get("npc")) { renderShape(e); } for (const e of this.entityManager.get("player")) { renderShape(e); } } if (this.drawCollision) { // Draw collision boxes. rectMode(CENTER); noFill(); strokeWeight(1); for (const e of this.entityManager.entities) { const bbox = e.c.bbox; if (bbox == null) continue; const transform = e.c.transform; stroke(255); if (bbox.blockMove) stroke(255, 0, 0); rect(transform.pos.x, transform.pos.y, bbox.size.x, bbox.size.y); } } if (this.level.number == 4) { // Dilation effect. if (this.dilationDepth > 0) { filter(DILATE); } } } sDoAction(key, keyCode, type) { const execAllPlayers = (callback) => { for (const player of this.entityManager.get("player")) { callback(player); } }; if (type == "START") { if (keyCode == ESCAPE) this.onEnd("exit"); // else if (key == "s") this.drawShapes = !this.drawShapes; // else if (key == "t") this.drawTextures = !this.drawTextures; // else if (key == "c") this.drawCollision = !this.drawCollision; // else if (keyCode == UP_ARROW) // execAllPlayers((p) => (p.c.input.up = true)); // else if (keyCode == LEFT_ARROW) // execAllPlayers((p) => (p.c.input.left = true)); // else if (keyCode == DOWN_ARROW) // execAllPlayers((p) => (p.c.input.down = true)); // else if (keyCode == RIGHT_ARROW) // execAllPlayers((p) => (p.c.input.right = true)); // else if (!isNaN(parseInt(key))) { // const number = parseInt(key); // const level = levels.find((it) => it.number == number); // if (level) { // this.game.changeScene("PLAY", new Scene_Play(this.game, level), true); // } // } } else if (type == "END") { // if (keyCode == UP_ARROW) execAllPlayers((p) => (p.c.input.up = false)); // else if (keyCode == LEFT_ARROW) // execAllPlayers((p) => (p.c.input.left = false)); // else if (keyCode == DOWN_ARROW) // execAllPlayers((p) => (p.c.input.down = false)); // else if (keyCode == RIGHT_ARROW) // execAllPlayers((p) => (p.c.input.right = false)); } } sReadArduino(data) { // Turn x and y from [0, 1] to [-3, 3]. const dataList = data.trim().split(","); let x = parseFloat(dataList[0]); let y = parseFloat(dataList[1]); // Debug printing. // if (data.startsWith("-1")) { // print("GOT BAD DATA", data); // } // if (dataList[2] != "1") { // print("remaining data", dataList.slice(2)); // } const V = this.playerConfig.SPEED; let sensorX = 0; let sensorY = 0; if (!isNaN(x) && !isNaN(y) && x >= 0 && y >= 0) { sensorX = map(x, 0, 1, V, -V); sensorY = map(y, 0, 1, -V, V); // If absolute value is this much, it probably means that the // ball is not in the box. So set values to 0. if (abs(sensorX) == V) { sensorX = 0; } if (abs(sensorY) == V) { sensorY = 0; } } // Update input components of all players. for (const player of this.entityManager.get("player")) { const input = player.c.input; input.sensorX = sensorX; input.sensorY = sensorY; } // Debug printing. // if (this.currentFrame % 10 == 0) { // print("xy", x, y); // print("sensor", sensorX, sensorY); // } // Send answer to Arduino. const isPlayerAlive = this.entityManager.get("player").length > 0; const collectionDelay = 0.3 * FRAME_RATE; if (this.shouldSendPlayerDiedSignal) { // Send death signal. this.shouldSendPlayerDiedSignal = false; this.game.sendArduino("2\n"); } else if ( this.lastNpcCollectionFrame + collectionDelay > this.currentFrame ) { // Send tone. const t = this.currentFrame - this.lastNpcCollectionFrame; const f = floor(map(t, 0, collectionDelay, 200, 1500)); this.game.sendArduino(`3,${f}\n`); } else { // Send OK signal. this.game.sendArduino("1\n"); } } getPosition(room, tile, entity) { // Return the midpoint pixel coordinates of some tile in some room. const halfSize = this.getEntityHalfSize(entity); return createVector( room.x * this.roomTileSizeMult.x + tile.x * this.tileSize.x + halfSize.x, room.y * this.roomTileSizeMult.y + tile.y * this.tileSize.y + halfSize.y ); } getEntityHalfSize(entity) { return entity.c.animation != null ? entity.c.animation.animation.halfSize : entity.c.shape != null ? entity.c.shape.shape.halfSize : entity.c.bbox != null ? entity.c.bbox.halfSize : this.halfTileSize; } getEntitySize(entity) { return entity.c.animation != null ? entity.c.animation.animation.size : entity.c.shape != null ? entity.c.shape.shape.size : entity.c.bbox != null ? entity.c.bbox.size : this.tileSize; } getRoom(entity) { // Get top left corner of the entity, and use it to find the room column and row. if (!entity) { return createVector(0, 0); } const room = entity.c.transform.pos .copy() .sub(this.getEntityHalfSize(entity)) .div(this.roomTileSizeMult); // They will be decimal numbers, e.g. (0.36, 1.3); room.x = floor(room.x); room.y = floor(room.y); return room; } setShapeOrAnimation(entity, displayType, displayName) { // Set display data from type and name. if (displayType == "Shape") { const shape = this.game.assets.shapeMap.get(displayName); if (shape == null) { print(`Could not find shape: ${displayName}`); } else { entity.c.shape = new CShape(shape); } } else if (displayType == "Animation") { const animation = this.game.assets.animationMap.get(displayName); if (animation == null) { print(`Could not find animation: ${displayName}`); } else { entity.c.animation = new CAnimation(animation, true); } } else if (displayType != "None") { print(`Unknown display type: ${displayType}`); } } getDisplayName(entity) { if (entity.c.shape != null) { return entity.c.shape.shape.name; } else if (entity.c.animation != null) { return entity.c.animation.animation.name; } return null; } spawnPlayer() { // Spawn the player. const player = this.entityManager.addEntity("player"); this.setShapeOrAnimation( player, this.playerConfig.displayType, this.playerConfig.displayName ); player.c.transform = new CTransform( this.getPosition( createVector(this.playerConfig.RX, this.playerConfig.RY), createVector(this.playerConfig.TX, this.playerConfig.TY), player ) ); player.c.bbox = new CBoundingBox( createVector(this.playerConfig.CW, this.playerConfig.CH), true ); player.c.input = new CInput(); }}class Assets { // The Assets class handles loading all the assets used in the game. constructor(file) { // Initialize texture maps and other things. this.textureMap = new Map(); this.animationMap = new Map(); this.soundMap = new Map(); this.shapeMap = new Map(); this.animationsToLoad = []; this.loadFile(file); } loadFile(file) { // Load the assets from the file. // All textures must be loaded before any animation, because textures // are loaded from images from files. // Therefore, we add animations to a queue and actually add them in // the function loadQueuedAnimations(). for (const line of file) { const words = line.split(/\s+/); const type = words[0]; if (type == "Texture") { const name = words[1]; const path = words[2]; this.addTexture(name, path); } else if (type == "Animation") { const name = words[1]; const texture = words[2]; const frames = int(words[3]); const speed = float(words[4]); this.animationsToLoad.push([name, texture, frames, speed]); } else if (type == "Sound") { const name = words[1]; const path = words[2]; this.addSound(name, path); } else if (type == "Shape") { const name = words[1]; const type = words[2]; const sizeX = int(words[3]); const sizeY = int(words[4]); let fillColor = words[5]; if (fillColor == "None") { fillColor = null; } let strokeWidth = words[6]; let strokeColor = words[7]; if (strokeWidth == "None") { strokeWidth = null; strokeColor = null; } else { strokeWidth = int(strokeWidth); } this.addShape( name, new Shape( name, type, createVector(sizeX, sizeY), fillColor, strokeWidth, strokeColor ) ); } else { print(`Unknown Asset Type: ${type}`); } } } loadQueuedAnimations() { // After all textures have been loaded, load all animations. for (const [name, texture, frames, speed] of this.animationsToLoad) { this.addAnimation(name, texture, frames, speed); } this.animationsToLoad = []; } addTexture(textureName, path) { // When the image is loaded, add it to the texture map. loadImage(path, (img) => { // const scaleFactor = TILE_H / img.height; // img.resize(int(img.width * scaleFactor), int(img.height * scaleFactor)); this.textureMap.set(textureName, img); print(`Added Texture: ${textureName}`); }); } addAnimation(animationName, textureName, frameCount, speed) { // The texture must be loaded already, or the textureMap will return undefined. const texture = this.textureMap.get(textureName); if (!texture) { print( `ERROR: Could not add Animation ${animationName} because Texture ${textureName} is not loaded.` ); return; } this.animationMap.set( animationName, new Animation(animationName, texture, frameCount, speed) ); print(`Added Animation: ${animationName}`); } addSound(soundName, path) { loadSound(path, (sound) => { // Lower volume. sound.setVolume(0.35); // Make it so doing sound.play() doesn't restart it. sound.playMode("sustain"); // Add to map. this.soundMap.set(soundName, sound); print(`Added Sound: ${soundName}`); }); } addShape(shapeName, shape) { this.shapeMap.set(shapeName, shape); }}class EntityManager { // The EntityManager class manages all entities in the game, // i.e. their creation and destroyal every frame. constructor() { this.entities = []; this.entitiesToAdd = []; this.entityMap = new Map(); this.totalEntities = 0; } removeDeadEntities(lst) { return lst.filter((it) => it.active); } update() { // First, remove all dead entities. this.entities = this.removeDeadEntities(this.entities); for (const [k, v] of this.entityMap) { this.entityMap.set(k, this.removeDeadEntities(v)); } // Then, add all entities that should be added. if (this.entitiesToAdd.length > 0) { for (const e of this.entitiesToAdd) { this.entities.push(e); this.get(e.tag).push(e); } this.entitiesToAdd = []; } } addEntity(tag) { // When adding an entity, add it to the list, so it is // truly added when the time is appropriate. const e = new Entity(this.totalEntities++, tag); this.entitiesToAdd.push(e); return e; } get(tag) { if (!this.entityMap.has(tag)) { this.entityMap.set(tag, []); } return this.entityMap.get(tag); }}class Entity { constructor(id, tag) { this.id = id; this.tag = tag; this.active = true; this.c = new ComponentList(); } destroy() { this.active = false; }}class ComponentList { // A list of components that every entity can have, although they can be null. constructor() { this.transform = null; this.bbox = null; this.shape = null; this.animation = null; this.input = null; this.trigger = null; this.collectible = null; this.dangerous = null; this.moveRandom = null; this.followPlayer = null; }}class CTransform { /* Has: - The entity's current position. - The entity's position in the previous frame. - The entity's velocity. */ constructor(pos, velocity) { this.pos = pos === undefined ? createVector(0, 0) : pos.copy(); this.prevPos = this.pos.copy(); this.velocity = velocity === undefined ? createVector(0, 0) : velocity.copy(); }}class CBoundingBox { /* Has: - The collision bounding box size. - Whether it should block movement. */ constructor(size, blockMove) { this.size = size === undefined ? createVector(0, 0) : size.copy(); this.halfSize = this.size.copy().div(2); this.blockMove = blockMove; }}class CShape { constructor(shape) { this.shape = shape; }}class Shape { /* Contains information for displaying the entity: - Type: square or circle. - Size: size, a vector. - Color: color, a p5 color object. */ constructor(name, type, size, fillColor, strokeWidth, strokeColor) { this.name = name; this.type = type; this.size = size.copy(); this.halfSize = this.size.copy().div(2); this.fillColor = fillColor; this.strokeWidth = strokeWidth; this.strokeColor = strokeColor; }}class CAnimation { // The animation component has just an animation, and a boolean value repeat // which indicates whether the animation repeats, or happens once before stopping. constructor(animation, repeat) { this.animation = animation; this.repeat = repeat; }}class Animation { /* An animation consists of: - Name: used for checking an entity's animation at some point in time after creation. - Sprite/texture: the actual p5.Image that corresponds to the animation's spritesheet. - frameCount: how many 'cells' the animation has in the sprite sheet. - speed: A speed of 2 would make the animation change half as fast as a speed of 1. An animation's size is the size of one cell, i.e. a height of the sprite's height and a width of the sprite's width divided by the number of cells (frameCount). The drawX parameter is the starting X coordinate of the current cell to draw. */ constructor(name, texture, frameCount, speed) { this.name = name; this.sprite = texture; this.frameCount = frameCount ?? 1; this.speed = speed ?? 1; this.currentFrame = 0; this.size = createVector( this.sprite.width / this.frameCount, this.sprite.height ); this.halfSize = this.size.copy().div(2); this.drawX = floor(this.currentFrame * this.size.x); } update() { // Increase the current frame, and also set drawX. this.currentFrame++; if (this.speed > 0 && this.frameCount > 1) { const frame = floor(this.currentFrame / this.speed) % this.frameCount; this.drawX = frame * this.size.x; } } hasEnded() { // It has ended if there have been more changes to the cell than the frameCount // or if its speed is 0. return ( this.speed == 0 || floor(this.currentFrame / this.speed) >= this.frameCount ); }}class CInput { // Keeps track of specific properties related to user input. constructor() { this.up = false; this.down = false; this.left = false; this.right = false; this.sensorX = 0; this.sensorY = 0; }}class CTrigger { // Tracks trigger id for trigger entities. constructor(id) { this.id = id; }}class CCollectible { constructor(collectible) { this.collectible = true; }}class CDangerous { constructor(dangerous) { this.dangerous = true; }}class CMoveRandom { // Entities with the MoveRandom component will move rnadomly. constructor(speed) { this.speed = speed; }}class CFollowPlayer { // Entities with the FollowPlayer component will follow the player. constructor(home, speed) { this.home = home.copy(); this.speed = speed; // this.visionRadius = visionRadius; }}class Physics { static GetOverlap(a, b) { // Get overlap amount between two entities. const ta = a.c.transform; const tb = b.c.transform; const ca = a.c.bbox; const cb = b.c.bbox; return createVector( ca.halfSize.x + cb.halfSize.x - abs(ta.pos.x - tb.pos.x), ca.halfSize.y + cb.halfSize.y - abs(ta.pos.y - tb.pos.y) ); } static GetPreviousOverlap(a, b) { // Get overlap amount between two entities, from the previous frame. const ta = a.c.transform; const tb = b.c.transform; const ca = a.c.bbox; const cb = b.c.bbox; return createVector( ca.halfSize.x + cb.halfSize.x - abs(ta.prevPos.x - tb.prevPos.x), ca.halfSize.y + cb.halfSize.y - abs(ta.prevPos.y - tb.prevPos.y) ); }}class EventScheduler { // Helper class for scheduling events at certain future frames. constructor() { this.events = new Map(); } get(frame) { return this.events.get(frame) ?? []; } add(frame, event) { if (!this.events.has(frame)) { this.events.set(frame, []); } this.events.get(frame).push(event); } delete(frame) { this.events.delete(frame); }}assetsFile = [ "Shape UnderwaterWall rect 64 64 navy None None", "Shape UnderwaterDoor rect 64 64 grey None None", "Shape Bubble ellipse 36 36 None 3 white", "Shape CityWall rect 64 64 maroon None None", "Shape CityDoor rect 64 64 sienna None None", "Shape SnowWall rect 64 64 lightsteelblue None None", "Shape SnowDoor rect 64 64 steelblue None None", "Shape Player1 ellipse 48 48 limegreen None None", "Shape TriggerPurple rect 32 32 purple None None", "Texture TexFish images/fish1.png", "Texture TexGreenRock images/greenrock.png", "Texture TexGreyRock images/greyrock.png", "Texture TexCoral images/coral.png", "Texture TexFishFood images/fishfood2.png", "Texture TexToad images/toad.png", "Texture TexCar1 images/car1.png", "Texture TexCar3 images/car3.png", "Texture TexCoin images/coin.png", "Texture TexAsphalt images/asphalt2.png", "Texture TexBrownBrick images/brownbrick.png", "Texture TexIce images/ice.png", "Texture TexGift images/gift.png", "Texture TexSnowman images/snowman.png", "Texture TexSanta images/santa.png", "Texture TexBlueBlock images/blueblock.png", "Texture TexRedTreeEyes images/redtreeeyes.png", "Texture TexInstructions images/instructions.png", "Animation Fish TexFish 1 0", "Animation GreenRock TexGreenRock 1 0", "Animation GreyRock TexGreyRock 1 0", "Animation Coral TexCoral 1 0", "Animation FishFood TexFishFood 1 0", "Animation Toad TexToad 1 0", "Animation Car1 TexCar1 1 0", "Animation Car3 TexCar3 1 0", "Animation Coin TexCoin 4 120", "Animation Asphalt TexAsphalt 1 0", "Animation BrownBrick TexBrownBrick 1 0", "Animation Ice TexIce 1 0", "Animation Gift TexGift 1 0", "Animation Snowman TexSnowman 1 0", "Animation Santa TexSanta 6 15", "Animation BlueBlock TexBlueBlock 1 0", "Animation RedTreeEyes TexRedTreeEyes 1 0", "Sound MusicLevel sounds/fingerbib.mp3",];