Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Mercury Subspace
ID	938561708
Created	12 years ago, 1352747430029
Updated	12 years ago, 1348464987330
Code	/** * You can also fire by pressing any key. To pause, just * click outside of the game window. * * Like our other official programs, we avoid advanced code * concepts such as constructors, prototypal inheritance for * polymorphism, or closures to keep code simple! / ///////////////////////////////////////////////////////////// // Game constants -- try tweaking these! var MAX_HEALTH = 5, // Chance of a bonus dropping when you defeat an enemy POWER_UP_CHANCE = 4 0.01, // # of frames a bonus token is around before going poof POWER_UP_LIFETIME = 200, // How long you're invulnerable after being hit SAFE_AFTER_HIT_FRAMES = 12, // Graphics parameters STARTING_SCALE = 1.2, SCALE_INCREASE = 0.0006, SCROLL_SPEED = 2, // Red blaster parameters (the starting ship) BLASTER_DAMAGE = 20, BLASTER_DELAY = 10, // Yellow shotgun parameters SHOTGUN_DAMAGE = 12, SHOTGUN_PELLETS = 15, SHOTGUN_DELAY = 18, SHOTGUN_SPREAD = 40, SHOTGUN_SPEED = 20, // Green machine gun parameters MG_DAMAGE = 8, MG_DELAY = 1, MG_SPREAD = 6, MG_SPEED = 20, // Blue "Spunky Sam" orbiting pods parameters POD_DELAY = 15, POD_DAMAGE = 12, POD_MISSILE_SPEED = 30, // Fire bullets parameters FIRE_DAMAGE = 50, FIRE_SPEED_FACTOR = 1.5, // Nuke parameters NUKE_RADIUS = 700, NUKE_DAMAGE = 24, NUKE_NUM_SHRAPNEL = 20, SHRAPNEL_DAMAGE = 12, // Difficulty ramps - how quickly things get hard ENEMY_GROWTH_RATE = 14 * 0.00001, ENEMY_HEALTH_RATE = 3 * 0.00001, ENEMY_SPEED_RATE = 5 * 0.0001, ENEMY_BASE_SPEED = 2, // Asteroid parameters ROCK_HEALTH = 10, // Annoying red bug parameters BUG_HOMES_AT = 20, // # of frames to wait before seeking BUG_TURN_RATE = 1.5, // in degrees BUG_SPEED_FACTOR = 0.7, BUG_HEALTH = 18, // Robot parameters ROBOT_HEALTH = 1200, ROBOT_RELOAD = 70, ROBOT_SALVO = 8, ROBOT_PROBABILITY = 7 * 0.001, // Game synchronization - intro animation durations START_FRAMES = 100, ZOOM_IN_FRAMES = 50, // Game synchronization - game event frame numbers BONUSES_DROP_AT = 300, BUGS_COME_AT = 500, WEAPON_BONUS_AT = 800, ROBOTS_COME_AT = 2200, // How many frames a power-up bonus or animation lasts SHIELD_FRAMES = 150, FIRE_FRAMES = 200, NUKE_FRAMES = 10, EXPLOSION_FRAMES = 7, // Shows current frame # if true DEBUG = false ; // Load up all images used // TODO: Crop images for tighter collision detection var healthImage = getImage("cute/Heart"); var blasterPlayerImage = getImage("space/beetleship"); var shotgunPlayerImage = getImage("space/octopus"); var mgPlayerImage = getImage("space/rocketship"); var podImage = getImage("avatars/spunky-sam"); var backgroundImage = getImage("space/background"); var shotgunBonusImage = getImage("cute/GemOrange"); var mgBonusImage = getImage("cute/GemGreen"); var healthBonusImage = getImage("cute/Star"); var shieldBonusImage = getImage("avatars/leaf-green"); var podBonusImage = getImage("avatars/leaf-blue"); var fireBonusImage = getImage("avatars/leaf-red"); var nukeBonusImage = getImage("avatars/leaf-yellow"); var enemyBugImage = getImage("cute/EnemyBug"); var enemyRockImage = getImage("cute/Rock"); var enemyRobotImage = getImage("avatars/robot_male_1"); enemyRobotImage.width = 2; enemyRobotImage.height = 2; ///////////////////////////////////////////////////////////// // Game variables (careful, changing these might break stuff) // Scale level of the game window var canvasScale = STARTING_SCALE; // TODO: Question: should I just use strings instead of these // psuedo-enums? var Weapon = { BLASTER: 0, SHOTGUN: 1, MG: 2, POD: 3, SHRAPNEL: 4, ROBOT: 5 }; var PowerUp = { NUKE: -5, POD: -4, FIRE: -3, SHIELD: -2, HEALTH: -1, SHOTGUN: Weapon.SHOTGUN, MG: Weapon.MG }; var Enemy = { ROCK: 0, BUG: 1, ROBOT: 2 }; // Adjusted canvas dimensions from scaling factor var canvas = { x: 0, y: 0, height: height * canvasScale, width: width * canvasScale }; // We use this to check when a projectile is way out of the // screen and so is safe to remove var boundsCanvas = { x: -200, y: -200, height: canvas.height + 400, width: canvas.width + 400 }; // Information about the player -- initial values are here var player = { health: MAX_HEALTH, x: -200, // initially off-screen y: 0, width: 190, height: 150, weapon: Weapon.BLASTER, image: blasterPlayerImage, lastFired: -Infinity, lastCollided: -Infinity, gotShieldAt: -Infinity, gotFireAt: -Infinity }; // For keeping track of what mode (state) the game is in var State = { START: 0, PLAYING: 1, PAUSED: 2, LOST: 3, WON: 4 }; var state = State.START; // Containers for game objects var enemies = [], explosions = [], missiles = [], pods = [], powerUps = [], nukes = [], stars = []; // The frame number at particular state transitions frameCount = 0; // Global frame counter var finalFrame = 0; var pausedFrame = 0; // Number of objects destroyed var score = 0; var gameOverMessages = {}; // Our default font // TODO: Put this back when CS ppl fix their bug // Position of the scrolling background var backgroundOffset = 0; // Whether the canvas ever had mouse focus var hasHadFocus = false; ///////////////////////////////////////////////////////////// // Utility functions /** * Gets the sign of a number. * @param {number} num The number. * @return {number} 1 if positive, -1 if negative, else 0. / var sign = function(num) { if (num > 0) { return 1; } else if (num < 0) { return -1; } else { return 0; } }; /* * Gets if a point is within a bounding box. * @param {number} x The x-coordinate of the point. * @param {number} y The y-coordinate of the point. * @param {Object} box The bounding rectangle. * @return {boolean} Whether the point is within the box. / var inBox = function(x, y, box) { return (x >= box.x && x < box.x + box.width && y >= box.y && y < box.y + box.height); }; // TODO: replace with built-in dist /* * Calculates the Euclidean distance between two points. * @param {number} x1 x-coordinate of the first point. * @param {number} y1 y-coordinate of the first point. * @param {number} x2 x-coordinate of the second point. * @param {number} y2 y-coordinate of the second point. * @return {number} Distance between the given points. / var getDistance = function(x1, y1, x2, y2) { return sqrt(pow(x1 - x2, 2) + pow(y1 - y2, 2)); }; /* * Gets the difference of two angles wrapped to [-180, 180]. * @param {number} lhs The left-hand-side angle in degrees. * @param {number} rhs The right-hand-side angle in degrees. * @return {number} Difference in range [-180, 180]. / var angleDiff = function(lhs, rhs) { var diff = lhs - rhs; while (diff > 180) { diff -= 360; } while (diff <= -180) { diff += 360; } return diff; }; /* * Gets the closest body to the given (x, y) coordinates. * @param {number} x * @param {number} y * @param {Array.<Object>} bodies Bodies to search through. * @return {Object} The closest body to the given point. / var findClosest = function(x, y, bodies) { var closestDist = Infinity; var closestBody = null; for (var i = 0; i < bodies.length; i += 1) { var body = bodies[i]; var dist = getDistance(x, y, body.x, body.y); if (dist < closestDist) { closestDist = dist; closestBody = body; } } return closestBody; }; ///////////////////////////////////////////////////////////// // Projectiles var createBody = function(x, y) { return { x: x, y: y, deathFrame: Infinity }; }; var createProjectile = function(x, y, dx, dy) { var projectile = createBody(x, y); projectile.dx = dx; projectile.dy = dy; return projectile; }; var updateProjectiles = function(projectiles) { for (var i = 0; i < projectiles.length; i += 1) { var body = projectiles[i]; body.x += body.dx; body.y += body.dy; // Delete old projectiles or out-of-frame projectiles var inBounds = inBox(body.x, body.y, boundsCanvas); if (body.deathFrame <= frameCount \|\| !inBounds) { projectiles.splice(i, 1); } } }; ///////////////////////////////////////////////////////////// // Player /* Change player position from mouse position. / var movePlayer = function() { player.x = mouseX canvasScale - 96; player.y = mouseY * canvasScale - 146; player.x = constrain(player.x, 0, canvas.width - 100); player.y = constrain(player.y, 0, canvas.height - 100); }; /** * Change the player's weapon. * @param {Weapon} weapon The weapon to change to. / var changeWeapon = function(weapon) { if (weapon === Weapon.BLASTER) { player.image = blasterPlayerImage; } else if (weapon === Weapon.SHOTGUN) { player.image = shotgunPlayerImage; } else if (weapon === Weapon.MG) { player.image = mgPlayerImage; } player.weapon = weapon; }; var getWeaponDelay = function() { if (player.weapon === Weapon.BLASTER) { return BLASTER_DELAY; } else if (player.weapon === Weapon.SHOTGUN) { return SHOTGUN_DELAY; } else if (player.weapon === Weapon.MG) { return MG_DELAY; } }; var hasShield = function() { return frameCount - player.gotShieldAt < SHIELD_FRAMES; }; var hasFire = function() { return frameCount - player.gotFireAt < FIRE_FRAMES; }; /* Show loss of health for a few frames after being hit. / var drawPlayerImpact = function() { var impactFrames = 15; if (frameCount - player.lastCollided >= impactFrames) { return; } // Draw an expanding ellipse that fades out var progress = (frameCount - player.lastCollided) / impactFrames; var width = player.width + progress 20; var height = player.height + progress * 20; noStroke(); fill(220, 70, 20, 200 - progress * 200); ellipse(player.x + 89, player.y + 120, width, height); }; var drawPlayer = function() { image(player.image, player.x, player.y); if (hasShield()) { var shieldLeft = 1.0 - (frameCount - player.gotShieldAt) / SHIELD_FRAMES; if (shieldLeft > 0.2 \|\| (frameCount / 2) % 2 === 0) { strokeWeight(20); stroke(103, 207, 124, 150); fill(103, 207, 124, 100 * shieldLeft); ellipse(player.x + 89, player.y + 120, player.width, player.height); } } }; ///////////////////////////////////////////////////////////// // Explosions /** Start an explosion animation at the given coordinate. / var setExplosion = function(x, y, radius) { var explosion = createBody(x, y); if (radius === undefined) { radius = 20; } explosion.radius = radius; explosion.deathFrame = frameCount + EXPLOSION_FRAMES; explosions.push(explosion); }; var drawExplosions = function() { for (var i = explosions.length - 1; i >= 0; i -= 1) { var explosion = explosions[i]; var aliveFor = 1 + EXPLOSION_FRAMES - (explosion.deathFrame - frameCount); var r1 = explosion.radius aliveFor; noStroke(); fill(237, 134, 70, 255 - aliveFor * 40); ellipse(explosion.x, explosion.y, r1, r1); var r2 = 0.7 * r1; fill(237, 204, 70, 255 - aliveFor * 35); ellipse(explosion.x, explosion.y, r2, r2); if (frameCount >= explosion.deathFrame) { explosions.splice(i, 1); } } }; ///////////////////////////////////////////////////////////// // Missiles var createMissile = function(x, y, dx, dy, weapon, enemy) { var missile = createProjectile(x, y, dx, dy); // Set missile weapon and damage from weapon type missile.weapon = weapon; if (weapon === Weapon.BLASTER) { missile.damage = BLASTER_DAMAGE; } else if (weapon === Weapon.SHOTGUN) { missile.damage = SHOTGUN_DAMAGE; } else if (weapon === Weapon.MG) { missile.damage = MG_DAMAGE; } else if (weapon === Weapon.POD) { missile.damage = POD_DAMAGE; } else if (weapon === Weapon.SHRAPNEL) { missile.damage = SHRAPNEL_DAMAGE; } else if (weapon === Weapon.ROBOT) { missile.trail = []; missile.phase = random() * 360; } missile.enemy = enemy; // If fire bullets bonus is active, make missile better missile.onFire = false; if (!missile.enemy && hasFire()) { missile.onFire = true; missile.damage += FIRE_DAMAGE; missile.dx = FIRE_SPEED_FACTOR; missile.dy = FIRE_SPEED_FACTOR; } missiles.push(missile); return missile; }; var firePlayerMissiles = function() { // Only fire on command if (!mouseIsPressed && !keyIsPressed) { return; } // Wait for the next round to be chambered if (frameCount - player.lastFired < getWeaponDelay()) { return; } var x = player.x + player.width * 0.7; var y = player.y + player.height * 0.9; var dx, dy; if (player.weapon === Weapon.BLASTER) { createMissile(x, y, 15, 0, player.weapon); } else if (player.weapon === Weapon.SHOTGUN) { for (var i = 0; i < SHOTGUN_PELLETS; ++i) { var angle = SHOTGUN_SPREAD * (random() - 0.5); var speed = SHOTGUN_SPEED + random() * 6; dx = speed * cos(angle); dy = speed * sin(angle); createMissile(x, y, dx, dy, player.weapon); } } else if (player.weapon === Weapon.MG) { dx = random() * 5 + MG_SPEED; dy = (random() - 0.5) * MG_SPREAD; createMissile(x, y, dx, dy, player.weapon); } player.lastFired = frameCount; }; var updateMissiles = function() { for (var i = 0; i < missiles.length; i += 1) { var missile = missiles[i]; if (missile.weapon === Weapon.ROBOT) { missile.trail.push({ x: missile.x, y: missile.y }); missile.dy = (5 + random() * 5) * sin(missile.phase); missile.dx += (random() - 0.5); missile.phase += 5 + random() * 5; } } updateProjectiles(missiles); }; var drawMissiles = function() { for (var i = 0; i < missiles.length; i += 1) { var missile = missiles[i]; if (missile.onFire) { noStroke(); fill(223, 175, 80, 100); pushMatrix(); translate(missile.x, missile.y); rotate(atan2(missile.dy, missile.dx)); translate(-40, 0); ellipse(0, 0, 120, 15); popMatrix(); } if (missile.weapon === Weapon.BLASTER) { noStroke(); fill(179, 69, 36); ellipse(missile.x, missile.y, 17, 15); } else if (missile.weapon === Weapon.SHOTGUN) { noStroke(); fill(255, 222, 92); ellipse(missile.x, missile.y, 15, 15); } else if (missile.weapon === Weapon.MG) { noStroke(); fill(165, 207, 87); ellipse(missile.x, missile.y, 22, 12); } else if (missile.weapon === Weapon.POD) { strokeWeight(2); stroke(127, 200, 224, 200); fill(127, 200, 224, 100); ellipse(missile.x, missile.y, 15, 15); } else if (missile.weapon === Weapon.SHRAPNEL) { noStroke(); fill(29, 31, 31, 200); ellipse(missile.x, missile.y, 13, 13); } else if (missile.weapon === Weapon.ROBOT) { noStroke(); var opacity = 220; var trail = missile.trail; for (var j = trail.length - 1; j >= 0; j -= 1) { var puff = trail[j]; fill(220, 220, 220, opacity); ellipse(puff.x, puff.y, 13, 13); opacity = 0.8; } strokeWeight(3); stroke(20, 20, 20, 200); fill(230, 230, 230, 220); ellipse(missile.x, missile.y, 17, 17); } } }; ///////////////////////////////////////////////////////////// // Robot enemy /* Programs the robot to go towards the player / var setRobotCourse = function(robot) { robot.destX = canvas.width - 100; robot.destY = player.y + player.height 0.7; }; /** Move a robot towards its programmed destination. / var moveRobot = function(robot) { if (robot.moveAt === frameCount) { setRobotCourse(robot); } var deltaX = robot.destX - robot.x; robot.dx = sign(deltaX) sqrt(abs(deltaX)); var deltaY = robot.destY - robot.y; robot.dy = sign(deltaY) * sqrt(abs(deltaY)); }; var fireRobotMissiles = function(robot) { // Gotta wait for missiles to reload first if (frameCount - robot.lastFired < ROBOT_RELOAD) { return; } // Don't shoot if we haven't arrived at the destination var threshold = 5; if (abs(robot.x - robot.destX) > threshold \|\| abs(robot.y - robot.destY) > threshold) { return; } // Fire off a volley for (var i = 0; i < ROBOT_SALVO; i += 1) { var dx = -20 - 10 * random(); createMissile(robot.x, robot.y, dx, 0, Weapon.ROBOT, /* enemy / true); } robot.lastFired = frameCount; // Stay here, then move after a bit robot.moveAt = max(frameCount, frameCount + ROBOT_RELOAD - 20); }; ///////////////////////////////////////////////////////////// // Enemies /* Spawn a random enemy. / var createEnemy = function() { // Spawn an enemy somewhere on the right var speedFactor = 1.0 + min(8, ENEMY_SPEED_RATE frameCount); var x = canvas.width; var y = random() * (canvas.height - 200) + 100; var dx = speedFactor * (-ENEMY_BASE_SPEED - random() * 5); var dy = speedFactor * ENEMY_BASE_SPEED * (random() - 0.5); var enemy = createProjectile(x, y, dx, dy); // Spawn robots after some point if (frameCount >= ROBOTS_COME_AT && random() < ROBOT_PROBABILITY) { enemy.type = Enemy.ROBOT; enemy.image = enemyRobotImage; enemy.health = ROBOT_HEALTH; enemy.lastFired = frameCount; setRobotCourse(enemy); } else if (frameCount >= BUGS_COME_AT && random() < min(0.3, frameCount * 0.0001)) { // Spawn more bugs as the game goes on enemy.type = Enemy.BUG; enemy.image = enemyBugImage; enemy.dx = BUG_SPEED_FACTOR; enemy.dy = BUG_SPEED_FACTOR; enemy.health = BUG_HEALTH; enemy.homesAt = frameCount + BUG_HOMES_AT; } else { enemy.type = Enemy.ROCK; enemy.image = enemyRockImage; enemy.health = ROCK_HEALTH; } enemy.health = (1 + ENEMY_HEALTH_RATE frameCount); enemy.width = enemy.image.width; enemy.height = enemy.image.height; enemy.angle = 0; enemy.angleSpeed = random() - 0.5; enemies.push(enemy); return enemy; }; /** Turn a bug a few degrees towards the player. / var moveBug = function(bug) { var speed = sqrt(pow(bug.dx, 2) + pow(bug.dy, 2)); var targetAngle = atan2(player.y - bug.y, player.x - bug.x) + (5 (random() - 0.5)); var diff = angleDiff(targetAngle, bug.angle); diff = constrain(diff, -BUG_TURN_RATE, BUG_TURN_RATE); bug.angle += diff; bug.dx = speed * cos(bug.angle); bug.dy = speed * sin(bug.angle); }; var updateEnemies = function() { // Don't create enemies before we're zoomed in if (frameCount < START_FRAMES + ZOOM_IN_FRAMES) { return; } // Possibly create some new enemies var enemyChance = min(1, ENEMY_GROWTH_RATE * frameCount); enemyChance -= random(); while (enemyChance > 0) { createEnemy(); enemyChance -= random(); } for (var i = enemies.length - 1; i >= 0; i -= 1) { var enemy = enemies[i]; // Remove this enemy if it's dead if (enemy.health <= 0) { enemies.splice(i, 1); continue; } if (enemy.type === Enemy.ROCK) { enemy.angle += enemy.angleSpeed; } else if (enemy.type === Enemy.BUG) { enemy.angle = atan2(enemy.dy, enemy.dx); if (frameCount >= enemy.homesAt) { moveBug(enemy); } } else if (enemy.type === Enemy.ROBOT) { moveRobot(enemy); fireRobotMissiles(enemy); } } updateProjectiles(enemies); }; var drawEnemies = function() { for (var i = 0; i < enemies.length; i += 1) { var enemy = enemies[i]; pushMatrix(); translate(enemy.x, enemy.y); rotate(enemy.angle); if (enemy.type === Enemy.BUG) { scale(1, -1); } else if (enemy.type === Enemy.ROBOT) { scale(-1, 1); } translate(enemy.width * -0.5, enemy.height * -0.5); image(enemy.image, 0, 0); popMatrix(); } }; ///////////////////////////////////////////////////////////// // Pods - helpful orbiting ship pods var createPod = function() { var pod = createBody(0, 0); pod.image = podImage; pod.angle = 0; pod.startFrame = frameCount; pods.push(pod); return pod; }; var updatePods = function() { for (var i = 0; i < pods.length; i += 1) { // Move a few degrees in a circle around the player var pod = pods[i]; pod.angle = (pod.angle + 10) % 360; var x = 140 * cos(pod.angle); var y = 140 * sin(pod.angle); pod.x = player.x + player.width / 2 + x; pod.y = player.y + player.height / 2 + y; // Fire missile towards closest enemy if (frameCount % max(1, POD_DELAY) === 0) { var enemy = findClosest(pod.x, pod.y, enemies); if (enemy) { var angle = atan2(enemy.y - pod.y, enemy.x - pod.x); var dx = POD_MISSILE_SPEED * cos(angle); var dy = POD_MISSILE_SPEED * sin(angle); createMissile(pod.x, pod.y, dx, dy, Weapon.POD); } } } }; var drawPods = function() { for (var i = 0; i < pods.length; i += 1) { var pod = pods[i]; image(pod.image, pod.x, pod.y, pod.image.width * 0.5, pod.image.height * 0.5); } }; ///////////////////////////////////////////////////////////// // Nuke explosions var createNuke = function(x, y) { var nuke = createBody(x, y); nuke.deathFrame = frameCount + NUKE_FRAMES; nuke.radius = 0; nukes.push(nuke); // Also set off shrapnel for (var i = 0; i < NUKE_NUM_SHRAPNEL; i += 1) { var angle = random() * 360; var speed = 30 + random() * 20; var dx = speed * cos(angle); var dy = speed * sin(angle); createMissile(x, y, dx, dy, Weapon.SHRAPNEL); } return nuke; }; var updateNukes = function() { for (var i = 0; i < nukes.length; i += 1) { var nuke = nukes[i]; nuke.radius += NUKE_RADIUS / NUKE_FRAMES; } }; var drawNukes = function() { for (var i = 0; i < nukes.length; i += 1) { var nuke = nukes[i]; var progress = nuke.radius / NUKE_RADIUS; // Draw a shockwave strokeWeight(20); stroke(255, 255, 255, 20); fill(255, 255, 255, 20); var blastRadius = nuke.radius + 10; ellipse(nuke.x, nuke.y, blastRadius, blastRadius); // Draw the flames noStroke(); fill(220 - progress * 80, 200 - progress * 170, 30, 255 - 255 * progress); var flameRadius = nuke.radius * 0.5; ellipse(nuke.x, nuke.y, flameRadius, flameRadius); } }; ///////////////////////////////////////////////////////////// // Background stars // Idea for these stars is totally ripped off from Ben // Kamen's awesome Boids - khanacademy.org/cs/boids/940061217 var createStar = function() { var star = createProjectile(canvas.width + 20, random() * canvas.height, 0, 0); var radius = 2 + random() * 15; star.width = radius; star.height = radius; star.color = color(200 + random() * 50, 200 + random() * 50, 180 + random() * 50, random() * 200 ); return star; }; var updateStars = function() { var chance = 0.02 * sq(canvasScale); chance -= random(); while (chance > 0) { stars.push(createStar()); chance -= random(); } var speed = floor(SCROLL_SPEED + 0.001 * frameCount); for (var i = 0; i < stars.length; i += 1) { var star = stars[i]; star.dx = -speed * canvasScale * ( 0.3 + 0.01 * sq(star.width)); } updateProjectiles(stars); }; var drawStars = function() { noStroke(); for (var i = 0; i < stars.length; i += 1) { var star = stars[i]; fill(star.color); ellipse(star.x, star.y, star.width, star.height); } }; ///////////////////////////////////////////////////////////// // Power ups /** Create a power up at the given coordinates. / var createPowerUp = function(x, y) { var powerUp = createProjectile(x, y, 0, 0); powerUp.deathFrame = frameCount + POWER_UP_LIFETIME; powerUp.scale = 1; // Select and customize the bonus var randVal = random(); // Give only weapon power-ups if we have a crappy one, // but not too soon so player can feel the pain first if (randVal < 0.01 \|\| ( player.weapon === Weapon.BLASTER && frameCount >= WEAPON_BONUS_AT)) { if (random() < 0.5) { powerUp.type = PowerUp.MG; powerUp.image = mgBonusImage; } else { powerUp.type = PowerUp.SHOTGUN; powerUp.image = shotgunBonusImage; } // Less chance of another pod if we have lots of pods } else if (randVal < 0.01 + 0.4 / pow(pods.length + 2, 2)) { powerUp.type = PowerUp.POD; powerUp.image = podBonusImage; // Only drop health bonuses if we're not at full health } else if (randVal < 0.06 && player.health < MAX_HEALTH) { powerUp.type = PowerUp.HEALTH; powerUp.image = healthBonusImage; } else { var choice = floor(random() 15); if (choice < 5) { powerUp.type = PowerUp.SHIELD; powerUp.image = shieldBonusImage; } else if (choice < 10) { powerUp.type = PowerUp.FIRE; powerUp.image = fireBonusImage; } else if (choice < 15) { powerUp.type = PowerUp.NUKE; powerUp.image = nukeBonusImage; } } powerUps.push(powerUp); return powerUp; }; var updatePowerUps = function() { for (var i = 0; i < powerUps.length; ++i) { var powerUp = powerUps[i]; powerUp.dx += random() - 0.57; powerUp.dy += random() - 0.5; if (powerUp.taken) { powerUp.scale = max(0, 1 - (frameCount - powerUp.taken) / 16); } } updateProjectiles(powerUps); }; var drawPowerUps = function() { for (var i = 0; i < powerUps.length; ++i) { var powerUp = powerUps[i]; // Flash the power-up if it's about to die if (powerUp.deathFrame - frameCount <= 20 && (frameCount / 2) % 2 === 0 && state === State.PLAYING) { continue; } var scaledWidth = powerUp.image.width * powerUp.scale; var scaledHeight = powerUp.image.height * powerUp.scale; // Draw an aura to attract attention var pulse = 25 * sin((frameCount % 50) / 50 * 180); noStroke(); fill(255, 255, 180, 40 - pulse); var centerX = powerUp.x + powerUp.image.width / 2; var centerY = powerUp.y + powerUp.image.height / 2; ellipse(centerX, centerY, scaledWidth + pulse, scaledHeight + pulse); var x = powerUp.x + (powerUp.image.width - scaledWidth) / 2; var y = powerUp.y + (powerUp.image.height - scaledHeight) / 2; image(powerUp.image, x, y, scaledWidth, scaledHeight); } }; ///////////////////////////////////////////////////////////// // Game states var gameOver = function() { state = State.LOST; finalFrame = frameCount; // Randomly choose some messages to show var verbs = [ "You cleaned up", "You obliterated", "You vanquished", "You took care of", "You annihilated", "You blew up" ]; var nouns = [ "space hazards!", "space bogeys!", "problems!", "near-Earth objects!" ]; var tips = [ "Don't engage robots until you're\n" + "armed with fire bullets.", "You can hold down the mouse button\n" + "or any keyboard key to fire continuously.", "It's possible to win!", "Click outside the game window to pause.", "As enemies get faster and more furious,\n" + "always be armed with fire bullets and a shield", "Get fire bullets (red leaf bonus) to make\n" + "the nuke (yellow leaf bonus) better." ]; gameOverMessages = { verb: verbs[floor(random() * verbs.length)], noun: nouns[floor(random() * nouns.length)], tip: tips[floor(random() * tips.length)] }; }; var nukeAllEnemies = function() { for (var i = enemies.length - 1; i >= 0; i -= 1) { var enemy = enemies[i]; createNuke(enemy.x, enemy.y); score += 1; enemies.pop(); } }; var pause = function() { state = State.PAUSED; pausedFrame = frameCount; }; var unpause = function() { state = State.PLAYING; frameCount = pausedFrame; }; var transitionStates = function() { if (focused) { hasHadFocus = true; } var winFrame = 9001; // shh, it's a secret if (state === State.PLAYING && !focused && hasHadFocus) { pause(); } else if (state === State.PAUSED && focused) { unpause(); } else if (state === State.START && frameCount > START_FRAMES) { state = State.PLAYING; } else if (state === State.PLAYING && frameCount >= winFrame) { nukeAllEnemies(); if (frameCount >= winFrame + 100) { state = State.WON; finalFrame = frameCount; } } if (state === State.PAUSED) { frameCount = pausedFrame; } }; ///////////////////////////////////////////////////////////// // Collisions /** Do damage to an enemy, possibly destroying it. / var attackEnemy = function(enemy, damage, noBonus) { enemy.health -= damage; if (enemy.health > 0) { return; } // Handle just defeated enemy var radius = 20; if (enemy.type === Enemy.ROBOT) { radius = 100; } setExplosion(enemy.x, enemy.y, radius); score += 1; // Possibly drop a power up, but increase chance if // player has a crappy weapon var chance = POWER_UP_CHANCE; if (player.weapon === Weapon.BLASTER) { chance += 0.1; } if (noBonus !== true && frameCount >= BONUSES_DROP_AT && (enemy.type === Enemy.ROBOT \|\| random() <= chance)) { createPowerUp(enemy.x, enemy.y); } }; /* Potentially damage the player. / var attackPlayer = function() { if (!hasShield() && frameCount - player.lastCollided > SAFE_AFTER_HIT_FRAMES) { player.health -= 1; player.lastCollided = frameCount; if (player.health <= 0) { gameOver(); } } }; /* Collide player's missiles against enemies. / var collideFriendlyMissiles = function() { for (var i = missiles.length - 1; i >= 0; i -= 1) { var missile = missiles[i]; if (missile.enemy) { // Ignore enemy missiles continue; } for (var j = enemies.length - 1; j >= 0; j -= 1) { var enemy = enemies[j]; if (inBox(missile.x, missile.y, enemy) && enemy.health > 0) { // Both missile and enemy wear out each other var enemyHealth = enemy.health; attackEnemy(enemy, missile.damage); missile.damage -= enemyHealth; // Remove this missile if it's all used up if (missile.damage <= 0) { setExplosion(missile.x, missile.y, 10); missiles.splice(i, 1); break; } } } } }; /* Collide enemies and enemy missiles against the player. / var collidePlayer = function(bodies) { for (var i = enemies.length - 1; i >= 0; i -= 1) { var enemy = enemies[i]; if (inBox(enemy.x, enemy.y, player)) { attackPlayer(); attackEnemy(enemy, 500, / noBonus / true); } } for (var j = missiles.length - 1; j >= 0; j -= 1) { var missile = missiles[j]; if (missile.enemy && inBox(missile.x, missile.y, player)) { attackPlayer(); missiles.splice(j, 1); } } }; /* Collide bonuses (receive them and take effect). / var collidePowerUps = function() { for (var i = powerUps.length - 1; i >= 0; i -= 1) { var powerUp = powerUps[i]; if (inBox(powerUp.x, powerUp.y, player) && !powerUp.taken) { if (powerUp.type === PowerUp.HEALTH) { player.health += 1; } else if (powerUp.type === PowerUp.SHIELD) { player.gotShieldAt = frameCount; } else if (powerUp.type === PowerUp.FIRE) { player.gotFireAt = frameCount; } else if (powerUp.type === PowerUp.POD) { createPod(); } else if (powerUp.type === PowerUp.NUKE) { createNuke(powerUp.x, powerUp.y); } else { changeWeapon(powerUp.type); } powerUp.taken = frameCount; } if (frameCount - powerUp.taken > 15) { powerUps.splice(i, 1); } } }; /* Damage enemies in the nuke's radius. / var collideNukes = function() { for (var i = nukes.length - 1; i >= 0; i -= 1) { var nuke = nukes[i]; for (var j = 0; j < enemies.length; j += 1) { var enemy = enemies[j]; if (getDistance(nuke.x, nuke.y, enemy.x, enemy.y) <= nuke.radius) { attackEnemy(enemy, NUKE_DAMAGE); } } if (frameCount >= nuke.deathFrame) { nukes.splice(i, 1); } } }; ///////////////////////////////////////////////////////////// // Meta -- game information // All drawing functions here assume (0.5, 0.5) scaling var drawScore = function() { noStroke(); fill(0, 0, 0, 50); rect(0, 0, canvas.width 2, 60); fill(239, 247, 232); textSize(36); text("Score: " + score, 20, 40); }; var drawHealth = function() { var x = 4 * (canvas.width - 30) / canvasScale; for (var i = 0; i < min(player.health, 40); i += 1) { pushMatrix(); scale(0.48, 0.48); image(healthImage, x, -30); popMatrix(); x -= 110; } }; var updateBackground = function() { var speed = floor(SCROLL_SPEED + 0.001 * frameCount); backgroundOffset = (backgroundOffset + speed) % 800; }; var drawBackground = function() { image(backgroundImage, -backgroundOffset + 799, 0); image(backgroundImage, -backgroundOffset, 0); fill(200 * sin(frameCount * 0.07) + 20, 200 * sin(frameCount * 0.09) + 20, 200 * sin(frameCount * 0.05) + 20, 50 + sin(frameCount * 0.2) * 40 ); rect(0, 0, canvas.width, canvas.height); }; var drawGameStart = function() { var progress = (START_FRAMES - frameCount) / START_FRAMES; var opacity = max(0, 255 * progress); fill(255, 255, 255, opacity); noStroke(); rect(0, 0, canvas.width * 2, canvas.height * 2); fill(0, 0, 0); var font = createFont("fantasy", 20); textFont(font, 40); textSize(40); text("Just click to fire.", 250, 300); textSize(200); var count = floor(progress * 3) + 1; text(count, 340, 500); }; var drawPaused = function() { fill(255, 255, 255, 150); noStroke(); rect(0, 0, canvas.width * 2, canvas.height * 2); fill(0, 0, 0); var font = createFont("fantasy", 20); textFont(font, 40); textSize(100); text("Paused.", 219, 258); textSize(40); text("Click to unpause.", 244, 339); }; var drawRestart = function(r, g, b, alpha) { // Gratuitous restart button hint pushMatrix(); textSize(35); translate(625, 747); rotate(-19); fill(r, g, b, alpha); text("Play again!", 0, 0); noFill(); stroke(r, g, b, alpha); strokeWeight(3); arc(66, 38, 55, 89, -13, 36); fill(r, g, b, alpha); triangle(98, 71, 79, 64, 81, 83); popMatrix(); }; var drawGameOver = function() { var opacity = min(200, frameCount - finalFrame); fill(0, 0, 0, opacity); noStroke(); rect(0, 0, canvas.width * 2, canvas.height * 2); fill(255, 255, 255, opacity); var font = createFont("fantasy", 20); textFont(font, 50); text("Game over, man, game over!", 100, 100); textSize(40); text(gameOverMessages.verb, 100, 200); text(gameOverMessages.noun, 100, 520); // Show a tip fill(255, 255, 120, opacity * 0.6); textSize(32); text("Tip:", 30, 600); fill(255, 255, 120, opacity); text(gameOverMessages.tip, 100, 600); textSize(200); // Have score count up to final score fill(255, 255, 255, opacity); text(min((frameCount - finalFrame) * 7, score), 100, 415); drawRestart(100, 255, 100, opacity); }; var drawWin = function() { var opacity = min(200, frameCount - finalFrame); fill(255, 255, 255, opacity); noStroke(); rect(0, 0, canvas.width * 2, canvas.height * 2); fill(0, 0, 0, opacity); var font = createFont("fantasy", 20); textFont(font, 50); text("OMG, you won!!!11one0.999...", 80, 100); textSize(40); text("For neutralizing", 100, 200); text("space junk, you win the answer: 42", 80, 520); textSize(200); // Have score count up to final score text(min((frameCount - finalFrame) * 23, score), 100, 415); drawRestart(10, 60, 10, opacity); }; var drawDebug = function() { fill(255, 255, 255); textSize(36); text("Frame " + frameCount + " Mouse (" + mouseX + ", " + mouseY + ")", 200, 40); }; /** Draw game screens and general game info. / var drawMeta = function() { resetMatrix(); scale(0.5, 0.5); if (state === State.PLAYING \|\| state === State.PAUSED) { drawHealth(); drawScore(); } if (state === State.START) { drawGameStart(); } else if (state === State.PAUSED) { drawPaused(); } else if (state === State.LOST) { drawGameOver(); } else if (state === State.WON) { drawWin(); } if (state === State.PLAYING) { noCursor(); } else { cursor(); } if (DEBUG) { drawDebug(); } }; /* Set how zoomed out the screen is. / var setScale = function(scaling) { canvasScale = scaling; canvas.height = height scaling; canvas.width = width * scaling; boundsCanvas.width = canvas.width + 400; boundsCanvas.height = canvas.height + 400; }; var updateScale = function() { // Initially start from a large scale and zoom in if (frameCount < START_FRAMES + ZOOM_IN_FRAMES) { var progress = (frameCount - START_FRAMES) / ZOOM_IN_FRAMES; setScale(STARTING_SCALE + 2 * (1 - progress)); } else { var frames = frameCount - START_FRAMES - ZOOM_IN_FRAMES; var newScale = min(4, STARTING_SCALE + SCALE_INCREASE * frames); setScale(newScale); } }; ///////////////////////////////////////////////////////////// // Main game loop setScale(STARTING_SCALE + 2); var draw = function() { transitionStates(); // Update game logic objects if (state === State.PLAYING) { updateScale(); movePlayer(); firePlayerMissiles(); updateEnemies(); updatePods(); updateNukes(); updateMissiles(); updatePowerUps(); updateBackground(); updateStars(); collidePlayer(); collidePowerUps(); collideFriendlyMissiles(); collideNukes(); } else if (state === State.START) { updateStars(); updateStars(); } // Reset transformation matrix for constant scaling (so // we don't scale scales from the previous iterations) resetMatrix(); drawBackground(); scale(1 / canvasScale, 1 / canvasScale); // Draw game graphical elements. drawStars(); drawPowerUps(); drawEnemies(); drawMissiles(); drawPods(); drawPlayerImpact(); drawPlayer(); drawNukes(); drawExplosions(); drawMeta(); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBisocW_Aww
Votes	1793
Spin-Offs	7466
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	David Hu
Author Name	david
Author ID	kaid_457918788989515649587711
Author Profile Access	PUBLIC

Archive Data

Added	8 months ago, 1714516834980
Updated	8 months ago, 1714516834980
Source Deleted	unknown