Viewing Program

Program Data

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

Title	Advanced Wars 1.0
ID	6231566834597888
Created	10 years ago, 1437999938800
Updated	10 years ago, 1448459834494
Code	/** * Advanced Wars * Click units to move and attack * Right click to deselect * Right click owned factories to build units / / * angleMode="radians"; // Constants var MODES = { DEBUG:-1, MENU:0, WORLD:1, FACTORY:2, TEAM_SELECT:3, MAP_SELECT:4, PLACE_TROOPS:5, DOCK:6, CONFIGURE:7 }; var COLORS = { GRASS_GREEN:color(16, 130, 10), OCEAN_BLUE:color(44, 29, 156), SAND_YELLOW:color(177, 179, 111), TILE_EDGE:color(0, 0, 0), BACKGROUND:color(163, 163, 163), ICE_WHITE:color(231, 238, 240), HP_GREEN:color(0, 255, 0), HP_RED:color(255, 0, 0), CASH_GREEN:color(43, 156, 25) }; var COLOR_SCHEMES = [[color(112, 38, 38), color(161, 26, 26), color(0, 0, 0)], [color(42, 38, 110), color(27, 34, 161), color(0, 0, 0)], [color(108, 110, 38), color(157, 161, 27), color(0, 0, 0)], [color(110, 84, 38), color(161, 107, 27), color(0, 0, 0)], [color(110, 38, 108), color(161, 27, 161), color(0, 0, 0)], [color(52, 110, 38), color(61, 41, 11), color(0, 0, 0)], [color(153, 153, 153), color(222, 222, 222), color(255, 255, 255)], [color(26, 26, 26), color(61, 61, 61), color(110, 110, 110)], ]; var TERRAIN = { GRASS:0, MOUNTAIN:1, FOREST:2, OCEAN:3, DESERT:4, ICE:5 }; var UNIT_SCALE = 0.8; var DEFAULT_GRID_SIZE = 20; var GRID_SIZE = DEFAULT_GRID_SIZE; var DELTA = 2GRID_SIZEcos(Math.PI/6); var TOP_L = 2GRID_SIZEsin(Math.PI/6); var NUM_PLAYERS = 2; var MAX_PLAYERS = 5; var MONEY_PER_TURN = 100; var CITY_BONUS = 300; var SOLDIER_COST = 150; var TANK_COST = 500; var MISSILE_COST = 800; var GUNBOAT_COST = 450; var BOAT_COST = 600; var SHOT_FLIGHT_TIME = 15; var BOOM_SOUND = getSound("retro/boom1"); var BULLET_SOUND = getSound("retro/hit2"); var CITY_HP = 15; var DOCK_HP = 15; var FACTORY_HP = 15; var TEXT_PARTICLE_SPEED = -3; var DAMAGE_STD_DEV = 1; var EURO = "€"; var TEAM_COL_POS = width - 100; var PLAYER_COL_POS = 70; var INITIAL_TROOPS = 3; var troopsLeft = INITIAL_TROOPS; // Globals var mode = MODES.MENU; var Tank, Soldier, Explosion; var shells = []; var players = []; var menus = []; var explosions = []; var units = []; var factories = []; var cities = []; var docks = []; var particles = []; var gridCells = []; var unitTypes = []; var selected = null; var heldUnit = null; var playerTurn = 0; var toCanvasX, toCanvasY, arrowLine, addTeamButtons; var generator = new Random(1); var alphabet = "abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890,"; println("Play the full version! http://jswebdev.atspace.cc/Games/games.htm"); var Level = function(map, troops, factories, cities, docks, name, numPlayers) { this.map = map; this.troops = troops; this.factories = factories; this.cities = cities; this.docks = docks; this.name = name; this.numPlayers = numPlayers; }; var Player = function(funds, team, name) { this.funds = funds; this.team = team; this.name = name; this.units = [ ]; }; // Factory var Factory = function(x, y) { this.x = x; this.y = y; this.alive = true; this.owner = -1; this.hp = FACTORY_HP; this.explode = function() { playSound(BOOM_SOUND); for (var i = 0; i < 3; i++) { explosions.push(new Explosion(this.x + random(-10, 10), this.y + random(-10, 10), random(20, 40))); } }; this.isInside = function(x, y) { return dist(this.x, this.y, x, y) < 20; }; this.takeDamage = function(d) { this.hp -= d; if (this.hp <= 0) { this.alive = false; this.explode(); } }; this.draw = function() { pushMatrix(); translate(this.x, this.y); if (this.owner === -1) { fill(0, 0, 0); } else { fill(COLOR_SCHEMES[players[this.owner].team][0]); } noStroke(); rectMode(CENTER); rect(-10, -5, 4, 20); rect(10, -5, 4, 20); rect(0, 6, 30, 6); rect(0, -1, 12, 8); rect(-10, -2, 10, 10); rect(10, -2, 10, 10); rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/FACTORY_HP)); rect(-15, 12, 30this.hp/FACTORY_HP, 2); popMatrix(); }; }; // City var City = function(x, y) { this.x = x; this.y = y; this.alive = true; this.owner = -1; this.hp = CITY_HP; this.explode = function() { playSound(BOOM_SOUND); for (var i = 0; i < 3; i++) { explosions.push(new Explosion(this.x + random(-10, 10), this.y + random(-10, 10), random(20, 40))); } }; this.isInside = function(x, y) { return dist(this.x, this.y, x, y) < 20; }; this.takeDamage = function(d) { this.hp -= d; if (this.hp <= 0) { this.alive = false; this.explode(); } }; this.draw = function() { pushMatrix(); translate(this.x, this.y); if (this.owner === -1) { fill(0, 0, 0); } else { fill(COLOR_SCHEMES[players[this.owner].team][0]); } noStroke(); rectMode(CENTER); rect(0, 6, 26, 6); rect(0, -5, 4, 20); rect(4, -1, 14, 8); rect(-9, -5, 8, 15); rect(10, -2, 5, 16); rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/CITY_HP)); rect(-15, 12, 30this.hp/CITY_HP, 2); popMatrix(); }; }; // Dock var Dock = function(x, y) { this.x = x; this.y = y; this.alive = true; this.owner = -1; this.hp = DOCK_HP; this.explode = function() { playSound(BOOM_SOUND); for (var i = 0; i < 3; i++) { explosions.push(new Explosion(this.x + random(-10, 10), this.y + random(-10, 10), random(20, 40))); } }; this.isInside = function(x, y) { return dist(this.x, this.y, x, y) < 20; }; this.takeDamage = function(d) { this.hp -= d; if (this.hp <= 0) { this.alive = false; this.explode(); } }; this.draw = function() { pushMatrix(); translate(this.x, this.y); if (this.owner === -1) { fill(0, 0, 0); } else { fill(COLOR_SCHEMES[players[this.owner].team][0]); } noStroke(); rectMode(CENTER); rect(0, 6, 26, 6); rect(0, 15, 10, 20); rect(-9, 0, 5, 10); rect(9, 0, 5, 10); rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/DOCK_HP)); rect(-15, 12, 30this.hp/DOCK_HP, 2); popMatrix(); }; }; // Particles var TextParticle = function(s, x, y, color, life) { this.s = s; this.x = x; this.y = y; this.color = color; this.alive = true; this.steps = 0; this.life = life; this.draw = function() { if (!this.alive) { return; } pushMatrix(); translate(this.x, this.y); fill(this.color); textAlign(CENTER, CENTER); textSize(24); text(this.s, 0, 0); popMatrix(); this.y += TEXT_PARTICLE_SPEED; this.steps++; if (this.steps >= this.life) { this.alive = false; } }; }; // Explosions var Explosion = function(x, y, radius) { this.x = x; this.y = y; this.radius = radius; this.alive = true; this.r = 0; this.draw = function() { pushMatrix(); translate(this.x, this.y); fill(255-random(0, 25), 242-random(0, 25), random(0, 50), 200); noStroke(); ellipse(0, 0, this.r, this.r); popMatrix(); this.r++; if (this.r >= this.radius) { this.alive = false; } }; }; // PROJECTILES var Shell = function(x, y, theta, speed) { this.x = x; this.y = y; this.theta = theta; this.speed = speed; this.explosionRadius = 25; this.shrapnelCount = 0; this.shrapnelRadius = 0; this.baseDamage = 4; this.damage = round(DAMAGE_STD_DEVgenerator.nextGaussian()+this.baseDamage); this.alive = true; this.steps = 0; playSound(BULLET_SOUND); this.explode = function() { playSound(BOOM_SOUND); this.alive = false; explosions.push(new Explosion(this.x, this.y, this.explosionRadius)); }; this.draw = function(x, y) { if (!this.alive) { return; } pushMatrix(); translate(this.x, this.y); rotate(this.theta); fill(69, 69, 69); rectMode(CENTER); noStroke(); rect(-6, 0, 6, 6); triangle(-3, 3, -3, -3, 0, 0); popMatrix(); this.x += this.speed * cos(this.theta); this.y += this.speed * sin(this.theta); for (var i = 0; i < units.length; i++) { if (players[units[i].owner].team !== players[playerTurn].team) { if (units[i].isInside(this.x, this.y)) { this.explode(); units[i].takeDamage(this.damage); } } } for (var i = 0; i < cities.length; i++) { if (cities[i].owner === -1 \|\| players[cities[i].owner].team !== players[playerTurn].team) { if (cities[i].isInside(this.x, this.y)) { this.explode(); cities[i].takeDamage(this.damage); } } } for (var i = 0; i < factories.length; i++) { if (factories[i].owner === -1 \|\| players[factories[i].owner].team !== players[playerTurn].team) { if (factories[i].isInside(this.x, this.y)) { this.explode(); factories[i].takeDamage(this.damage); } } } for (var i = 0; i < docks.length; i++) { if (docks[i].owner === -1 \|\| players[docks[i].owner].team !== players[playerTurn].team) { if (docks[i].isInside(this.x, this.y)) { this.explode(); docks[i].takeDamage(this.damage); } } } if (this.x > width \|\| this.x < 0 \|\| this.y > height \|\| this.y < 0) { this.explode(); } this.steps++; if (this.steps > SHOT_FLIGHT_TIME-1) { this.explode(); } }; }; Shell.range = 3; var Rocket = function(x, y, theta, speed) { Shell.call(this, x, y, theta, speed); this.baseDamage = 5; this.explode = function() { playSound(BOOM_SOUND); for (var i = 0; i < 6; i++) { explosions.push(new Explosion(this.x + random(-5, 5), this.y + random(-5, 5), random(10, 20))); } this.alive = false; }; }; Rocket.range = 5; var Bullet = function(x, y, theta, speed) { this.x = x; this.y = y; this.theta = theta; this.speed = speed; this.baseDamage = 2; this.damage = max(0, round(DAMAGE_STD_DEVgenerator.nextGaussian()+this.baseDamage)); this.alive = true; this.steps = 0; playSound(BULLET_SOUND); this.draw = function(x, y) { if (!this.alive) { return; } pushMatrix(); translate(this.x, this.y); rotate(this.theta); fill(69, 69, 69); rectMode(CENTER); noStroke(); rect(-6, 0, 6, 6); triangle(-3, 3, -3, -3, 0, 0); popMatrix(); this.x += this.speed cos(this.theta); this.y += this.speed * sin(this.theta); for (var i = 0; i < units.length; i++) { if (players[units[i].owner].team !== players[playerTurn].team) { if (units[i].isInside(this.x, this.y)) { this.alive = false; units[i].takeDamage(this.damage); } } } for (var i = 0; i < cities.length; i++) { if (cities[i].owner === -1 \|\| players[cities[i].owner].team !== players[playerTurn].team) { if (cities[i].isInside(this.x, this.y)) { this.alive = false; cities[i].takeDamage(this.damage); } } } for (var i = 0; i < factories.length; i++) { if (factories[i].owner === -1 \|\| players[factories[i].owner].team !== players[playerTurn].team) { if (factories[i].isInside(this.x, this.y)) { this.alive = false; factories[i].takeDamage(this.damage); } } } for (var i = 0; i < docks.length; i++) { if (docks[i].owner === -1 \|\| players[docks[i].owner].team !== players[playerTurn].team) { if (docks[i].isInside(this.x, this.y)) { this.alive = false; docks[i].takeDamage(this.damage); } } } if (this.x > width \|\| this.x < 0 \|\| this.y > height \|\| this.y < 0) { this.alive = false; } this.steps++; if (this.steps > SHOT_FLIGHT_TIME-1) { this.alive = false; } }; }; Bullet.range = 5; var SmoothBoreBarrel = function() { }; SmoothBoreBarrel.power = 4; SmoothBoreBarrel.accuracy = 0.15; SmoothBoreBarrel.barrelLength = 12; SmoothBoreBarrel.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); rect(SmoothBoreBarrel.barrelLength/2s, 0, SmoothBoreBarrel.barrelLengths, 5s); ellipse(0, 0, 12s, 12s); popMatrix(); }; var LongSmoothBoreBarrel = function() { }; LongSmoothBoreBarrel.accuracy = 0.08; LongSmoothBoreBarrel.power = 6; LongSmoothBoreBarrel.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); rect(0, -8s, 5s, 20s); ellipse(0, 0, 12s, 12s); popMatrix(); }; var TriSmoothBoreBarrel = function() { this.accuracy = 0.45; this.power = 0.5; }; TriSmoothBoreBarrel.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); for (var i = -Math.PI/5; i <= Math.PI/5; i += Math.PI/5) { pushMatrix(); rotate(i); rect(0, -5s, 5s, 15s); popMatrix(); } ellipse(0, 0, 12s, 12s); popMatrix(); }; var BasicRifle = function() { }; BasicRifle.power = 4; BasicRifle.accuracy = 0.2; BasicRifle.barrelLength = 12; BasicRifle.shots = 1; BasicRifle.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); fill(0, 0, 0); noStroke(); rect(SmoothBoreBarrel.barrelLength/2s, 2, SmoothBoreBarrel.barrelLengths, 5s); popMatrix(); }; var DoubleRifle = function() { }; DoubleRifle.power = 4; DoubleRifle.accuracy = 0.2; DoubleRifle.barrelLength = 12; DoubleRifle.shots = 1; DoubleRifle.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); fill(0, 0, 0); noStroke(); rect(DoubleRifle.barrelLength/2s, 3, DoubleRifle.barrelLengths, 3s); rect(DoubleRifle.barrelLength/2s, -3, DoubleRifle.barrelLengths, 3s); popMatrix(); }; var RepeaterRifle = function() { }; RepeaterRifle.power = 4; RepeaterRifle.accuracy = 0.2; RepeaterRifle.barrelLength = 12; RepeaterRifle.shots = 3; RepeaterRifle.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); fill(0, 0, 0); noStroke(); rect(SmoothBoreBarrel.barrelLength/2s, 2, SmoothBoreBarrel.barrelLengths, 5s); popMatrix(); }; var MissileLauncher = function() { }; MissileLauncher.power = 10; MissileLauncher.accuracy = 0.15; MissileLauncher.barrelLength = 0; MissileLauncher.draw = function(x, y, theta, s) { pushMatrix(); translate(x, y); rotate(theta); ellipse(0, 0, 15s, 15this.s); rect(0, 0, 20s, 5s); popMatrix(); }; // Tank var Tank = function(x, y, owner) { this.x = x; this.y = y; this.owner = owner; this.scale = UNIT_SCALE; this.colorScheme = COLOR_SCHEMES[players[this.owner].team]; this.allowedTiles = [TERRAIN.GRASS, TERRAIN.DESERT, TERRAIN.ICE]; this.theta = 0; this.aimTheta = 0; this.maxHp = 10; this.maxMoves = 1; this.moves = this.maxMoves; this.hp = this.maxHp; this.barrelType = SmoothBoreBarrel; this.projectileType = Shell; this.alive = true; this.canMove = true; this.canAttack = true; this.selected = false; this.draw = function() { pushMatrix(); translate(this.x, this.y); var angleSnapped = floor((atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var angleSmooth = atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x)); var d = dist(mouseX, mouseY, toCanvasX(this.x), toCanvasY(this.y)); if (this.selected && this.canMove) { if (d > GRID_SIZE) { fill(255, 255, 255); stroke(255, 255, 255); arrowLine(0, 0, 2GRID_SIZEcos(angleSnapped), 2GRID_SIZEsin(angleSnapped)); } else { fill(255, 242, 0, 200); noStroke(); ellipse(0, 0, 30, 30); } } rotate(this.theta); // HP rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/this.maxHp)); rect(-15, 12, 30this.hp/this.maxHp, 2); rectMode(CENTER); // Body fill(this.colorScheme[0]); stroke(this.colorScheme[2]); rect(0, 0, 30this.scale, 20this.scale); // Barrel fill(this.colorScheme[1]); this.barrelType.draw(0, 0, this.aimTheta-this.theta, this.scale); if (this.selected && this.canAttack && !this.canMove) { this.aimTheta = angleSmooth; stroke(255, 0, 0); noFill(); ellipse(0, 0, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2); } if ((!this.canMove && !this.canAttack) \|\| (players[playerTurn].team === players[this.owner].team && playerTurn !== this.owner)) { fill(0, 0, 0, 150); stroke(0, 0, 0, 150); rect(0, 0, 30this.scale, 20this.scale); } popMatrix(); }; this.getRange = function() { return this.barrelType.power/2+this.projectileType.range; }; this.fire = function() { shells.push(new this.projectileType(this.x+cos(this.aimTheta)this.barrelType.barrelLength2, this.y+sin(this.aimTheta)this.barrelType.barrelLength2, this.aimTheta + random(-this.barrelType.accuracy, this.barrelType.accuracy), this.getRange())); }; this.select = function() { this.selected = !this.selected; }; this.isInside = function(x, y) { return dist(this.x, this.y, x, y) < 20; }; this.takeDamage = function(d) { this.hp -= d; particles.push(new TextParticle("-"+d, toCanvasX(this.x), toCanvasY(this.y)+random(-16, 16), COLORS.HP_RED, 45)); if (this.hp <= 0) { this.alive = false; } }; }; unitTypes.push(Tank); // Soldier var Soldier = function(x, y, owner) { Tank.call(this, x, y, owner); this.barrelType = BasicRifle; this.projectileType = Bullet; this.maxHp = 5; this.hp = this.maxHp; this.maxMoves = 2; this.moves = this.maxMoves; this.draw = function() { pushMatrix(); translate(this.x, this.y); var angleSnapped = floor((atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var angleSmooth = atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x)); var d = dist(mouseX, mouseY, toCanvasX(this.x), toCanvasY(this.y)); if (this.selected && this.canMove) { if (d > GRID_SIZE) { fill(255, 255, 255); stroke(255, 255, 255); arrowLine(0, 0, 2GRID_SIZEcos(angleSnapped), 2GRID_SIZEsin(angleSnapped)); } else { fill(255, 242, 0, 200); noStroke(); ellipse(0, 0, 30, 30); } } rotate(this.theta); // HP rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/this.maxHp)); rect(-15, 12, 30this.hp/this.maxHp, 2); rectMode(CENTER); // Barrel fill(this.colorScheme[1]); this.barrelType.draw(0, 0, this.aimTheta-this.theta, this.scale); // Body fill(this.colorScheme[0]); stroke(this.colorScheme[1]); ellipse(0, 0, 10this.scale, 10this.scale); if (this.selected && this.canAttack && !this.canMove) { this.aimTheta = angleSmooth; stroke(255, 0, 0); noFill(); ellipse(0, 0, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2); } if ((!this.canMove && !this.canAttack) \|\| (players[playerTurn].team === players[this.owner].team && playerTurn !== this.owner)) { fill(0, 0, 0, 150); stroke(0, 0, 0, 150); ellipse(0, 0, 10this.scale, 10this.scale); } popMatrix(); }; }; Soldier.prototype = Object.create(Tank.prototype); unitTypes.push(Soldier); // Mobile Missile var Missile = function(x, y, owner) { Tank.call(this, x, y, owner); this.barrelType = MissileLauncher; this.projectileType = Rocket; this.maxHp = 5; this.hp = this.maxHp; this.maxMoves = 1; this.moves = this.maxMoves; this.draw = function() { pushMatrix(); translate(this.x, this.y); var angleSnapped = floor((atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var angleSmooth = atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x)); var d = dist(mouseX, mouseY, toCanvasX(this.x), toCanvasY(this.y)); if (this.selected && this.canMove) { if (d > GRID_SIZE) { fill(255, 255, 255); stroke(255, 255, 255); arrowLine(0, 0, 2GRID_SIZEcos(angleSnapped), 2GRID_SIZEsin(angleSnapped)); } else { fill(255, 242, 0, 200); noStroke(); ellipse(0, 0, 30, 30); } } rotate(this.theta); // HP rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/this.maxHp)); rect(-15, 12, 30this.hp/this.maxHp, 2); rectMode(CENTER); // Body fill(this.colorScheme[0]); stroke(this.colorScheme[2]); rect(0, 0, 30this.scale, 20this.scale); // Launcher fill(this.colorScheme[1]); this.barrelType.draw(0, 0, this.aimTheta-this.theta, this.scale); if (this.selected && this.canAttack && !this.canMove) { this.aimTheta = angleSmooth; stroke(255, 0, 0); noFill(); ellipse(0, 0, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2); } if ((!this.canMove && !this.canAttack) \|\| (players[playerTurn].team === players[this.owner].team && playerTurn !== this.owner)) { fill(0, 0, 0, 150); stroke(0, 0, 0, 150); rect(0, 0, 30this.scale, 20this.scale); } popMatrix(); }; }; Missile.prototype = Object.create(Tank.prototype); unitTypes.push(Missile); // Boat var Boat = function(x, y, owner) { Tank.call(this, x, y, owner); this.maxHp = 10; this.hp = this.maxHp; this.maxMoves = 2; this.moves = this.maxMoves; this.allowedTiles = [TERRAIN.OCEAN]; this.draw = function() { pushMatrix(); translate(this.x, this.y); var angleSnapped = floor((atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var angleSmooth = atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x)); var d = dist(mouseX, mouseY, toCanvasX(this.x), toCanvasY(this.y)); if (this.selected && this.canMove) { if (d > GRID_SIZE) { fill(255, 255, 255); stroke(255, 255, 255); arrowLine(0, 0, 2GRID_SIZEcos(angleSnapped), 2GRID_SIZEsin(angleSnapped)); } else { fill(255, 242, 0, 200); noStroke(); ellipse(0, 0, 30, 30); } } rotate(this.theta); // HP rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/this.maxHp)); rect(-15, 12, 30this.hp/this.maxHp, 2); rectMode(CENTER); // Body fill(this.colorScheme[0]); stroke(this.colorScheme[2]); triangle(10this.scale, 10this.scale, 10this.scale, -10this.scale, 20this.scale, 0); triangle(-10this.scale, 10this.scale, -10this.scale, -10this.scale, -20this.scale, 0); rect(0, 0, 20this.scale, 20this.scale); // Barrel fill(this.colorScheme[1]); this.barrelType.draw(0, 0, this.aimTheta-this.theta, this.scale); if (this.selected && this.canAttack && !this.canMove) { this.aimTheta = angleSmooth; stroke(255, 0, 0); noFill(); ellipse(0, 0, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2); } if ((!this.canMove && !this.canAttack) \|\| (players[playerTurn].team === players[this.owner].team && playerTurn !== this.owner)) { fill(0, 0, 0, 150); stroke(0, 0, 0, 150); triangle(10this.scale, 10this.scale, 10this.scale, -10this.scale, 20this.scale, 0); triangle(-10this.scale, 10this.scale, -10this.scale, -10this.scale, -20this.scale, 0); rect(0, 0, 20this.scale, 20this.scale); } popMatrix(); }; }; Boat.prototype = Object.create(Tank.prototype); unitTypes.push(Boat); // Gunboat var GunBoat = function(x, y, owner) { Tank.call(this, x, y, owner); this.maxHp = 6; this.barrelType = DoubleRifle; this.projectileType = Bullet; this.hp = this.maxHp; this.maxMoves = 3; this.moves = this.maxMoves; this.allowedTiles = [TERRAIN.OCEAN]; this.fire = function() { var offsetY = 4sin(this.aimTheta+Math.PI/2); var offsetX = 4cos(this.aimTheta+Math.PI/2); shells.push(new this.projectileType(this.x+cos(this.aimTheta)this.barrelType.barrelLength2 + offsetX, this.y+sin(this.aimTheta)this.barrelType.barrelLength2 + offsetY, this.aimTheta + random(-this.barrelType.accuracy, this.barrelType.accuracy), this.getRange())); shells.push(new this.projectileType(this.x+cos(this.aimTheta)this.barrelType.barrelLength2 - offsetX, this.y+sin(this.aimTheta)this.barrelType.barrelLength2 - offsetY, this.aimTheta + random(-this.barrelType.accuracy, this.barrelType.accuracy), this.getRange())); }; this.draw = function() { pushMatrix(); translate(this.x, this.y); var angleSnapped = floor((atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var angleSmooth = atan2(mouseY-toCanvasY(this.y), mouseX-toCanvasX(this.x)); var d = dist(mouseX, mouseY, toCanvasX(this.x), toCanvasY(this.y)); if (this.selected && this.canMove) { if (d > GRID_SIZE) { fill(255, 255, 255); stroke(255, 255, 255); arrowLine(0, 0, 2GRID_SIZEcos(angleSnapped), 2GRID_SIZEsin(angleSnapped)); } else { fill(255, 242, 0, 200); noStroke(); ellipse(0, 0, 30, 30); } } rotate(this.theta); // HP rectMode(CORNER); fill(0, 0, 0); noStroke(); rect(-15, 12, 30, 2); fill(lerpColor(COLORS.HP_RED, COLORS.HP_GREEN, this.hp/this.maxHp)); rect(-15, 12, 30this.hp/this.maxHp, 2); rectMode(CENTER); // Body fill(this.colorScheme[0]); stroke(this.colorScheme[2]); triangle(10this.scale, 10this.scale, 10this.scale, -10this.scale, 20this.scale, 0); triangle(-10this.scale, 10this.scale, -10this.scale, -10this.scale, -20this.scale, 0); rect(0, 0, 20this.scale, 20this.scale); fill(this.colorScheme[1]); ellipse(0, 0, 15this.scale, 15this.scale); // Barrel fill(this.colorScheme[1]); this.barrelType.draw(0, 0, this.aimTheta-this.theta, this.scale); if (this.selected && this.canAttack && !this.canMove) { this.aimTheta = angleSmooth; stroke(255, 0, 0); noFill(); ellipse(0, 0, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2, round(2this.getRange()SHOT_FLIGHT_TIME)+this.barrelType.barrelLength2); } if ((!this.canMove && !this.canAttack) \|\| (players[playerTurn].team === players[this.owner].team && playerTurn !== this.owner)) { fill(0, 0, 0, 150); stroke(0, 0, 0, 150); triangle(10this.scale, 10this.scale, 10this.scale, -10this.scale, 20this.scale, 0); triangle(-10this.scale, 10this.scale, -10this.scale, -10this.scale, -20this.scale, 0); rect(0, 0, 20this.scale, 20this.scale); } popMatrix(); }; }; GunBoat.prototype = Object.create(Tank.prototype); unitTypes.push(GunBoat); var gridToHex = function(x, y) { if (x%2 === 0) { return [floor(x(GRID_SIZE+TOP_L/2)), floor(yDELTA)]; } else { return [floor(x(GRID_SIZE+TOP_L/2)), floor(yDELTA+DELTA/2)]; } }; var map1 = [ [5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5], [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3], [0, 0, 0, 0, 3, 3, 3, 0, 0, 0, 0, 0, 3], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3], [0, 0, 0, 3, 0, 3, 0, 4, 4, 4, 4, 4, 0], [3, 0, 0, 3, 3, 3, 4, 4, 4, 4, 4, 3, 3], [0, 3, 0, 0, 3, 0, 0, 0, 0, 3, 3, 0, 3], [3, 3, 3, 0, 0, 0, 3, 0, 3, 0, 3, 3, 3], [3, 3, 3, 3, 0, 3, 3, 3, 3, 0, 0, 0, 3], [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3], [5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5]]; var troops1 = []; var docks1 = []; var factories1 = [[1, 4], [7, 4]]; var cities1 = [[1, 5], [7,5], [4, 8]]; var level1 = new Level(map1, troops1, factories1, cities1, docks1, "New Earth", 2); var map2 = [ [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 4, 4, 4, 0, 0, 0, 0, 0], [0, 0, 0, 0, 4, 4, 4, 4, 4, 4, 0, 0, 0], [0, 0, 4, 4, 4, 3, 3, 3, 4, 4, 4, 4, 0], [0, 0, 4, 4, 4, 3, 3, 3, 4, 4, 4, 0, 0], [0, 0, 0, 4, 4, 3, 3, 3, 4, 4, 0, 0, 0], [0, 0, 0, 0, 4, 4, 4, 4, 4, 4, 0, 0, 0], [0, 0, 0, 4, 0, 0, 4, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]]; var troops2 = []; var docks2 = []; var factories2 = [[1, 4], [11, 4], [6, 9]]; var cities2 = [[1, 5], [11,5], [5, 8]]; var level2 = new Level(map2, troops2, factories2, cities2, docks2, "Oasis", 3); var map3 = [ [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]]; var troops3 = []; var factories3 = [[1, 4], [11, 4], [6, 9], [6, 1]]; var docks3 = []; var cities3= [[6, 6], [6,5], [5, 5], [7, 5]]; var level3 = new Level(map3, troops3, factories3, cities3, docks3, "Clover", 4); var map4 = [ [0, 0, 3, 3, 3, 3, 3, 0, 3, 3, 3, 3, 3], [0, 0, 3, 3, 3, 0, 0, 0, 3, 0, 0, 3, 3], [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 0, 3, 3], [3, 3, 0, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3], [3, 0, 0, 3, 3, 3, 0, 3, 3, 3, 3, 0, 3], [3, 3, 3, 3, 3, 0, 0, 0, 3, 3, 0, 0, 3], [3, 3, 3, 3, 3, 3, 0, 3, 3, 3, 3, 3, 3], [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 0, 3, 3], [3, 0, 0, 3, 3, 3, 0, 0, 3, 3, 0, 0, 3], [3, 3, 0, 3, 3, 3, 3, 0, 3, 3, 3, 3, 3], [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3]]; var troops4 = []; var factories4 = []; var cities4 = [[1, 8], [2, 8], [2, 9], [9, 1], [10, 1], [10, 2]]; var docks4 = [[6, 6], [6, 8], [1, 1], [6, 1], [11, 8]]; var level4 = new Level(map4, troops4, factories4, cities4, docks4, "Archipelago", 5); var levels = [[level1, level2, level3, level4]]; var levelX = 0; var levelY = 0; // Functions var getTileAtPosition = function(x, y) { var map = levels[levelY][levelX].map; var xy; for (var i = 0; i < map[0].length; i++) { for (var j = 0; j < map.length; j++) { xy = gridToHex(i, j); if (dist(x, y, xy[0], xy[1]) < GRID_SIZE) { return map[j][i]; } } } return -1; }; var getIndex = function(c) { for (var i = 0; i < alphabet.length; i++) { if (alphabet[i] === c) { return i; } } return -1; }; var drawScanLines = function() { stroke(255, 255, 255, 20); for (var i = 0; i < height; i += 4) { line(0, i, width, i); } }; var citiesOwned = function(p) { var count = 0; for (var i = 0; i < cities.length; i++) { if (cities[i].owner === p) { count++; } } return count; }; var toCanvasX = function(x) { var level = levels[levelY][levelX].map; return x + width/2 - GRID_SIZE1.38level[0].length/2; }; var toCanvasY = function(y) { var level = levels[levelY][levelX].map; return y + height/2 - 0.95DELTAlevel.length/2; }; var toGridX = function(x) { var level = levels[levelY][levelX].map; return x - (width/2 - GRID_SIZE1.38level[0].length/2); }; var toGridY = function(y) { var level = levels[levelY][levelX].map; return y - (height/2 - 0.95DELTAlevel.length/2); }; var snapToGridXY = function(x, y) { //var map = levels[levelY][levelX].map; var a = round(round((x)/(TOP_L))TOP_L) - GRID_SIZE; var b = round((x)/(GRID_SIZE3))(GRID_SIZE3) - GRID_SIZE1.5; var c = round(y/DELTA)DELTA; var d = abs(toGridX(mouseX%(GRID_SIZE3))); stroke(255, 0, 0); for (var i = 0; i < 10; i++) { line(iGRID_SIZE3, 0, iGRID_SIZE3, height); } //println(d); if (d <= 9) { return [a, c]; } return [b, c+DELTA/2]; }; var drawAll = function() { var level = levels[levelY][levelX].map; pushMatrix(); translate(width/2 - GRID_SIZE1.38level[0].length/2, height/2 - 0.95DELTAlevel.length/2); for (var i = 0; i < shells.length;) { shells[i].draw(); if (!shells[i].alive) { shells.splice(i, 1); } else { i++; } } for (var i = 0; i < factories.length;) { factories[i].draw(); if (!factories[i].alive) { factories.splice(i, 1); } else { i++; } } for (var i = 0; i < cities.length;) { cities[i].draw(); if (!cities[i].alive) { cities.splice(i, 1); } else { i++; } } for (var i = 0; i < docks.length;) { docks[i].draw(); if (!docks[i].alive) { docks.splice(i, 1); } else { i++; } } for (var i = 0; i < units.length;) { units[i].draw(); if (!units[i].alive) { units.splice(i, 1); } else { i++; } } for (var i = 0; i < explosions.length;) { explosions[i].draw(); if (!explosions[i].alive) { explosions.splice(i, 1); } else { i++; } } if (heldUnit !== null) { if (mode === MODES.WORLD) { var nearest, d; if (factories.length > 0) { nearest = factories[0]; d = dist(factories[0].x, factories[0].y, mouseX, mouseY); } else { nearest = docks[0]; d = dist(docks[0].x, docks[0].y, mouseX, mouseY); } for (var i = 0; i < factories.length; i++) { if (factories[i].owner === -1 \|\| players[factories[i].owner].team !== players[playerTurn].team) { continue; } var d2 = dist(factories[i].x, factories[i].y, mouseX, mouseY); if (d2 < d) { d = d2; nearest = factories[i]; } } for (var i = 0; i < docks.length; i++) { if (docks[i].owner === -1 \|\| players[docks[i].owner].team !== players[playerTurn].team) { continue; } var d2 = dist(docks[i].x, docks[i].y, mouseX, mouseY); if (d2 < d) { d = d2; nearest = docks[i]; } } var angle = floor((atan2(mouseY-toCanvasY(nearest.y), mouseX-toCanvasX(nearest.x))/Math.PI)3)(Math.PI/3) + Math.PI/6; heldUnit.x = nearest.x + DELTAcos(angle); heldUnit.y = nearest.y + DELTAsin(angle); } else if (mode === MODES.PLACE_TROOPS) { var xy = snapToGridXY(mouseX, mouseY); heldUnit.x = xy[0]; heldUnit.y = xy[1]; } heldUnit.draw(); } popMatrix(); }; var drawParticles = function() { for (var i = 0; i < particles.length;) { particles[i].draw(); if (!particles[i].alive) { particles.splice(i, 1); } else { i++; } } }; var drawInfo = function() { fill(COLORS.BACKGROUND); noStroke(); rectMode(CORNER); rect(0, height-50, width, 50); fill(COLOR_SCHEMES[players[playerTurn].team][1]); rect(0, height-50, 5, 50); fill(0, 0, 0); textSize(20); textAlign(LEFT, CENTER); text(players[playerTurn].name+"'s turn", 10, height-26); textAlign(RIGHT, CENTER); text("€" + players[playerTurn].funds.toFixed(2), 390, height-24); }; var move = function(xy, vertical, upRight, downRight) { xy[1] += vertical DELTA; xy[0] += DELTA * downRight * cos(Math.PI/6); xy[1] += DELTA * downRight * sin(Math.PI/6); xy[0] += DELTA * upRight * cos(-Math.PI/6); xy[1] += DELTA * upRight * sin(-Math.PI/6); return xy; }; var drawHexagon = function(x, y, size) { beginShape(); for (var i = 0; i < 2Math.PI; i += Math.PI/3) { vertex(x + sizecos(i), y + sizesin(i)); } endShape(); }; var setGridSize = function(s) { GRID_SIZE = s; DELTA = 2GRID_SIZEcos(Math.PI/6); TOP_L = 2GRID_SIZEsin(Math.PI/6); }; var drawMap = function(x, y, scale) { scale = scale \|\| 1; var level = levels[y][x].map; var color; pushMatrix(); translate(width/2 - GRID_SIZE1.38level[0].length/2, height/2 - 0.95DELTAlevel.length/2); for (var j = 0; j < level.length; j++) { for (var i = 0; i < level[0].length; i++) { color = level[j][i]; stroke(COLORS.TILE_EDGE); if (color === TERRAIN.GRASS) { fill(COLORS.GRASS_GREEN); } else if (color === TERRAIN.OCEAN) { fill(COLORS.OCEAN_BLUE); } else if (color === TERRAIN.DESERT) { fill(COLORS.SAND_YELLOW); } else if (color === TERRAIN.ICE) { fill(COLORS.ICE_WHITE); } if (i%2 === 0) { drawHexagon(floor(i(GRID_SIZE+TOP_L/2)), floor(jDELTA) , GRID_SIZE); } else { drawHexagon(floor(i(GRID_SIZE+TOP_L/2)), floor(jDELTA+DELTA/2), GRID_SIZE); } } } popMatrix(); }; var arrowLine = function(x1, y1, x2, y2){ var dy = y2-y1; var dx = x2-x1; //Line line(x1, y1, x2, y2); //Arrow pushMatrix(); translate(x2, y2); rotate(atan2(dy, dx) - Math.PI/2); triangle(0, 0, -2, -5, +2, -5); popMatrix(); }; var initLevel = function() { var level = levels[levelY][levelX]; var toAdd = level.troops; // Add all units for (var i = 0; i < toAdd.length; i++) { units.push(new toAdd[i][0](toAdd[i][1], toAdd[i][2], toAdd[i][3])); } for (var i = 0; i < units.length; i++) { if (units[i].owner === 0) { //units[i].canMove = true; } } // Add factories for (var i = 0; i < level.factories.length; i++) { var x = gridToHex(level.factories[i][0], level.factories[i][1])[0]; var y = gridToHex(level.factories[i][0], level.factories[i][1])[1]; factories.push(new Factory(x, y)); } // Add Cities for (var i = 0; i < level.cities.length; i++) { var x = gridToHex(level.cities[i][0], level.cities[i][1])[0]; var y = gridToHex(level.cities[i][0], level.cities[i][1])[1]; cities.push(new City(x, y)); } // Add Docks for (var i = 0; i < level.docks.length; i++) { var x = gridToHex(level.docks[i][0], level.docks[i][1])[0]; var y = gridToHex(level.docks[i][0], level.docks[i][1])[1]; docks.push(new Dock(x, y)); } playerTurn = 0; players[0].funds = MONEY_PER_TURN; particles.push(new TextParticle("+€"+MONEY_PER_TURN, 350, height-20, COLORS.CASH_GREEN, 45)); }; var isOccupied = function(x, y) { for (var i = 0; i < units.length; i++) { if (dist(x, y, units[i].x, units[i].y) < GRID_SIZE) { return i; } } return -1; }; var isAlive = function(player) { for (var i = 0; i < units.length; i++) { if (units[i].owner === player) { return true; } } for (var i = 0; i < factories.length; i++) { if (factories[i].owner >= 0 && players[factories[i].owner].team === players[player].team) { return true; } } for (var i = 0; i < docks.length; i++) { if (docks[i].owner >= 0 && players[docks[i].owner].team === players[player].team) { return true; } } return false; }; var endTurn = function() { playerTurn++; playerTurn %= (NUM_PLAYERS); while (!isAlive(playerTurn)) { playerTurn++; playerTurn %= (NUM_PLAYERS); } for (var i = 0; i < units.length; i++) { units[i].selected = false; units[i].canMove = true; units[i].canAttack = true; units[i].moves = units[i].maxMoves; } // Update factory/city ownership for (var i = 0; i < factories.length; i++) { var result = isOccupied(factories[i].x, factories[i].y); if (result === -1) { //factories[i].owner = -1; } else { factories[i].owner = units[result].owner; } } for (var i = 0; i < cities.length; i++) { var result = isOccupied(cities[i].x, cities[i].y); if (result === -1) { //cities[i].owner = -1; } else { cities[i].owner = units[result].owner; } } for (var i = 0; i < docks.length; i++) { var result = isOccupied(docks[i].x, docks[i].y); if (result === -1) { //cities[i].owner = -1; } else { docks[i].owner = units[result].owner; } } // Add money var moneh = MONEY_PER_TURN + citiesOwned(playerTurn)CITY_BONUS; players[playerTurn].funds += moneh; particles.push(new TextParticle("+€"+moneh, 350, height-20, COLORS.CASH_GREEN, 45)); }; var addPlayers = function() { // Add players for (var i = 0; i < NUM_PLAYERS; i++) { players.push(new Player(0, i, "Player " + (i+1))); } }; var placeTroop = function() { heldUnit = new Soldier(0, 0, playerTurn); }; // Textboxes var TextboxManager = function() { this.textboxes = []; this.drawAll = function() { for (var i in this.textboxes) { this.textboxes[i].draw(); } }; this.updateAll = function(k) { for (var i in this.textboxes) { this.textboxes[i].update(k); } }; this.backspaceAll = function() { for (var i in this.textboxes) { this.textboxes[i].backspace(); } }; this.clickAll = function() { for (var i in this.textboxes) { this.textboxes[i].click(); } }; this.add = function(t) { this.textboxes.push(t); }; this.getText = function(i) { return this.textboxes[i].text; }; this.setText = function(i, s) { this.textboxes[i].text = s; }; }; var textboxMgr = new TextboxManager(); var Textbox = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.size = config.size \|\| 0; this.w = config.width \|\| 100; this.h = this.size + 8; this.textSize = config.textSize \|\| 12; this.text = config.text \|\| ""; this.index = this.text.length; this.active = config.active \|\| false; this.click = function() { if (mouseX >= this.x && mouseX <= this.x+this.w && mouseY >= this.y && mouseY <= this.y+this.h) { this.active = true; } else { this.active = false; } }; this.draw = function() { fill(255, 255, 255); stroke(0, 0, 0); strokeWeight(1); rectMode(CORNER); rect(this.x, this.y, this.w, this.h); fill(0, 0, 0); textAlign(LEFT, TOP); textSize(this.textSize); text(this.text, this.x+5, this.y+4); if (this.active) { var tw = textWidth(this.text); if (frameCount % 60 < 30) { line(this.x+tw+5, this.y+4, this.x+tw+5, this.y+16); } } }; this.update = function(k) { if (!this.active) { return; } this.text = this.text + k; }; this.backspace = function() { if (!this.active) { return; } this.text = this.text.substring(0, this.text.length-1); }; }; // Buttons var Button = function(btnObj){ this.x = btnObj.x \|\| 0; this.y = btnObj.y \|\| 0; this.w = btnObj.width \|\| 240; this.h = btnObj.height \|\| 36; this.label = btnObj.label \|\| "Push"; this.defaultLabel = this.label; this.onClick = btnObj.onClick \|\| function() {}; this.rad = btnObj.radius \|\| 0; this.r = 115; this.g = 171; this.b = 90; this.textSize = btnObj.textSize \|\| 12; this.hidden = btnObj.hidden \|\| false; this.active = btnObj.active; if (this.active === undefined) { this.active = true; } this.click = function(){ if (!this.active) { return; } this.onClick(); }; this.draw = function(){ if (this.hidden) {return;} var c1, c2; textFont(createFont("sans-serif")); if (this.isMouseInside()){ if (mouseIsPressed) { c2 = color(this.r+30, this.g+30, this.b+30); c1 = color(this.r-30, this.g-30, this.b-30); } else { c1 = color(this.r+20, this.g+20, this.b+20); c2 = color(this.r-40, this.g-40, this.b-40); } } else { c1 = color(this.r+30, this.g+30, this.b+30); c2 = color(this.r-30, this.g-30, this.b-30); } if (!this.active) { c1 = color(253, 253, 253, 204); c2 = color(215, 215, 215, 215); } var c3 = color(0, 0, 0); pushMatrix(); translate(this.x, this.y); //Draw center for(var i = -this.h/2+this.rad; i<=this.h/2-this.rad; i++){ var x = this.w/2; var c = lerpColor(c1, c2, (i+this.h/2)/this.h); stroke(c); line(-x, i, x, i); } //Draw top and bottom for (var i = this.h/2-this.rad+1; i <=this.h/2; i++) { var c = lerpColor(c1, c2, (i+this.h/2)/this.h); stroke(c); var x = this.w/2-this.rad; x +=sqrt(pow(this.rad, 2)-pow(i-this.h/2+this.rad, 2)); line(-x, i, x, i); } for (var i = this.h/2-this.rad+1; i <=this.h/2; i++) { var c = lerpColor(c1, c2, (-i+this.h/2)/this.h); stroke(c); var x = this.w/2-this.rad; x +=sqrt(pow(this.rad, 2)-pow(i-this.h/2+this.rad, 2)); line(-x, -i, x, -i); } textSize(this.textSize); textAlign(LEFT, CENTER); if (this.active) { fill(255, 255, 255); } else { fill(170, 170, 170); } var h = textAscent() + textDescent(); text(this.label, -textWidth(this.label)/2, this.textSize/2-h/2); popMatrix(); }; this.isMouseInside = function() { if (mouseX > this.x + this.w/2 \|\| mouseX < this.x - this.w/2) { return false; } if (mouseY > this.y + this.h/2 \|\| mouseY < this.y - this.h/2) { return false; } return true; }; this.activate = function() { this.active = true; this.label = this.defaultLabel; }; this.deactivate = function() { this.active = false; //this.label = this.defaultLabel; }; }; var ButtonManager = function(buttons) { this.buttons = buttons \|\| []; this.isMouseInside = function() { for (var i = 0; i < this.buttons.length; i++) { if (this.buttons[i].isMouseInside()) { return true; } } return false; }; this.handleMouseReleased = function(){ var i; for(i = 0; i < this.buttons.length; i++) { if (this.buttons[i].isMouseInside()) { this.buttons[i].click(); return; } } }; this.drawButtons = function() { var i; for(i = 0; i < this.buttons.length; i++){ this.buttons[i].draw(); } if (this.isMouseInside()) { cursor(HAND); } else { cursor(ARROW); } }; this.activateAll = function() { for (var i in this.buttons) { this.buttons[i].activate(); } }; this.deactivateAll = function() { for (var i in this.buttons) { this.buttons[i].deactivate(); } }; }; var buttonMgr = new ButtonManager(); var teamButtonMgr = new ButtonManager(); var b = new Button({ x: width/2+25, y: height/2+65, width:20, height: 20, textSize:24, label: "+", onClick: function(){NUM_PLAYERS++; NUM_PLAYERS=min(NUM_PLAYERS, MAX_PLAYERS);} }); // Players++ buttonMgr.buttons.push(b); var b = new Button({ x: width/2-25, y: height/2+65, width:20, height: 20, textSize:24, label: "-", onClick: function(){NUM_PLAYERS--; NUM_PLAYERS=max(NUM_PLAYERS, 2);} }); // Players-- buttonMgr.buttons.push(b); var b = new Button({ x: width/2-120, y: height-50, width:150, height: 40, textSize:24, label: "Single Player", onClick: function(){println("Not yet implemented!");} }); // Single player buttonMgr.buttons.push(b); var b = new Button({ x: width/2+120, y: height-50, width:150, height: 40, textSize:24, label: "Multiplayer", onClick: function(){mode=MODES.TEAM_SELECT; addPlayers(); addTeamButtons();} }); // Multiplayer buttonMgr.buttons.push(b); var gameButtonMgr = new ButtonManager(); var b = new Button({ x: width/2, y: height-25, width:80, height: 35, textSize:16, label: "End Turn", onClick: function(){endTurn();} }); gameButtonMgr.buttons.push(b); var factoryButtonMgr = new ButtonManager(); var b = new Button({ x: width-50, y: height-25, width:80, height: 35, textSize:16, label: "Close", onClick: function(){mode=MODES.WORLD;} }); // Close factoryButtonMgr.buttons.push(b); var b = new Button({ x: 50, y: 135, width:80, height: 35, textSize:16, label: "Build", onClick: function(){ if (players[playerTurn].funds < SOLDIER_COST) { return; } players[playerTurn].funds -= SOLDIER_COST; heldUnit = new Soldier(0, 0, playerTurn); mode = MODES.WORLD; } }); // Build soldier factoryButtonMgr.buttons.push(b); var b = new Button({ x: 50, y: 235, width:80, height: 35, textSize:16, label: "Build", onClick: function(){ if (players[playerTurn].funds < TANK_COST) { return; } players[playerTurn].funds -= TANK_COST; heldUnit = new Tank(0, 0, playerTurn); mode = MODES.WORLD; } }); factoryButtonMgr.buttons.push(b); var b = new Button({ x: 50, y: 335, width:80, height: 35, textSize:16, label: "Build", onClick: function(){ if (players[playerTurn].funds < MISSILE_COST) { return; } players[playerTurn].funds -= MISSILE_COST; heldUnit = new Missile(0, 0, playerTurn); mode = MODES.WORLD; } }); factoryButtonMgr.buttons.push(b); var dockButtonMgr = new ButtonManager(); var b = new Button({ x: width-50, y: height-25, width:80, height: 35, textSize:16, label: "Close", onClick: function(){mode=MODES.WORLD;} }); dockButtonMgr.buttons.push(b); var b = new Button({ x: 50, y: 135, width:80, height: 35, textSize:16, label: "Build", onClick: function(){ if (players[playerTurn].funds < BOAT_COST) { return; } players[playerTurn].funds -= BOAT_COST; heldUnit = new Boat(0, 0, playerTurn); mode = MODES.WORLD; } }); dockButtonMgr.buttons.push(b); var b = new Button({ x: 50, y: 235, width:80, height: 35, textSize:16, label: "Build", onClick: function(){ if (players[playerTurn].funds < GUNBOAT_COST) { return; } players[playerTurn].funds -= GUNBOAT_COST; heldUnit = new GunBoat(0, 0, playerTurn); mode = MODES.WORLD; } }); dockButtonMgr.buttons.push(b); var mapButtonMgr = new ButtonManager(); var b = new Button({ x: width/2 + 130, y: 155, width: 40, height: 40, textSize:16, label: "-->", onClick: function(){levelX++;levelX%=levels[0].length;} }); mapButtonMgr.buttons.push(b); var b = new Button({ x: width/2 - 130, y: 155, width: 40, height: 40, textSize:16, label: "<--", onClick: function(){levelX--; levelX+=levels[0].length; levelX%=levels[0].length;} }); mapButtonMgr.buttons.push(b); var b = new Button({ x: width/2, y: height-30, width: 60, height: 40, textSize:16, label: "Begin", onClick: function(){setGridSize(DEFAULT_GRID_SIZE); noCursor(); mode=MODES.PLACE_TROOPS; placeTroop(); initLevel(); } }); mapButtonMgr.buttons.push(b); var setPlayerNames = function() { for (var i = 0; i < textboxMgr.textboxes.length; i++) { players[i].name = textboxMgr.getText(i); } }; var addTeamButtons = function() { // Ugly workaround, thank you KA // Player 1 var b = new Button({ x: TEAM_COL_POS+40, y: 70, width:20, height: 20, textSize:16, label: "-->", onClick: function(){players[0].team++; players[0].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); b = new Button({ x: TEAM_COL_POS-40, y: 70, width:20, height: 20, textSize:16, label: "<--", onClick: function(){players[0].team--; players[0].team += COLOR_SCHEMES.length; players[0].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); // Player 2 b = new Button({ x: TEAM_COL_POS+40, y: 70+50, width:20, height: 20, textSize:16, label: "-->", onClick: function(){players[1].team++; players[1].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); b = new Button({ x: TEAM_COL_POS-40, y: 70+50, width:20, height: 20, textSize:16, label: "<--", onClick: function(){players[1].team--; players[1].team += COLOR_SCHEMES.length; players[1].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); // Player 3 if (NUM_PLAYERS > 2) { b = new Button({ x: TEAM_COL_POS+40, y: 70+100, width:20, height: 20, textSize:16, label: "-->", onClick: function(){players[2].team++; players[2].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); b = new Button({ x: TEAM_COL_POS-40, y: 70+100, width:20, height: 20, textSize:16, label: "<--", onClick: function(){players[2].team--; players[2].team += COLOR_SCHEMES.length; players[2].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); } // Player 4 if (NUM_PLAYERS > 3) { b = new Button({ x: TEAM_COL_POS+40, y: 70+150, width:20, height: 20, textSize:16, label: "-->", onClick: function(){players[3].team++; players[3].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); b = new Button({ x: TEAM_COL_POS-40, y: 70+150, width:20, height: 20, textSize:16, label: "<--", onClick: function(){players[3].team--; players[3].team += COLOR_SCHEMES.length; players[3].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); } // Player 5 if (NUM_PLAYERS > 4) { b = new Button({ x: TEAM_COL_POS+40, y: 70+200, width:20, height: 20, textSize:16, label: "-->", onClick: function(){players[4].team++; players[4].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); b = new Button({ x: TEAM_COL_POS-40, y: 70+200, width:20, height: 20, textSize:16, label: "<--", onClick: function(){players[4].team--; players[4].team += COLOR_SCHEMES.length; players[4].team %= COLOR_SCHEMES.length;} }); teamButtonMgr.buttons.push(b); } // Begin b = new Button({ x: width/2, y: height-50, width:80, height: 30, textSize:12, label: "Map Select", onClick: function(){mode=MODES.MAP_SELECT; setPlayerNames();} }); teamButtonMgr.buttons.push(b); // Textboxes // Player 1 var t = new Textbox({ x: PLAYER_COL_POS-40, y: 60, width: 100, size: 12, text: players[0].name }); textboxMgr.add(t); // Player 2 var t = new Textbox({ x: PLAYER_COL_POS-40, y: 110, width: 100, size: 12, text: players[1].name }); textboxMgr.add(t); // Player 3 if (NUM_PLAYERS > 2) { var t = new Textbox({ x: PLAYER_COL_POS-40, y: 160, width: 100, size: 12, text: players[2].name }); textboxMgr.add(t); } // Player 4 if (NUM_PLAYERS > 3) { var t = new Textbox({ x: PLAYER_COL_POS-40, y: 210, width: 100, size: 12, text: players[3].name }); textboxMgr.add(t); } // Player 5 if (NUM_PLAYERS > 4) { var t = new Textbox({ x: PLAYER_COL_POS-40, y: 260, width: 100, size: 12, text: players[4].name }); textboxMgr.add(t); } }; keyReleased = function() { if (mode === MODES.TEAM_SELECT) { if (keyCode === BACKSPACE) { textboxMgr.backspaceAll(); } else if (getIndex(key.toString()) !== -1){ textboxMgr.updateAll(key.toString()); } } }; mouseReleased = function() { if (mode === MODES.MENU) { buttonMgr.handleMouseReleased(); } else if (mode === MODES.TEAM_SELECT) { teamButtonMgr.handleMouseReleased(); textboxMgr.clickAll(); } else if (mode === MODES.MAP_SELECT) { mapButtonMgr.handleMouseReleased(); } else if (mode === MODES.PLACE_TROOPS) { if (heldUnit !== null) { var result = isOccupied(heldUnit.x, heldUnit.y); var tile = getTileAtPosition(heldUnit.x, heldUnit.y); if (result === -1 && (heldUnit.allowedTiles.indexOf(tile) >= 0)) { units.push(heldUnit); heldUnit = null; } else { return; } } playerTurn++; if (playerTurn >= NUM_PLAYERS) { playerTurn = 0; troopsLeft--; if (troopsLeft <= 0) { mode = MODES.WORLD; cursor(ARROW); return; } } heldUnit = new Soldier(0, 0, playerTurn); } else if (mode === MODES.WORLD) { if (heldUnit !== null) { var result = isOccupied(heldUnit.x, heldUnit.y); var tile = getTileAtPosition(heldUnit.x, heldUnit.y); if (result === -1 && (heldUnit.allowedTiles.indexOf(tile) >= 0)) { units.push(heldUnit); heldUnit = null; } return; } if (mouseButton === RIGHT) { for (var i = 0; i < units.length; i++) { units[i].selected = false; } for (var i = 0; i < factories.length; i++) { if (factories[i].owner === playerTurn && factories[i].isInside(toGridX(mouseX), toGridY(mouseY))) { mode = MODES.FACTORY; return; } } for (var i = 0; i < docks.length; i++) { if (docks[i].owner === playerTurn && docks[i].isInside(toGridX(mouseX), toGridY(mouseY))) { mode = MODES.DOCK; return; } } return; } gameButtonMgr.handleMouseReleased(); for (var i = 0; i < units.length; i++) { if (units[i].selected && units[i].canMove) { var angle = floor((atan2(mouseY-toCanvasY(units[i].y), mouseX-toCanvasX(units[i].x))/Math.PI)3)(Math.PI/3) + Math.PI/6; var d = dist(mouseX, mouseY, toCanvasX(units[i].x), toCanvasY(units[i].y)); if (d >= GRID_SIZE) { var newX = units[i].x + DELTAcos(angle); var newY = units[i].y + DELTAsin(angle); var result = isOccupied(newX, newY); var tile = getTileAtPosition(newX, newY); if (result === -1 && (units[i].allowedTiles.indexOf(tile) >= 0)) { units[i].theta = angle; //units[i].selected = false; units[i].x = newX; units[i].y = newY; units[i].moves--; if (units[i].moves <= 0) { units[i].canMove = false; } } } else { //units[i].selected = false; units[i].canMove = false; } return; } else if (units[i].selected && units[i].canAttack){ units[i].fire(); units[i].canAttack = false; units[i].selected = false; } else { units[i].selected = false; } } for (var i = 0; i < units.length; i++) { if (dist(mouseX, mouseY, toCanvasX(units[i].x), toCanvasY(units[i].y)) < GRID_SIZE) { for (var j = 0; j < units.length; j++) { if (j !== i) { units[j].selected = false; } } if (units[i].owner === playerTurn) { units[i].select(); } } } } else if (mode === MODES.FACTORY) { factoryButtonMgr.handleMouseReleased(); } else if (mode === MODES.DOCK) { dockButtonMgr.handleMouseReleased(); } }; draw = function() { if (mode === MODES.DEBUG) { background(255, 255, 255); drawAll(); } else if (mode === MODES.MENU) { background(COLORS.BACKGROUND); drawMap(0, 0); textAlign(CENTER, CENTER); fill(0, 0, 0); textSize(72); text("ADVANCED\nWARS", width/2, 120); fill(255, 255, 255); textSize(72); text("ADVANCED\nWARS", width/2, 125); textSize(24); text("Number of players:\n"+NUM_PLAYERS, width/2, height/2+50); buttonMgr.drawButtons(); //println(getTileAtPosition(toGridX(mouseX), toGridY(mouseY))); } else if (mode === MODES.WORLD) { background(COLORS.BACKGROUND); drawMap(levelX, levelY); drawAll(); drawInfo(); drawParticles(); gameButtonMgr.drawButtons(); /for (var i = 0; i < units.length; i++) { if (units[i].selected) { fill(255, 255, 255); stroke(255, 255, 255); break; } } } else if (mode === MODES.PLACE_TROOPS) { background(COLORS.BACKGROUND); drawMap(levelX, levelY); drawAll(); drawInfo(); for (var i = 0; i < units.length; i++) { if (units[i].selected) { fill(255, 255, 255); stroke(255, 255, 255); break; } } } else if (mode === MODES.FACTORY) { background(3, 23, 0); fill(23, 105, 10); textAlign(CENTER, CENTER); textSize(32); text("Factory Floor", width/2, 30); textSize(16); text("Funds: " + EURO + players[playerTurn].funds, width/2, 60); textAlign(LEFT, CENTER); textSize(24); text("Soldier: "+ EURO + SOLDIER_COST, 10, 100); text("Tank: "+ EURO + TANK_COST, 10, 200); text("Mobile Missile: "+ EURO + MISSILE_COST, 10, 300); factoryButtonMgr.drawButtons(); drawScanLines(); } else if (mode === MODES.DOCK) { background(3, 23, 0); fill(23, 105, 10); textAlign(CENTER, CENTER); textSize(32); text("Shipyard", width/2, 30); textSize(16); text("Funds: " + EURO + players[playerTurn].funds, width/2, 60); textAlign(LEFT, CENTER); textSize(24); text("Artillery Boat: "+ EURO + BOAT_COST, 10, 100); text("Gun Boat: "+ EURO + GUNBOAT_COST, 10, 200); dockButtonMgr.drawButtons(); drawScanLines(); } else if (mode === MODES.TEAM_SELECT) { background(3, 23, 0); fill(23, 105, 10); textAlign(CENTER, CENTER); textSize(24); text("Team:", TEAM_COL_POS, 30); text("Player:", PLAYER_COL_POS, 30); rectMode(CENTER); strokeWeight(2); for (var i = 0; i < players.length; i++) { var index = players[i].team; fill(COLOR_SCHEMES[index][0]); stroke(COLOR_SCHEMES[index][1]); rect(TEAM_COL_POS, 70+50i, 20, 20); } strokeWeight(1); textboxMgr.drawAll(); teamButtonMgr.drawButtons(); drawScanLines(); } else if (mode === MODES.MAP_SELECT) { background(3, 23, 0); fill(23, 105, 10); textAlign(CENTER, CENTER); textSize(24); text("Select a map:", width/2, 30); setGridSize(10); var level = levels[levelY][levelX]; pushMatrix(); translate(0, -40); text(level.name, width/2, height-70); textSize(18); text("Recommended for " + level.numPlayers + " players", width/2, height-40); drawMap(levelX, levelY, 0.1); popMatrix(); mapButtonMgr.drawButtons(); drawScanLines(); } };**/ println("play here: http://blackdragonproductions.net/Games/advancedWars/advancedWars.htm");
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMi8u_KICww
Votes	276
Spin-Offs	22
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	jdsutton
Author Name	jdsutton
Author ID	kaid_216263246392057096030602
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739455090836
Updated	8 months ago, 1744845309905
Source Deleted	unknown