/* Classes */ class Vector2D { constructor( x = 0, y = 0 ) { this._x = parseFloat( x ); this._y = parseFloat( y ); } get x() { return this._x; } get y() { return this._y; } get length() { return Math.sqrt( this._x * this._x + this._y * this._y ); } get magnitude() { return Math.sqrt( this._x * this._x + this._y * this._y ); } set x( new_x ) { this._x = parseFloat( new_x ); } set y( new_y ) { this._y = parseFloat( new_y ); } normalize() { if ( this.length > 0 ) { let tempLength = this.length; this.x /= tempLength; this.y /= tempLength; } return this; } scale( scalar ) { this.x *= parseFloat( scalar ); this.y *= parseFloat( scalar ); return this; } static add( vecA, vecB ) { return new Vector2D( vecA.x + vecB.x, vecA.y + vecB.y ); } static distanceBetween( vecA, vecB ) { return new Vector2D( vecB.x - vecA.x, vecB.y - vecA.y ).length; } static subtract( vecA, vecB ) { return new Vector2D( vecA.x - vecB.x, vecA.y - vecB.y ); } static vectorBetween( vecA, vecB ) { return new Vector2D( vecB.x - vecA.x, vecB.y - vecA.y ); } } class MapTile { constructor( positionInGrid, id, size = tileSize ) { this._positionInGrid = positionInGrid; this._id = parseInt( id ); this._size = parseInt( size ); this._isWalkable = true; this._isBuildable = true; this._isGoal = false; this._nextTileToGoal = null; } get positionInGrid() { return this._positionInGrid; } get size() { return this._size; } get id() { return this._id; } get isWalkable() { return this._isWalkable; } get isBuildable() { return this._isBuildable; } get isGoal() { return this._isGoal; } get nextTileToGoal() { return this._nextTileToGoal; } set positionInGrid( new_position ) { this._positionInGrid = new_position; } set id( new_id ) { this._id = parseInt( new_id ); } set size( new_size ) { this._size = parseInt( new_size ); } set isWalkable( new_value ) { this._isWalkable = new_value; } set isBuildable( new_value ) { this._isBuildable = new_value; } set isGoal( new_value ) { this._isGoal = new_value; this._nextTileToGoal = this; } set nextTileToGoal( new_tile ) { this._nextTileToGoal = new_tile; } } class MapGrid { constructor( gridWidth, gridHeight ) { this._width = parseInt( gridWidth ); this._height = parseInt( gridHeight ); this._tiles = []; for ( let column = 0; column < gridHeight; ++column ) { for ( let row = 0; row < gridWidth; ++row ) { this._tiles.push( new MapTile( new Vector2D( row, column ), column * this._width + row ) ); } } } get width() { return this._width; } get height() { return this._height; } get tiles() { return this._tiles; } get numberOfMapTiles() { return this._tiles.length; } get goalTile() { for ( let tile of this._tiles ) { if ( tile.isGoal === true ) { return tile; } } return null; } get isGoalReachable() { let currentTile = this.tiles[ this.numberOfMapTiles - 1 ]; while ( currentTile.nextTileToGoal !== this.goalTile ) { if ( currentTile.nextTileToGoal === null ) { return false; } currentTile = currentTile.nextTileToGoal; } return true; } set width( new_width ) { this._width = parseInt( new_width ); } set height( new_height ) { this._height = parseInt( new_height ); } set tiles( new_tiles ) { this._tiles = new_tiles; } clearPathsToGoal() { for ( let tile of this._tiles ) { tile.nextTileToGoal = null; } } generatePathsToGoal() { this.clearPathsToGoal(); let frontier = []; frontier.push( this.goalTile ); this.goalTile.nextTileToGoal = this.goalTile; let visitedTiles = [ this.goalTile.id ]; while ( frontier.length !== 0 ) { let currentTile = frontier.shift(); let neighborTiles = this.getNeighborsOf( currentTile ); for ( let tile of neighborTiles ) { if ( visitedTiles.find( id => { return id === tile.id; } ) === undefined && tile.isWalkable === true ) { tile.nextTileToGoal = currentTile; frontier.push( tile ); visitedTiles.push( tile.id ); } } } } getNeighborsOf( tile ) { const directions = [ { x: 1, y: 0 }, { x: 0, y: 1 }, { x: -1, y: 0 }, { x: 0, y: -1 } ]; let neighbors = []; if ( tile === null ) { return null; } else { for ( let direction of directions ) { let potentialNeighborPosition = new Vector2D ( tile.positionInGrid.x + direction.x, tile.positionInGrid.y + direction.y ); if ( potentialNeighborPosition.x >= 0 && potentialNeighborPosition.x < this.width && potentialNeighborPosition.y >= 0 && potentialNeighborPosition.y < this.height ) { neighbors.push( this.getTileByGridPosition( potentialNeighborPosition ) ); } } return neighbors; } } getTileById( id ) { for ( let tile of this._tiles ) { if ( tile.id === id ) { return tile; } } return null; } getTileByGridPosition( position ) { for ( let tile of this._tiles ) { let tilePosition = tile.positionInGrid; if ( tilePosition.x === position.x && tilePosition.y === position.y ) { return tile; } } return null; } positionToTile( position ) { return this._tiles[ ( Math.floor( position.y / tileSize ) * this.width ) + ( Math.floor( position.x / tileSize ) ) ]; } tileToPosition( tile ) { let positionInGrid = { x: tile.id % this.width + 0.5, y: Math.floor( tile.id / this.width ) + 0.5 }; return new Vector2D( positionInGrid.x * tileSize, positionInGrid.y * tileSize ); } } class Map { constructor( width, height, center = new Vector2D( 0, 0 ) ) { this._grid = new MapGrid( width, height ); this._center = center; this._units = { monsters: [], palms: [], projectiles: [], towers: [] }; } get grid() { return this._grid; } get center() { return this._center; } get units() { return this._units; } get width() { return this._grid.width; } get height() { return this._grid.height; } set grid( new_grid ) { this._grid = new_grid; } set center( new_center ) { this._center = new_center; } set units( new_units ) { this._units = new_units; } addMonster( monster ) { this.units.monsters.push( monster ); } addPalm( palm ) { this.units.palms.push( palm ); let coveredTile = palm.currentTile; coveredTile.isBuildable = false; } addProjectile( projectile ) { this.units.projectiles.push( projectile ); } addTower( tower ) { this.units.towers.push( tower ); let coveredTile = tower.currentTile; coveredTile.isBuildable = false; coveredTile.isWalkable = false; this.grid.generatePathsToGoal(); } makeTileAtPositionGoal( position ) { this.grid.getTileByGridPosition( position ).isGoal = true; this.grid.goalTile.isBuildable = false; } makeTileAtPositionNotGoal( position ) { this.grid.goalTile.isBuildable = true; this.grid.getTileByGridPosition( position ).isGoal = false; } removeMonster( monster ) { this.units.monsters.splice ( this.units.monsters.indexOf( monster ), 1 ); } removePalm( palm ) { let removedPalm = this.units.palms.splice ( this.units.palms.indexOf( palm ), 1 ).pop(); let coveredTile = removedPalm.currentTile; coveredTile.isBuildable = true; } removeProjectile( projectile ) { this.units.projectiles.splice ( this.units.projectiles.indexOf( projectile ), 1 ); } removeTower( tower ) { let removedTower = this.units.towers.splice ( this.units.towers.indexOf( tower ), 1 ).pop(); let coveredTile = removedTower.currentTile; coveredTile.isBuildable = true; coveredTile.isWalkable = true; this.grid.generatePathsToGoal(); } search( position, radius, key ) { let unitsInSearchRadius = []; for ( let unit of this.units[ key ] ) { if ( Vector2D.distanceBetween( position, unit.currentPosition ) <= radius ) { unitsInSearchRadius.push( unit ); } } return unitsInSearchRadius; } } class Canvas { constructor( id, width, height ) { this._element = document.getElementById( id ); this._context = this._element.getContext( "2d" ); this._width = parseFloat( width ); this._height = parseFloat( height ); this._element.width = this._width; this._element.height = this._height; this._element.style.width = this._width + "px"; this._element.style.height = this._height + "px"; showElementById( id ); this._position = new Vector2D ( this._element.getBoundingClientRect().x, this._element.getBoundingClientRect().y ); hideElementById( id ); } get element() { return this._element; } get context() { return this._context; } get width() { return this._width; } get height() { return this._height; } get position() { return this._position; } set element( new_element ) { this._element = new_element; this._context = new_element.getContext( "2d" ); this._width = element.width; this._height = element.height; } set context( new_context ) { this._context = new_context; } set width( new_width ) { if ( new_width > 0 ) { this._width = parseFloat( new_width ); this._element.width = this._width; } } set height( new_height ) { if ( new_height > 0 ) { this._height = parseFloat( new_height ); this._element.height = this._height; } } set position( new_position ) { this._position = new_position; } clearCanvas() { this.context.clearRect( 0, 0, this.width, this.height ); } clearRectangle( position, width, height ) { this.context.clearRect( position.x, position.y, parseFloat( width ), parseFloat( height ) ); } drawCircle( position, radius, strokeColour, fillColour = strokeColour ) { this.context.strokeStyle = strokeColour; this.context.fillStyle = fillColour; this.context.beginPath(); this.context.arc ( position.x, position.y, parseFloat( radius ), 0, 2 * Math.PI ); this.context.fill(); this.context.stroke(); this.context.closePath(); } drawHalfCircle( position, radius, strokeColour, fillColour = strokeColour, counterclockwise = false ) { this.context.strokeStyle = strokeColour; this.context.fillStyle = fillColour; this.context.beginPath(); this.context.arc ( position.x, position.y, parseFloat( radius ), 0, Math.PI, counterclockwise ); this.context.fill(); this.context.stroke(); this.context.closePath(); } drawLine( startingPosition, endingPosition, lineWidth, strokeColour, fillColour = strokeColour ) { this.context.strokeStyle = strokeColour; this.context.fillStyle = fillColour; this.context.lineWidth = parseFloat( lineWidth ); this.context.beginPath(); this.context.moveTo( startingPosition.x, startingPosition.y ); this.context.lineTo( endingPosition.x, endingPosition.y ); this.context.fill(); this.context.stroke(); this.context.closePath(); } drawRectangle( position, width, height, strokeColour, fillColour = strokeColour ) { this.context.strokeStyle = strokeColour; this.context.fillStyle = fillColour; this.context.fillRect ( position.x, position.y, parseFloat( width ), parseFloat( height ) ); this.context.strokeRect ( position.x, position.y, parseFloat( width ), parseFloat( height ) ); } drawQuadraticImage( element, origin, clipSize, destination, imageSize = clipSize ) { this.context.drawImage( element, origin.x, origin.y, clipSize, clipSize, destination.x, destination.y, imageSize, imageSize ); } fillCanvas( fillColour ) { this.context.fillStyle = fillColour; this.context.fillRect ( 0, 0, this.width, this.height ); } toggleVisibility() { if ( window.getComputedStyle( this.element, null ).getPropertyValue( "display" ) !== "none" ) { this.element.style.display = "none"; } else { this.element.style.display = "flex"; } } writeText( text, position, align, font, strokeColour, fillColour = strokeColour ) { this.context.strokeStyle = strokeColour; this.context.fillStyle = fillColour; this.context.font = font; this.context.textAlign = align; this.context.fillText( text, position.x, position.y ); this.context.strokeText( text, position.x, position.y ); } } class Player { constructor( gold, lives ) { this._gold = parseInt( gold ); this._lives = parseInt( lives ); this._isAlive = true; } get gold() { return this._gold; } get lives() { return this._lives; } get isAlive() { return this._isAlive; } set gold( new_gold ) { this._gold = parseInt( new_gold ); } set lives( new_lives ) { this._lives = parseInt( new_lives ); } set isAlive( new_isAlive ) { this._isAlive = new_isAlive; } checkIfPlayerIsAlive() { this.isAlive = ( this.lives ? true : false ); return this.isAlive; } } class UnitModifier { constructor( property ) { this._property = property; } get property() { return this._property; } set property( new_property ) { this._property = new_property; } applyModifier( currentValue ) { /* implemented in subclasses */ } } class AdditionModifier extends UnitModifier { constructor( property, value ) { super( property ); this._value = parseFloat( value ); } get value() { return this._value; } set value( new_value ) { this._value = parseFloat( new_value ); } applyModifier( currentValue ) { return currentValue + this.value; } } class MultiplicationModifier extends UnitModifier { constructor( property, value ) { super( property ); this._value = parseFloat( value ); } get value() { return this._value; } set value( new_value ) { this._value = parseFloat( new_value ); } applyModifier( currentValue ) { return Math.round( currentValue * this.value * 100 ) / 100; } } class Upgrade { constructor( cost, modifiers ) { this._cost = parseInt( cost ); this._modifiers = modifiers; } get cost() { return this._cost; } get modifiers() { return this._modifiers; } set cost( new_cost ) { this._cost = parseInt( new_cost ); } set modifiers( new_modifiers ) { this._modifiers = new_modifiers; } } class UnitModel { constructor( position, size, center = new Vector2D( 0, 0) ) { this._storagePosition = position; this._size = parseInt( size ); this._modelCenter = center; this._isLoaded = false; } get storagePosition() { return this._storagePosition; } get size() { return this._size; } get modelCenter() { return this._modelCenter; } set storagePosition( new_position ) { this._storagePosition = new_position; } set size( new_size ) { this._size = new_size; } set modelCenter( new_center ) { this._modelCenter = new_center; } preloadModel() { this.is_Loaded = true; } render( targetCanvas, position, scaleFactor ) { if ( this._isLoaded === false ) { this.preloadModel(); } targetCanvas.context.scale( scaleFactor, scaleFactor ); let renderPosition = Vector2D.subtract( position, this.modelCenter ); renderPosition.scale( 1 / scaleFactor ); targetCanvas.drawQuadraticImage ( storageCanvas.element, this.storagePosition, this.size, renderPosition ); targetCanvas.context.scale( ( 1 / scaleFactor), ( 1 / scaleFactor ) ); } } class Unit { constructor( player, map, name, position, currentLevel, maxLevel, model ) { this._owner = player; this._map = map; this._name = name; this._currentPosition = position; this._currentLevel = parseInt( currentLevel ); this._maxLevel = parseInt( maxLevel ); this._model = model; this._modifierList = []; this._upgradeList = []; } get owner() { return this._owner; } get map() { return this._map; } get name() { return this._name; } get currentPosition() { return this._currentPosition; } get currentTile() { return this._map.grid.positionToTile( this._currentPosition ); } get currentLevel() { return this._currentLevel; } get maxLevel() { return this._maxLevel; } get model() { return this._model; } get modifierList() { return this._modifierList; } get upgradeList() { return this._upgradeList; } get costOfUpgrade() { return this._upgradeList[ this._currentLevel - 1 ].cost; } get costOfUpgradeToMax() { let tempCost = 0; for ( let i = this._currentLevel; i < this._maxLevel; ++i ) { tempCost += this._upgradeList[ i - 1 ].cost; } return tempCost; } set owner( new_owner ) { this._owner = new_owner; } set map( new_map ) { this._map = new_map; } set name( new_name ) { this._name = new_name; } set currentPosition( new_position ) { this._currentPosition = new_position; } set currentTile( new_tile ) { this._currentTile = new_tile; } set currentLevel( new_level ) { this._currentLevel = new_level; } set maxLevel( new_level ) { this._maxLevel = parseInt( new_level ); } set model( new_model ) { this._model = new_model; } set modifierList( new_modifierList ) { this._modifierList = new_modifierList; } set upgradeList( new_upgradeList ) { this._upgradeList = new_upgradeList; } copyUnit() { let copiedUnit = new Unit( this.owner, this.map, this.name, this.currentPosition, this.currentLevel, this.maxLevel, this.model ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } copyModifiers( startIndex = 0, endIndex = this._modifierList.length ) { return this._modifierList.slice( startIndex, endIndex ); } printInfoToElement( id ) { /* implemented in subclasses */ } pushBackModifier( modifier ) { this._modifierList.push( modifier ); } pushFrontModifier( modifier ) { this._modifierList.unshift( modifier ); } removeFirstModifier() { this._modifierList.shift(); } removeLastModifier() { this._modifierList.pop(); } removeModifiers( index, amount ) { this._modifierList.splice( index, amount ); } render( targetCanvas, scaleFactor = 1 ) { this.model.render( targetCanvas, this.currentPosition, scaleFactor ); } upgrade() { if ( this.currentLevel < this.maxLevel ) { for ( let modifier of this.upgradeList[ this.currentLevel - 1 ].modifiers ) { this.pushBackModifier( modifier ); } ++this.currentLevel; } return this; } upgradeToLevel( newLevel ) { while ( this.currentLevel < newLevel && this.currentLevel < this.maxLevel ) { for ( let modifier of this.upgradeList[ this.currentLevel - 1 ].modifiers ) { this.pushBackModifier( modifier ); } ++this.currentLevel; } return this; } upgradeToMax() { while ( this.currentLevel < this.maxLevel ) { for ( let modifier of this.upgradeList[ this.currentLevel - 1 ].modifiers ) { this.pushBackModifier( modifier ); } ++this.currentLevel; } return this; } static printDescriptionToElement( id ) { /* implemented in subclasses */ } } class PalmModel extends UnitModel { constructor() { super( new Vector2D( 0, 32 ), tileSize, new Vector2D( 14, 11 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#663300"; storageCanvas.context.fillRect( 14, 19, 5, 4 ); storageCanvas.context.fillRect( 13, 17, 6, 2 ); storageCanvas.context.fillRect( 16, 13, 2, 4 ); storageCanvas.context.fillRect( 17, 10, 2, 6 ); storageCanvas.context.fillRect( 18, 8, 2, 5 ); storageCanvas.context.fillRect( 12, 15, 3, 2 ); storageCanvas.context.fillRect( 11, 12, 2, 4 ); storageCanvas.context.fillRect( 10, 11, 2, 3 ); storageCanvas.context.fillRect( 9, 10, 2, 3 ); storageCanvas.context.fillRect( 8, 9, 2, 3 ); storageCanvas.context.fillStyle = "#99cc00"; storageCanvas.context.fillRect( 4, 6, 4, 7 ); storageCanvas.context.fillRect( 2, 8, 1, 3 ); storageCanvas.context.fillRect( 3, 8, 1, 5 ); storageCanvas.context.fillRect( 6, 4, 1, 2 ); storageCanvas.context.fillRect( 8, 5, 1, 1 ); storageCanvas.context.fillRect( 5, 13, 2, 1 ); storageCanvas.context.fillRect( 5, 14, 1, 3 ); storageCanvas.context.fillRect( 13, 3, 9, 5 ); storageCanvas.context.clearRect( 13, 5, 1, 2 ); storageCanvas.context.clearRect( 14, 5, 2, 1 ); storageCanvas.context.fillRect( 14, 2, 2, 1 ); storageCanvas.context.fillRect( 18, 0, 1, 2 ); storageCanvas.context.fillRect( 20, 1, 1, 1 ); storageCanvas.context.fillRect( 21, 2, 1, 7 ); storageCanvas.context.fillRect( 22, 4, 4, 1 ); storageCanvas.context.fillRect( 25, 6, 1, 1 ); storageCanvas.context.fillRect( 26, 7, 2, 1 ); storageCanvas.context.fillRect( 22, 7, 1, 3 ); storageCanvas.context.fillRect( 23, 8, 1, 3 ); storageCanvas.context.fillRect( 24, 9, 1, 1 ); storageCanvas.context.fillStyle = "#008000"; storageCanvas.context.fillRect( 0, 10, 1, 2 ); storageCanvas.context.fillRect( 1, 9, 1, 2 ); storageCanvas.context.fillRect( 1, 9, 4, 1 ); storageCanvas.context.fillRect( 6, 3, 1, 1 ); storageCanvas.context.fillRect( 5, 4, 1, 5 ); storageCanvas.context.fillRect( 5, 10, 1, 3 ); storageCanvas.context.fillRect( 4, 12, 1, 3 ); storageCanvas.context.fillRect( 7, 6, 1, 3 ); storageCanvas.context.fillRect( 8, 6, 2, 1 ); storageCanvas.context.fillRect( 9, 5, 3, 1 ); storageCanvas.context.fillRect( 7, 10, 1, 5 ); storageCanvas.context.fillRect( 8, 14, 1, 2 ); storageCanvas.context.fillRect( 13, 3, 4, 1 ); storageCanvas.context.fillRect( 16, 4, 3, 1 ); storageCanvas.context.fillRect( 13, 8, 2, 1 ); storageCanvas.context.fillRect( 14, 7, 3, 1 ); storageCanvas.context.fillRect( 16, 6, 3, 1 ); storageCanvas.context.fillRect( 16, 4, 3, 1 ); storageCanvas.context.fillRect( 19, 0, 1, 3 ); storageCanvas.context.fillRect( 20, 2, 1, 3 ); storageCanvas.context.fillRect( 19, 7, 2, 1 ); storageCanvas.context.fillRect( 20, 7, 1, 4 ); storageCanvas.context.fillRect( 21, 5, 6, 1 ); storageCanvas.context.fillRect( 26, 6, 2, 1 ); storageCanvas.context.fillRect( 22, 6, 2, 1 ); storageCanvas.context.fillRect( 23, 7, 2, 1 ); storageCanvas.context.fillRect( 24, 8, 1, 2 ); storageCanvas.context.fillRect( 25, 9, 1, 4 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Palm extends Unit { constructor( player, map, name, removalCost, position, model ) { super( player, map, name, position, 1, 1, model ); this._removalCost = parseInt( removalCost ); } get removalCost() { return this._removalCost; } set removalCost( new_cost ) { this._removalCost = parseInt( new_cost ) } printInfoToElement( id ) { let targetElement = document.getElementById( id ); targetElement.innerHTML = "

" + this.name + "

" + "

Removal Cost: " + this.removalCost + "

"; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "Palms block the spot they are growing on, hence preventing you from building on those spots. However, they do not block the path of monsters. They can be removed for a fee, depending on the kind of palm."; } } class SmallPalm extends Palm { constructor( player, map, position ) { super( player, map, "Small Palm", 100, position, new PalmModel() ); } copyUnit() { let copiedUnit = new SmallPalm( this.owner, this.map, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class MediumPalm extends Palm { constructor( player, map, position ) { super( player, map, "Medium Palm", 200, position, new PalmModel() ); } copyUnit() { let copiedUnit = new MediumPalm( this.owner, this.map, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class BigPalm extends Palm { constructor( player, map, position ) { super( player, map, "Big Palm", 400, position, new PalmModel() ); } copyUnit() { let copiedUnit = new BigPalm( this.owner, this.map, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class HugePalm extends Palm { constructor( player, map, position ) { super( player, map, "Huge Palm", 800, position, new PalmModel() ); } copyUnit() { let copiedUnit = new HugePalm( this.owner, this.map, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class PalmFactory { static get chanceOf() { return { smallPalm: 50, mediumPalm: 25, bigPalm: 15, hugePalm: 10 }; } static getRandomPalm( player, map, position ) { let randomNumber = randomInt( 1, 100 ); if ( randomNumber <= 100 - PalmFactory.chanceOf.smallPalm ) { return new SmallPalm( player, map, position ); } else if ( randomNumber <= 100 - PalmFactory.chanceOf.mediumPalm ) { return new MediumPalm( player, map, position ); } else if ( randomNumber <= 100 - PalmFactory.chanceOf.bigPalm ) { return new BigPalm( player, map, position ); } else { return new HugePalm( player, map, position ); } } } class Projectile extends Unit { constructor( player, map, name, damage, splashRadius, tower, target, possibleTargets, speed, position, model ) { super( player, map, name, position, 1, 10, model ); this._baseDamage = parseFloat( damage ); this._baseSplashRadius = parseFloat( splashRadius ); this._originTower = tower; this._target = target; this._possibleTargets = possibleTargets; this._speed = parseFloat( speed ) * gameSpeed; } get baseDamage() { return this._baseDamage; } get baseSplashRadius() { return this._baseSplashRadius; } get originTower() { return this._originTower; } get target() { return this._target; } get possibleTargets() { return this._possibleTargets; } get speed() { return this._speed; } get currentDamage() { let tempDamage = this._baseDamage; for ( let modifier of this._modifierList ) { if ( modifier.property === "damage" ) { tempDamage = modifier.applyModifier( tempDamage ); } } return tempDamage; } get currentSplashRadius() { let tempSplashRadius = this._baseSplashRadius; for ( let modifier of this._modifierList ) { if ( modifier.property === "splashRadius" ) { tempSplashRadius = modifier.applyModifier( tempSplashRadius ); } } return tempSplashRadius; } set baseDamage( new_damage ) { let newDamage = parseFloat( new_damage ); if ( newDamage > 0 ) { this._baseDamage = newDamage; } } set baseSplashRadius( new_radius ) { let newRadius = parseFloat( new_radius ); if ( newRadius > 0 ) { this._baseSplashRadius = newRadius; } } set originTower( new_tower ) { this._originTower = new_tower; } set target( new_target ) { this._target = new_target; } set possibleTargets( new_targets ) { this._possibleTargtes = new_targets; } set speed( new_speed ) { this._speed = new_speed; } move() { let movementVector = Vector2D.vectorBetween( this.currentPosition, this.target.currentPosition ).normalize().scale( this.speed ); if ( movementVector.length >= Vector2D.distanceBetween( this.currentPosition, this.target.currentPosition ) ) { this.currentPosition = this.target.currentPosition; } else { this.currentPosition = Vector2D.add( this.currentPosition, movementVector ); } } printInfoToElement( id ) { let targetElement = document.getElementById( id ); targetElement.innerHTML = "

" + this.name + "

" + "

Base Damage: " + this.baseDamage + "

" + "

SplashRadius: " + this.baseSplashRadius + "

" + "

Speed: " + this.speed + "

" + "

Targets: " + this.possibleTargets + "

"; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "Projectiles are used in towers to CRUSH INSECTS... ehh, to defend your home against invaders. Due to THEIR AWESOMENESS... I mean, mysterious reasons, the towers never run out of ammunition. Scientists around the world are still clueless as to what causes this AWESOMENESS... ahem, phenomenon. Further research is required."; } } class ArrowProjectileModel extends UnitModel { constructor() { super( new Vector2D( 0, 64 ), tileSize, new Vector2D( 11, 3 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#cccccc"; storageCanvas.context.fillRect( 0, 0, 2, 1 ); storageCanvas.context.fillRect( 1, 1, 2, 1 ); storageCanvas.context.fillRect( 1, 3, 2, 1 ); storageCanvas.context.fillRect( 0, 4, 2, 1 ); storageCanvas.context.fillRect( 18, 0, 2, 1 ); storageCanvas.context.fillRect( 19, 1, 2, 1 ); storageCanvas.context.fillRect( 19, 2, 3, 1 ); storageCanvas.context.fillRect( 19, 3, 2, 1 ); storageCanvas.context.fillRect( 18, 4, 2, 1 ); storageCanvas.context.fillStyle = "#ac7339"; storageCanvas.context.fillRect( 2, 2, 17, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Arrow extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Arrow", 50, 0, tower, target, [ "Ground", "Air" ], 5, position, new ArrowProjectileModel() ); this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ) ] ) ]; } copyUnit() { let copiedUnit = new Arrow( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class LanceProjectileModel extends UnitModel { constructor() { super( new Vector2D( 32, 64 ), tileSize, new Vector2D( 16, 2 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#734d26"; storageCanvas.context.fillRect( 0, 1, 4, 1 ); storageCanvas.context.fillRect( 18, 1, 4, 1 ); storageCanvas.context.fillStyle = "#cc9966"; storageCanvas.context.fillRect( 4, 1, 15, 1 ); storageCanvas.context.fillStyle = "#e62e00"; storageCanvas.context.fillRect( 22, 1, 1, 1 ); storageCanvas.context.fillRect( 21, 2, 1, 1 ); storageCanvas.context.fillRect( 19, 3, 2, 1 ); storageCanvas.context.fillRect( 20, 4, 1, 1 ); storageCanvas.context.fillStyle = "#808080"; storageCanvas.context.fillRect( 23, 1, 7, 1 ); storageCanvas.context.fillRect( 23, 0, 1, 3 ); storageCanvas.context.fillStyle = "#cccccc"; storageCanvas.context.fillRect( 25, 0, 5, 1 ); storageCanvas.context.fillRect( 25, 2, 5, 1 ); storageCanvas.context.fillRect( 30, 1, 2, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Lance extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Lance", 60, 0, tower, target, [ "Air" ], 5, position, new LanceProjectileModel() ); this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ) ] ) ]; } copyUnit() { let copiedUnit = new Lance( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class BoulderProjectileModel extends UnitModel { constructor() { super( new Vector2D( 64, 64 ), tileSize, new Vector2D( 6, 6 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#c5ab6d" storageCanvas.context.fillRect( 1, 1, 10, 10 ); storageCanvas.context.fillStyle = "#663300" storageCanvas.context.fillRect( 2, 0, 3, 1 ); storageCanvas.context.fillRect( 5, 1, 2, 1 ); storageCanvas.context.fillRect( 7, 0, 3, 1 ); storageCanvas.context.fillRect( 1, 1, 1, 1 ); storageCanvas.context.fillRect( 0, 2, 1, 3 ); storageCanvas.context.fillRect( 1, 5, 1, 7 ); storageCanvas.context.fillRect( 1, 11, 10, 1 ); storageCanvas.context.fillRect( 10, 5, 1, 7 ); storageCanvas.context.fillRect( 11, 2, 1, 3 ); storageCanvas.context.fillRect( 10, 1, 1, 1 ); storageCanvas.context.fillStyle = "#1a1a1a"; storageCanvas.context.fillRect( 3, 3, 2, 2 ); storageCanvas.context.fillRect( 7, 3, 2, 2 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 3, 1, 1 ); storageCanvas.context.fillRect( 8, 3, 1, 1 ); storageCanvas.context.fillStyle = "#ffcce6"; storageCanvas.context.fillRect( 2, 5, 2, 1 ); storageCanvas.context.fillRect( 8, 5, 2, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Boulder extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Boulder", 25, 30, tower, target, [ "Ground" ], 2.5, position, new BoulderProjectileModel() ); this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 2) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.15 ), new AdditionModifier( "splashRadius", 4) ] ) ]; } copyUnit() { let copiedUnit = new Boulder( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class EnergyProjectileModel extends UnitModel { constructor() { super( new Vector2D( 96, 64 ), tileSize, new Vector2D( 8, 3 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#80dfff"; storageCanvas.context.fillRect( 2, 2, 7, 3 ); storageCanvas.context.fillStyle = "#00ccff"; storageCanvas.context.fillRect( 3, 1, 5, 1 ); storageCanvas.context.fillRect( 7, 2, 2, 1 ); storageCanvas.context.fillRect( 9, 3, 2, 1 ); storageCanvas.context.fillRect( 7, 4, 2, 1 ); storageCanvas.context.fillRect( 3, 5, 5, 1 ); storageCanvas.context.fillRect( 2, 2, 1, 3 ); storageCanvas.context.fillStyle = "#0099e6"; storageCanvas.context.fillRect( 1, 2, 1, 3 ); storageCanvas.context.fillRect( 2, 1, 1, 1 ); storageCanvas.context.fillRect( 3, 0, 4, 1 ); storageCanvas.context.fillRect( 7, 1, 2, 1 ); storageCanvas.context.fillRect( 9, 2, 2, 1 ); storageCanvas.context.fillRect( 11, 3, 3, 1 ); storageCanvas.context.fillRect( 9, 4, 2, 1 ); storageCanvas.context.fillRect( 7, 5, 2, 1 ); storageCanvas.context.fillRect( 3, 6, 5, 1 ); storageCanvas.context.fillRect( 2, 5, 1, 1 ); storageCanvas.context.fillRect( 12, 1, 2, 1 ); storageCanvas.context.fillRect( 16, 4, 1, 1 ); storageCanvas.context.fillRect( 13, 5, 2, 1 ); storageCanvas.context.fillRect( 15, 2, 1, 1 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 2, 3, 2, 1 ); storageCanvas.context.fillRect( 2, 2, 2, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class EnergyBall extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Energy Ball", 35, 50, tower, target, [ "Ground", "Air" ], 3.5, position, new EnergyProjectileModel() ); this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.05 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.05 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.05 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.05 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.1 ), new AdditionModifier( "splashRadius", 3 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.05 ), new AdditionModifier( "splashRadius", 6 ) ] ) ]; } copyUnit() { let copiedUnit = new EnergyBall( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class Lightning extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Lightning", 35, 0, tower, target, [ "Ground", "Air" ], 10, position, null ); this._baseMaxBounces = 3; this._remainingBounces = this.currentMaxBounces; this._upgradeList = [ new Upgrade( 0, [ new AdditionModifier( "damage", 3 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 2 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 3 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 2 ), new AdditionModifier( "bounces", 1 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 3 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 2 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 3 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 2 ) ] ), new Upgrade( 0, [ new AdditionModifier( "damage", 5 ), new AdditionModifier( "bounces", 1 ) ] ) ]; } get baseMaxBounces() { return this._baseMaxBounces; } get remainingBounces() { return this._remainingBounces; } get currentMaxBounces() { let tempMaxBounces = this._baseMaxBounces; for ( let modifier of this._modifierList ) { if ( modifier.property === "bounces" ) { tempMaxBounces = modifier.applyModifier( tempMaxBounces ); } } return tempMaxBounces; } set baseMaxBounces( new_bounces ) { this._baseMaxBounces = parseInt( new_bounces ); } set remainingBounces( new_bounces ) { this._remainingBounces = parseInt( new_bounces ); } copyUnit() { let copiedUnit = new Lightning( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } render( targetCanvas, scaleFactor = 1 ) { targetCanvas.context.scale( scaleFactor, scaleFactor ); targetCanvas.context.beginPath(); targetCanvas.context.strokeStyle = "#ffff00"; targetCanvas.context.lineWidth = 4; targetCanvas.context.moveTo( this.originTower.currentPosition.x, this.originTower.currentPosition.y ); targetCanvas.context.lineTo( this.target.currentPosition.x, this.target.currentPosition.y ); targetCanvas.context.stroke(); targetCanvas.context.fill(); targetCanvas.context.closePath(); targetCanvas.context.scale( ( 1 / scaleFactor), ( 1 / scaleFactor ) ); } } class Beam extends Projectile { constructor( player, map, tower, target, position = tower.currentPosition ) { super( player, map, "Beam", 5.0, 0, tower, target, [ "Ground" ], 10, position, null ); this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "damage", 1.13 ) ] ) ]; } copyUnit() { let copiedUnit = new Beam( this.owner, this.map, this.originTower, this.target, this.currentPosition ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } render( targetCanvas, scaleFactor = 1 ) { targetCanvas.context.scale( scaleFactor, scaleFactor ); targetCanvas.context.beginPath(); targetCanvas.context.strokeStyle = "#ff0000"; targetCanvas.context.lineWidth = 4; targetCanvas.context.moveTo( this.originTower.currentPosition.x, this.originTower.currentPosition.y ); targetCanvas.context.lineTo( this.target.currentPosition.x, this.target.currentPosition.y ); targetCanvas.context.stroke(); targetCanvas.context.closePath(); targetCanvas.context.scale( ( 1 / scaleFactor), ( 1 / scaleFactor ) ); } } class Tower extends Unit { constructor( player, map, name, attackSpeed, minAttackRange, maxAttackRange, possibleTargets, projectile, cost, position, model ) { super( player, map, name, position, 1, 10, model ); this._baseAttackSpeed = parseFloat( attackSpeed ); this._baseMinAttackRange = parseFloat( minAttackRange ); this._baseMaxAttackRange = parseFloat( maxAttackRange ); this._possibleTargets = possibleTargets; this._projectile = projectile; this._baseCost = parseInt( cost ); this._timeOfLastAttack = new Date().getTime(); } get baseAttackSpeed() { return this._baseAttackSpeed; } get baseMinAttackRange() { return this._baseMinAttackRange; } get baseMaxAttackRange() { return this._baseMaxAttackRange; } get possibleTargets() { return this._possibleTargets; } get projectile() { return this._projectile; } get baseCost() { return this._baseCost; } get timeOfLastAttack() { return this._timeOfLastAttack; } get currentDamage() { return this._projectile.currentDamage; } get currentSplashRadius() { return this._projectile.currentSplashRadius; } get currentAttackSpeed() { let tempAttackSpeed = this._baseAttackSpeed; for ( let modifier of this._modifierList ) { if ( modifier.property === "attackSpeed" ) { tempAttackSpeed = modifier.applyModifier( tempAttackSpeed ); } } return tempAttackSpeed; } get currentMinAttackRange() { let tempAttackRange = this._baseMinAttackRange; for ( let modifier of this._modifierList ) { if ( modifier.property === "minAttackRange" ) { tempAttackRange = modifier.applyModifier( tempAttackRange ); } } return tempAttackRange; } get currentMaxAttackRange() { let tempAttackRange = this._baseMaxAttackRange; for ( let modifier of this._modifierList ) { if ( modifier.property === "maxAttackRange" ) { tempAttackRange = modifier.applyModifier( tempAttackRange ); } } return tempAttackRange; } get buildCost() { let buildCost = this.baseCost; for ( let i = 1; i < this.currentLevel; ++i ) { buildCost += this.upgradeList[ i - 1 ].cost; } return buildCost; } set baseAttackSpeed( new_attackSpeed ) { this._baseAttackSpeed = parseFloat( new_attackSpeed ); } set baseMinAttackRange( new_attackRange ) { this._baseMinAttackRange = parseFloat( new_attackRange ); } set baseMaxAttackRange( new_attackRange ) { this._baseMaxAttackRange = parseFloat( new_attackRange ); } set possibleTargets( new_targets ) { this._possibleTargets = new_targets; } set projectile( new_projectile ) { this._projectile = new_projectile; } set baseCost( new_cost ) { this._baseCost = parseInt( new_cost ); } set timeOfLastAttack( new_time ) { this._timeOfLastAttack = new_time; } attack() { if ( ( new Date().getTime() - this.timeOfLastAttack ) / 1000 >= this.currentAttackSpeed ) { let newProjectile = this.projectile.copyUnit(); let monstersInRange = this.map.search ( this.currentPosition, this.currentMaxAttackRange, "monsters" ); let newTarget = monstersInRange.find( el => this.possibleTargets.includes( el.type ) && Vector2D.distanceBetween( this.currentPosition, el.currentPosition ) >= this.currentMinAttackRange ); if ( newTarget !== undefined ) { for ( let monster of monstersInRange ) { if ( this.possibleTargets.includes( monster.type ) ) { if ( Vector2D.distanceBetween( this.currentPosition, monster.currentPosition ) < Vector2D.distanceBetween( this.currentPosition, newTarget.currentPosition ) && Vector2D.distanceBetween( this.currentPosition, monster.currentPosition ) >= this.currentMinAttackRange ) { newTarget = monster; } } } newProjectile.target = newTarget; this.map.addProjectile( newProjectile ); this.timeOfLastAttack = new Date().getTime(); } } } printInfoToElement( id ) { let targetElement = document.getElementById( id ); targetElement.innerHTML = "

" + this.name + "

" + "

Level: " + this.currentLevel + "

" + "

Build Cost: " + this.buildCost + "

" + "

Cost to Max: " + this.costOfUpgradeToMax + "

" + "

Damage: " + this.currentDamage + "

" + "

Attack Speed: " + this.currentAttackSpeed + "

" + "

Min Range: " + this.currentMinAttackRange + "

" + "

Max Range: " + this.currentMaxAttackRange + "

" + "

Splash Radius: " + this.currentSplashRadius + "

" + "

Targets: " + this.possibleTargets + "

"; } renderAttackRange( targetCanvas ) { targetCanvas.context.setLineDash( [ 2, 10 ] ); targetCanvas.drawCircle( this.currentPosition, this.currentMinAttackRange, "rgb( 0, 255, 0 )", "rgba( 255, 255, 255, 0 )" ); targetCanvas.drawCircle( this.currentPosition, this.currentMaxAttackRange, "rgb( 255, 0, 0 )", "rgba( 255, 255, 255, 0 )" ); targetCanvas.context.setLineDash( [] ); } upgrade() { super.upgrade(); this.projectile.upgrade(); return this; } upgradeToLevel( newLevel ) { super.upgradeToLevel( newLevel ); this.projectile.upgradeToLevel( newLevel ); return this; } upgradeToMax() { super.upgradeToMax(); this.projectile.upgradeToMax(); return this; } } class ArrowTowerModel extends UnitModel { constructor() { super( new Vector2D( 0, 96 ), tileSize, new Vector2D( 9, 15 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#663300"; storageCanvas.context.fillRect( 0, 14, 17, 16 ); storageCanvas.context.fillRect( 1, 13, 15, 1 ); storageCanvas.context.fillRect( 5, 12, 7, 1 ); storageCanvas.context.fillRect( 6, 10, 5, 2 ); storageCanvas.context.fillRect( 5, 9, 7, 1 ); storageCanvas.context.fillRect( 0, 8, 17, 1 ); storageCanvas.context.fillRect( 1, 7, 15, 1 ); storageCanvas.context.fillRect( 2, 6, 13, 1 ); storageCanvas.context.fillRect( 3, 5, 11, 1 ); storageCanvas.context.fillRect( 4, 4, 9, 1 ); storageCanvas.context.fillRect( 5, 3, 7, 1 ); storageCanvas.context.fillRect( 6, 2, 5, 1 ); storageCanvas.context.fillRect( 7, 1, 3, 1 ); storageCanvas.context.fillRect( 8, 0, 1, 1 ); storageCanvas.context.fillStyle = "#990000"; storageCanvas.context.fillRect( 6, 25, 1, 5 ); storageCanvas.context.fillRect( 6, 25, 5, 1 ); storageCanvas.context.fillRect( 10, 25, 1, 5 ); storageCanvas.context.fillStyle = "ff3333"; storageCanvas.context.fillRect( 7, 26, 3, 4 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 2, 14, 13, 1 ); storageCanvas.context.fillRect( 2, 17, 13, 1 ); storageCanvas.context.fillRect( 2, 20, 13, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class ArrowTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Arrow Tower", 0.9, 0, 150, [ "Ground", "Air" ], null, 100, position, new ArrowTowerModel() ); this._upgradeList = [ new Upgrade( 10, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 20, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 30, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 40, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 50, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 60, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 70, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 80, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 90, [ new MultiplicationModifier( "attackSpeed", 0.98 ), new AdditionModifier( "maxAttackRange", 10 ) ] ) ]; this._projectile = new Arrow( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new ArrowTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "The Arrow Tower is the baseline of your defense. Although it has no spcecial properties, it provides solid stats in every category and is useful against both ground and air targets."; } } class LanceTowerModel extends UnitModel { constructor() { super( new Vector2D( 32, 96 ), tileSize, new Vector2D( 9, 15 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#4d4d4d"; storageCanvas.context.fillRect( 1, 4, 17, 26 ); storageCanvas.context.fillRect( 0, 1, 19, 3 ); storageCanvas.context.fillRect( 1, 0, 1, 1 ); storageCanvas.context.fillRect( 4, 0, 1, 1 ); storageCanvas.context.fillRect( 7, 0, 1, 1 ); storageCanvas.context.fillRect( 9, 0, 1, 1 ); storageCanvas.context.fillRect( 11, 0, 1, 1 ); storageCanvas.context.fillRect( 14, 0, 1, 1 ); storageCanvas.context.fillRect( 17, 0, 1, 1 ); storageCanvas.context.fillStyle = "#999999"; storageCanvas.context.fillRect( 1, 2, 17, 1 ); storageCanvas.context.fillRect( 2, 3, 15, 1 ); storageCanvas.context.fillRect( 3, 4, 13, 1 ); storageCanvas.context.fillStyle = "#0099cc"; storageCanvas.context.fillRect( 3, 5, 3, 12 ); storageCanvas.context.fillRect( 13, 5, 3, 12 ); storageCanvas.context.fillRect( 4, 17, 1, 1 ); storageCanvas.context.fillRect( 14, 17, 1, 1 ); storageCanvas.context.fillStyle = "#994d00"; storageCanvas.context.fillRect( 8, 5, 1, 25 ); storageCanvas.context.fillRect( 10, 5, 1, 25 ); storageCanvas.context.fillRect( 9, 6, 1, 1 ); storageCanvas.context.fillRect( 9, 8, 1, 1 ); storageCanvas.context.fillRect( 9, 10, 1, 1 ); storageCanvas.context.fillRect( 9, 12, 1, 1 ); storageCanvas.context.fillRect( 9, 14, 1, 1 ); storageCanvas.context.fillRect( 9, 16, 1, 1 ); storageCanvas.context.fillRect( 9, 18, 1, 1 ); storageCanvas.context.fillRect( 9, 20, 1, 1 ); storageCanvas.context.fillRect( 9, 22, 1, 1 ); storageCanvas.context.fillRect( 9, 24, 1, 1 ); storageCanvas.context.fillRect( 9, 26, 1, 1 ); storageCanvas.context.fillRect( 9, 28, 1, 1 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 3, 20, 3, 5 ); storageCanvas.context.fillRect( 13, 20, 3, 5 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 21, 1, 3 ); storageCanvas.context.fillRect( 14, 21, 1, 3 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class LanceTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Lance Tower", 0.6, 50, 250, [ "Air" ], null, 200, position, new LanceTowerModel() ); this._upgradeList = [ new Upgrade( 10, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 25, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 35, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 50, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -4 ) ] ), new Upgrade( 60, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 75, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 85, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 100, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 2.5 ), new AdditionModifier( "minAttackRange", -2 ) ] ), new Upgrade( 110, [ new MultiplicationModifier( "attackSpeed", 0.97 ), new AdditionModifier( "maxAttackRange", 5 ), new AdditionModifier( "minAttackRange", -2 ) ] ) ]; this._projectile = new Lance( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new LanceTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "The Lance Tower is a modified version of the Arrow Tower. The new construction allows the weapon to launch heavier and longer projectiles at a greater range, however, it lost the ability to target enemies on the ground. It excels as an anti-air defense."; } } class BoulderTowerModel extends UnitModel { constructor() { super( new Vector2D( 64, 96 ), tileSize, new Vector2D( 9, 12 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#4d4d4d"; storageCanvas.context.fillRect( 0, 3, 17, 24 ); storageCanvas.context.fillRect( 1, 2, 15, 1 ); storageCanvas.context.fillRect( 2, 1, 13, 1 ); storageCanvas.context.fillRect( 6, 0, 5, 1 ); storageCanvas.context.fillRStyle = "#999999"; storageCanvas.context.fillRect( 0, 3, 17, 2 ); storageCanvas.context.fillRect( 1, 5, 15, 1 ); storageCanvas.context.fillRect( 2, 6, 13, 1 ); storageCanvas.context.fillRect( 6, 7, 5, 1 ); storageCanvas.context.fillStyle = "#ffff33"; storageCanvas.context.fillRect( 6, 1, 5, 6 ); storageCanvas.context.fillRect( 2, 2, 13, 4 ); storageCanvas.context.fillRect( 1, 3, 15, 2 ); storageCanvas.context.fillStyle = "#663500"; storageCanvas.context.fillRect( 6, 3, 1, 3 ); storageCanvas.context.fillRect( 10, 3, 1, 3 ); storageCanvas.context.fillRect( 7, 7, 1, 20 ); storageCanvas.context.fillRect( 9, 7, 1, 20 ); storageCanvas.context.fillRect( 8, 7, 1, 1 ); storageCanvas.context.fillRect( 8, 9, 1, 1 ); storageCanvas.context.fillRect( 8, 11, 1, 1 ); storageCanvas.context.fillRect( 8, 13, 1, 1 ); storageCanvas.context.fillRect( 8, 15, 1, 1 ); storageCanvas.context.fillRect( 8, 17, 1, 1 ); storageCanvas.context.fillRect( 8, 19, 1, 1 ); storageCanvas.context.fillRect( 8, 21, 1, 1 ); storageCanvas.context.fillRect( 8, 23, 1, 1 ); storageCanvas.context.fillRect( 8, 25, 1, 1 ); storageCanvas.context.fillStyle = "#0099cc"; storageCanvas.context.fillRect( 2, 7, 3, 6 ); storageCanvas.context.fillRect( 3, 13, 1, 1 ); storageCanvas.context.fillRect( 12, 7, 3, 6 ); storageCanvas.context.fillRect( 13, 13, 1, 1 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 7, 2, 3, 3 ); storageCanvas.context.fillRect( 2, 16, 2, 2 ); storageCanvas.context.fillRect( 13, 16, 2, 2 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 8, 3, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class BoulderTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Boulder Tower", 2, 30, 175, [ "Ground" ], null, 150, position, new BoulderTowerModel() ); this._upgradeList = [ new Upgrade( 20, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 35, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 45, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 60, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 70, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 85, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 95, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 110, [ new AdditionModifier( "maxAttackRange", 10 ), new AdditionModifier( "minAttackRange", 2 ) ] ), new Upgrade( 120, [ new AdditionModifier( "maxAttackRange", 20 ), new AdditionModifier( "minAttackRange", 4 ) ] ) ]; this._projectile = new Boulder( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new BoulderTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "The Boulder Tower smashes groups of enemies with its giant projectiles. Or rather it used to, until my friend suggested to have it throw bread instead. Nonetheless, it will still anihilate any group of enemies walking too closely together."; } } class EnergyTowerModel extends UnitModel { constructor() { super( new Vector2D( 96, 96 ), tileSize, new Vector2D( 9, 15 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#994d00"; storageCanvas.context.fillRect( 0, 12, 19, 18 ); storageCanvas.context.fillRect( 1, 11, 17, 1 ); storageCanvas.context.fillRect( 2, 10, 15, 1 ); storageCanvas.context.fillRect( 6, 9, 7, 1 ); storageCanvas.context.fillRect( 7, 8, 5, 1 ); storageCanvas.context.fillStyle = "#0099cc"; storageCanvas.context.fillRect( 7, 9, 5, 1 ); storageCanvas.context.fillRect( 6, 10, 7, 1 ); storageCanvas.context.fillRect( 2, 11, 15, 1 ); storageCanvas.context.fillRect( 1, 12, 17, 12 ); storageCanvas.context.fillRect( 2, 24, 15, 1 ); storageCanvas.context.fillRect( 3, 25, 13, 1 ); storageCanvas.context.fillRect( 4, 26, 11, 1 ); storageCanvas.context.fillRect( 5, 27, 9, 1 ); storageCanvas.context.fillStyle = "#33ccff"; storageCanvas.context.fillRect( 9, 0, 1, 10 ); storageCanvas.context.fillRect( 8, 1, 3, 8 ); storageCanvas.context.fillRect( 7, 2, 5, 6 ); storageCanvas.context.fillRect( 6, 3, 7, 4 ); storageCanvas.context.fillRect( 8, 10, 1, 1 ); storageCanvas.context.fillRect( 7, 11, 1, 2 ); storageCanvas.context.fillRect( 4, 13, 3, 1 ); storageCanvas.context.fillRect( 7, 14, 1, 1 ); storageCanvas.context.fillRect( 6, 15, 1, 2 ); storageCanvas.context.fillRect( 3, 14, 1, 2 ); storageCanvas.context.fillRect( 4, 16, 1, 2 ); storageCanvas.context.fillRect( 3, 18, 1, 1 ); storageCanvas.context.fillRect( 2, 19, 1, 3 ); storageCanvas.context.fillRect( 4, 19, 1, 3 ); storageCanvas.context.fillRect( 10, 10, 1, 2 ); storageCanvas.context.fillRect( 11, 12, 2, 1 ); storageCanvas.context.fillRect( 10, 13, 1, 1 ); storageCanvas.context.fillRect( 9, 14, 1, 3 ); storageCanvas.context.fillRect( 10, 17, 1, 1 ); storageCanvas.context.fillRect( 8, 17, 1, 4 ); storageCanvas.context.fillRect( 7, 21, 1, 1 ); storageCanvas.context.fillRect( 6, 22, 1, 1 ); storageCanvas.context.fillRect( 13, 13, 1, 2 ); storageCanvas.context.fillRect( 12, 15, 1, 1 ); storageCanvas.context.fillRect( 14, 15, 1, 2 ); storageCanvas.context.fillRect( 15, 17, 1, 1 ); storageCanvas.context.fillRect( 16, 18, 1, 1 ); storageCanvas.context.fillRect( 13, 17, 1, 1 ); storageCanvas.context.fillRect( 12, 18, 1, 2 ); storageCanvas.context.fillRect( 13, 20, 1, 1 ); storageCanvas.context.fillStyle = "#ffff00"; storageCanvas.context.fillRect( 6, 4, 2, 1 ); storageCanvas.context.fillRect( 8, 5, 3, 1 ); storageCanvas.context.fillRect( 11, 4, 2, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class EnergyTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Energy Tower", 1.4, 35, 125, [ "Air" ], null, 250, position, new EnergyTowerModel() ); this._upgradeList = [ new Upgrade( 40, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 50, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 60, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 70, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 80, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 90, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 100, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 110, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ), new Upgrade( 120, [ new MultiplicationModifier( "attackSpeed", 0.95 ) ] ) ]; this._projectile = new EnergyBall( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new EnergyTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "Just as the Boulder Tower, the Energy Tower can target entire groups of enemies at once. However, contrary to the Boulder Tower, the projectiles' explosions can include air targets. Despite this, the projectiles can only be launched at enemies on the ground."; } } class LightningTowerModel extends UnitModel { constructor() { super( new Vector2D( 128, 96 ), tileSize, new Vector2D( 9, 14 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#999999"; storageCanvas.context.fillRect( 2, 23, 2, 2 ); storageCanvas.context.fillRect( 15, 23, 2, 2 ); storageCanvas.context.fillRect( 3, 21, 2, 2 ); storageCanvas.context.fillRect( 14, 21, 2, 2 ); storageCanvas.context.fillRect( 4, 19, 2, 2 ); storageCanvas.context.fillRect( 13, 19, 2, 2 ); storageCanvas.context.fillRect( 5, 14, 2, 5 ); storageCanvas.context.fillRect( 12, 14, 2, 5 ); storageCanvas.context.fillRect( 4, 9, 2, 5 ); storageCanvas.context.fillRect( 13, 9, 2, 5 ); storageCanvas.context.fillRect( 3, 7, 2, 2 ); storageCanvas.context.fillRect( 14, 7, 2, 2 ); storageCanvas.context.fillRect( 3, 4, 1, 2 ); storageCanvas.context.fillRect( 15, 4, 1, 2 ); storageCanvas.context.fillRect( 4, 3, 1, 1 ); storageCanvas.context.fillRect( 14, 3, 1, 1 ); storageCanvas.context.fillRect( 5, 2, 2, 1 ); storageCanvas.context.fillRect( 12, 2, 2, 1 ); storageCanvas.context.fillRect( 5, 5, 1, 1 ); storageCanvas.context.fillRect( 13, 5, 1, 1 ); storageCanvas.context.fillRect( 6, 4, 1, 1 ); storageCanvas.context.fillRect( 12, 4, 1, 1 ); storageCanvas.context.fillStyle = "#663300"; storageCanvas.context.fillRect( 0, 27, 19, 2 ); storageCanvas.context.fillRect( 2, 25, 15, 2 ); storageCanvas.context.fillRect( 5, 16, 9, 1 ); storageCanvas.context.fillRect( 4, 11, 11, 1 ); storageCanvas.context.fillRect( 3, 6, 13, 1 ); storageCanvas.context.fillRect( 8, 5, 3, 1 ); storageCanvas.context.fillStyle = "#ffff00"; storageCanvas.context.fillRect( 8, 0, 3, 4 ); storageCanvas.context.fillRect( 7, 1, 1, 3 ); storageCanvas.context.fillStyle = "#b3b300"; storageCanvas.context.fillRect( 11, 1, 1, 3 ); storageCanvas.context.fillRect( 8, 4, 3, 1 ); storageCanvas.context.fillRect( 10, 3, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class LightningTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Lightning Tower", 1.2, 0, 100, [ "Ground", "Air" ], null, 300, position, new LightningTowerModel() ); this._upgradeList = [ new Upgrade( 30, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 45, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 60, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 75, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 13 ) ] ), new Upgrade( 90, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 105, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 120, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 135, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 7 ) ] ), new Upgrade( 150, [ new MultiplicationModifier( "attackSpeed", 0.93 ), new AdditionModifier( "maxAttackRange", 13 ) ] ) ]; this._projectile = new Lightning( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new LightningTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } printInfoToElement( id ) { let targetElement = document.getElementById( id ); super.printInfoToElement( id ); targetElement.innerHTML = targetElement.innerHTML + "

Bounces: " + this.projectile.currentMaxBounces + "

"; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "The Lightning Tower is a modern invention and about the strongest general-purpose tower available to you. It can target both ground and air, provides good stats, and to top things off, the projectile will bounce off of enemies and hit others close by."; } } class BeamTowerModel extends UnitModel { constructor() { super( new Vector2D( 160, 96 ), tileSize, new Vector2D( 8, 15 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#404040"; storageCanvas.context.fillRect( 3, 22, 10, 8 ); storageCanvas.context.fillRect( 4, 21, 8, 1 ); storageCanvas.context.fillRect( 5, 14, 6, 6 ); storageCanvas.context.fillRect( 4, 16, 8, 2 ); storageCanvas.context.fillRect( 6, 12, 4, 9 ); storageCanvas.context.fillRect( 5, 11, 6, 1 ); storageCanvas.context.fillRect( 4, 10, 8, 1 ); storageCanvas.context.fillRect( 3, 9, 10, 1 ); storageCanvas.context.fillRect( 2, 8, 12, 1 ); storageCanvas.context.fillRect( 1, 7, 2, 1 ); storageCanvas.context.fillRect( 13, 7, 2, 1 ); storageCanvas.context.fillRect( 1, 4, 1, 4 ); storageCanvas.context.fillRect( 14, 4, 1, 4 ); storageCanvas.context.fillRect( 0, 1, 1, 4 ); storageCanvas.context.fillRect( 15, 1, 1, 4 ); storageCanvas.context.fillRect( 1, 0, 1, 1 ); storageCanvas.context.fillRect( 14, 0, 1, 1 ); storageCanvas.context.fillStyle = "#ff0000"; storageCanvas.context.fillRect( 2, 3, 12, 1 ); storageCanvas.context.fillRect( 3, 2, 10, 3 ); storageCanvas.context.fillRect( 5, 1, 6, 5 ); storageCanvas.context.fillStyle = "#990000"; storageCanvas.context.fillRect( 6, 3, 4, 1 ); storageCanvas.context.fillRect( 7, 2, 2, 3 ); storageCanvas.context.fillStyle = "#660000"; storageCanvas.context.fillRect( 7, 3, 2, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class BeamTower extends Tower { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Beam Tower", 0.05, 0, 50, [ "Ground" ], null, 400, position, new BeamTowerModel() ); this._upgradeList = [ new Upgrade( 20, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 40, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 60, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 80, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 100, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 120, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 140, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 160, [ new AdditionModifier( "maxAttackRange", 5 ) ] ), new Upgrade( 180, [ new AdditionModifier( "maxAttackRange", 10 ) ] ) ]; this._projectile = new Beam( player, map, this, null ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new BeamTower( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "The mighty Beam Tower burns through any enemy on the ground, no matter how tough it might seem. Its continuous attack deals rapid damage to single targets, but falls a bit flat against many small enemies and is useless against any kind of air unit."; } } class TowerFactory { static constructTower( TowerType, position, levelAtConstruction = 1 ) { return new TowerType( player, map, position, levelAtConstruction ); } } class Monster extends Unit { constructor( player, map, name, maxHealth, speed, bounty, penalty, type, position, model ) { super( player, map, name, position, 1, 3, model ); this._baseMaxHealth = parseInt( maxHealth ); this._baseSpeed = parseFloat( speed ); this._baseBounty = parseInt( bounty ); this._penalty = parseInt( penalty ); this._type = type; this._currentHealth = this.currentMaxHealth; this._upgradeList = [ new Upgrade( 0, [ new MultiplicationModifier( "health", 1.75 ), new MultiplicationModifier( "speed", 1.1 ) ] ), new Upgrade( 0, [ new MultiplicationModifier( "health", 1.75 ), new MultiplicationModifier( "speed", 1.1 ) ] ) ]; } get baseMaxHealth() { return this._baseMaxHealth; } get currentHealth() { return this.currentMaxHealth - ( this.currentMaxHealth - this._currentHealth ); } get baseSpeed() { return this._baseSpeed; } get baseBounty() { return this._baseBounty; } get penalty() { return this._penalty; } get type() { return this._type; } get currentMaxHealth() { let tempMaxHealth = this._baseMaxHealth; for ( let modifier of this._modifierList ) { if ( modifier.property === "health" ) { tempMaxHealth = modifier.applyModifier( tempMaxHealth ); } } return parseInt( tempMaxHealth ); } get currentSpeed() { let tempSpeed = this._baseSpeed; for ( let modifier of this._modifierList ) { if ( modifier.property === "speed" ) { tempSpeed = modifier.applyModifier( tempSpeed ); } } return parseFloat( tempSpeed ); } get currentBounty() { let tempBounty = this._baseBounty; for ( let modifier of this._modifierList ) { if ( modifier.property === "bounty" ) { tempBounty = modifier.applyModifier( tempBounty ); } } return parseInt( tempBounty ); } get distanceToGoal() { return Vector2D.vectorBetween( this.currentPosition, this.map.grid.tileToPosition( this.map.grid.goalTile ) ).length; } set baseMaxHealth( new_health ) { this._baseMaxHealth = parseInt( new_health ); } set currentHealth( new_health ) { this._currentHealth = parseFloat( new_health ); } set baseSpeed( new_speed ) { this._baseSpeed = parseFloat( new_speed ); } set baseBounty( new_bounty ) { this._baseBounty = parseInt( new_bounty ); } set penalty( new_penalty ) { this._penalty = parseInt( new_penalty ); } set type( new_type ) { this._type = new_type; } printInfoToElement( id ) { let targetElement = document.getElementById( id ); targetElement.innerHTML = "

" + this.name + "

" + "

Level: " + this.currentLevel + "

" + "

Health: " + this.currentMaxHealth + "

" + "

Speed: " + this.currentSpeed + "

" + "

Bounty: " + this.currentBounty + "

" + "

Penalty: " + this.penalty + "

" + "

Type: " + this.type + "

"; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "This terryfing creature wants to invade our beach! Under no circumstance let yourself be distracted by its cute look! IT MUST BE EXTERMINATED!!!"; } } class GroundMonster extends Monster { constructor( player, map, name, maxHealth, speed, bounty, penalty, position, model ) { super( player, map, name, maxHealth, speed, bounty, penalty, "Ground", position, model ); } move() { let movementVector = Vector2D.vectorBetween ( this.currentPosition, this.map.grid.tileToPosition( this.currentTile.nextTileToGoal ) ).normalize().scale( this.currentSpeed ); if ( this.distanceToGoal < movementVector.length && this.currentTile.id === this.map.grid.goalTile.id ) { this.position = this.map.grid.tileToPosition( this.map.grid.goalTile ); } else { this.currentPosition = Vector2D.add( this.currentPosition, movementVector ); } } } class AirMonster extends Monster { constructor( player, map, name, maxHealth, speed, bounty, penalty, position, model ) { super( player, map, name, maxHealth, speed, bounty, penalty, "Air", position, model ); } move() { let movementVector = Vector2D.vectorBetween ( this.currentPosition, this.map.grid.tileToPosition( this.map.grid.goalTile ) ).normalize().scale( this.currentSpeed ); if ( this.distanceToGoal < movementVector.length ) { this.position = this.map.grid.tileToPosition( this.map.grid.goalTile ); } else { this.currentPosition = Vector2D.add( this.currentPosition, movementVector ); } } } class CrabModel extends UnitModel { constructor() { super( new Vector2D( 0, 0 ), tileSize, new Vector2D( 7, 7 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#cc0000"; storageCanvas.context.fillRect( 0, 1, 15, 13 ); storageCanvas.context.clearRect( 0, 1, 2, 1 ); storageCanvas.context.clearRect( 13, 1, 2, 1 ); storageCanvas.context.clearRect( 0, 2, 1, 2 ); storageCanvas.context.clearRect( 14, 2, 1, 2 ); storageCanvas.context.clearRect( 6, 1, 3, 5 ); storageCanvas.context.clearRect( 4, 2, 7, 1 ); storageCanvas.context.clearRect( 5, 4, 5, 1 ); storageCanvas.context.clearRect( 2, 5, 11, 1 ); storageCanvas.context.clearRect( 2, 6, 2, 1 ); storageCanvas.context.clearRect( 11, 6, 2, 1 ); storageCanvas.context.clearRect( 0, 8, 1, 3 ); storageCanvas.context.clearRect( 14, 8, 1, 3 ); storageCanvas.context.clearRect( 1, 9, 2, 1 ); storageCanvas.context.clearRect( 12, 9, 2, 1 ); storageCanvas.context.clearRect( 2, 11, 2, 1 ); storageCanvas.context.clearRect( 11, 11, 2, 1 ); storageCanvas.context.clearRect( 0, 12, 3, 1 ); storageCanvas.context.clearRect( 12, 12, 3, 1 ); storageCanvas.context.clearRect( 0, 13, 2, 1 ); storageCanvas.context.clearRect( 4, 13, 2, 1 ); storageCanvas.context.clearRect( 9, 13, 2, 1 ); storageCanvas.context.clearRect( 13, 13, 2, 1 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 5, 5, 1, 1 ); storageCanvas.context.fillRect( 9, 5, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Crab extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Crab", 60, 1.0, 12, 1, position, new CrabModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Crab( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class TurtleModel extends UnitModel { constructor() { super( new Vector2D( 32, 0 ), tileSize, new Vector2D( 9, 6 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#009900"; storageCanvas.context.fillRect( 6, 0, 4, 2 ); storageCanvas.context.fillRect( 4, 2, 8, 2 ); storageCanvas.context.fillRect( 2, 4, 12, 6 ); storageCanvas.context.fillStyle = "#00cc00"; storageCanvas.context.fillRect( 0, 8, 2, 2 ); storageCanvas.context.fillRect( 2, 10, 12, 4 ); storageCanvas.context.clearRect( 6, 12, 4, 2 ); storageCanvas.context.fillRect( 14, 2, 4, 8 ); storageCanvas.context.fillRect( 18, 4, 2, 4 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 16, 4, 2, 2 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Turtle extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Turtle", 175, 0.4, 14, 1, position, new TurtleModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Turtle( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class SnakeModel extends UnitModel { constructor() { super( new Vector2D( 96, 0 ), tileSize, new Vector2D( 7, 7 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#88cc00"; storageCanvas.context.fillRect( 3, 1, 7, 5); storageCanvas.context.fillRect( 2, 8, 7, 2); storageCanvas.context.fillRect( 2, 11, 9, 2); storageCanvas.context.fillRect( 1, 10, 2, 1); storageCanvas.context.fillRect( 10, 10, 1, 1); storageCanvas.context.fillStyle = "#29a329"; storageCanvas.context.fillRect( 4, 6, 6, 1); storageCanvas.context.fillRect( 10, 4, 1, 2); storageCanvas.context.fillRect( 4, 10, 5, 1); storageCanvas.context.fillRect( 1, 11, 1, 2); storageCanvas.context.fillRect( 8, 9, 3, 2); storageCanvas.context.fillRect( 11, 10, 3, 4); storageCanvas.context.fillRect( 2, 13, 9, 1); storageCanvas.context.fillRect( 11, 9, 1, 1); storageCanvas.context.fillRect( 9, 8, 1, 1); storageCanvas.context.fillStyle = "#ffcccc"; storageCanvas.context.fillRect( 3, 5, 1, 1); storageCanvas.context.fillRect( 9, 5, 1, 1); storageCanvas.context.fillStyle = "#284d00"; storageCanvas.context.fillRect( 4, 0, 5, 1); storageCanvas.context.fillRect( 3, 1, 1, 2); storageCanvas.context.fillRect( 9, 1, 1, 1); storageCanvas.context.fillRect( 10, 2, 1, 2); storageCanvas.context.fillRect( 2, 3, 1, 3); storageCanvas.context.fillRect( 3, 6, 1, 1); storageCanvas.context.fillRect( 10, 6, 1, 4); storageCanvas.context.fillRect( 11, 4, 1, 2); storageCanvas.context.fillRect( 4, 7, 6, 1); storageCanvas.context.fillRect( 2, 8, 2, 1); storageCanvas.context.fillRect( 6, 8, 1, 1); storageCanvas.context.fillRect( 11, 8, 1, 1); storageCanvas.context.fillRect( 1, 9, 1, 1); storageCanvas.context.fillRect( 5, 9, 1, 1); storageCanvas.context.fillRect( 12, 9, 1, 1); storageCanvas.context.fillRect( 0, 10, 1, 3); storageCanvas.context.fillRect( 3, 10, 1, 1); storageCanvas.context.fillRect( 9, 10, 1, 1); storageCanvas.context.fillRect( 13, 10, 1, 1); storageCanvas.context.fillRect( 4, 11, 5, 1); storageCanvas.context.fillRect( 12, 11, 1, 3); storageCanvas.context.fillRect( 14, 11, 1, 3); storageCanvas.context.fillRect( 1, 12, 1, 1); storageCanvas.context.fillRect( 11, 12, 1, 1); storageCanvas.context.fillRect( 2, 13, 9, 1); storageCanvas.context.fillRect( 13, 14, 1, 1); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 4, 3, 1, 2); storageCanvas.context.fillRect( 8, 3, 1, 2); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Snake extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Snake", 45, 1.7, 15, 1, position, new SnakeModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Snake( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class WalrusModel extends UnitModel { constructor() { super( new Vector2D( 64, 0 ), tileSize, new Vector2D( 13, 8 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#604020"; storageCanvas.context.fillRect( 3, 2, 10, 12 ); storageCanvas.context.clearRect( 3, 6, 1, 2 ); storageCanvas.context.fillRect( 6, 13, 4, 1 ); storageCanvas.context.fillRect( 4, 1, 8, 1 ); storageCanvas.context.fillRect( 5, 0, 6, 1 ); storageCanvas.context.fillRect( 0, 14, 4, 1 ); storageCanvas.context.fillRect( 1, 13, 2, 1 ); storageCanvas.context.fillRect( 2, 12, 1, 1 ); storageCanvas.context.fillRect( 12, 14, 4, 1 ); storageCanvas.context.fillRect( 13, 15, 4, 1 ); storageCanvas.context.fillRect( 14, 16, 4, 1 ); storageCanvas.context.fillRect( 13, 4, 1, 10 ); storageCanvas.context.fillRect( 14, 5, 1, 9 ); storageCanvas.context.fillRect( 15, 6, 2, 8 ); storageCanvas.context.fillRect( 17, 7, 2, 6 ); storageCanvas.context.fillRect( 19, 8, 2, 4 ); storageCanvas.context.fillRect( 21, 8, 1, 3 ); storageCanvas.context.fillRect( 22, 6, 2, 4 ); storageCanvas.context.fillRect( 24, 8, 1, 3 ); storageCanvas.context.fillRect( 25, 8, 1, 4 ); storageCanvas.context.fillRect( 26, 9, 1, 4 ); storageCanvas.context.fillRect( 20, 6, 2, 1 ); storageCanvas.context.fillRect( 18, 5, 5, 1 ); storageCanvas.context.fillRect( 19, 4, 3, 1 ); storageCanvas.context.fillStyle = "#ffbb99"; storageCanvas.context.fillRect( 6, 4, 4, 3 ); storageCanvas.context.fillRect( 5, 5, 6, 1 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 7, 4, 2, 1 ); storageCanvas.context.fillRect( 5, 3, 1, 1 ); storageCanvas.context.fillRect( 10, 3, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Walrus extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Walrus", 130, 0.7, 17, 1, position, new WalrusModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Walrus( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class OctopusModel extends UnitModel { constructor() { super( new Vector2D( 128, 0 ), tileSize, new Vector2D( 8, 8 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 6, 0, 5, 1 ); storageCanvas.context.fillRect( 4, 1, 9, 1 ); storageCanvas.context.fillRect( 3, 2, 11, 1 ); storageCanvas.context.fillRect( 2, 3, 13, 2 ); storageCanvas.context.fillRect( 1, 5, 15, 4 ); storageCanvas.context.fillRect( 2, 9, 13, 1 ); storageCanvas.context.fillRect( 1, 10, 15, 5 ); storageCanvas.context.fillRect( 0, 11, 1, 2 ); storageCanvas.context.fillRect( 16, 11, 1, 2 ); storageCanvas.context.fillRect( 2, 15, 13, 1 ); storageCanvas.context.clearRect( 8, 15, 1, 1 ); storageCanvas.context.fillRect( 5, 16, 2, 1 ); storageCanvas.context.fillRect( 10, 16, 2, 1 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 5, 3, 1 ); storageCanvas.context.fillRect( 10, 5, 3, 1 ); storageCanvas.context.fillRect( 3, 6, 5, 1 ); storageCanvas.context.fillRect( 9, 6, 5, 1 ); storageCanvas.context.fillRect( 3, 7, 2, 1 ); storageCanvas.context.fillRect( 7, 7, 3, 1 ); storageCanvas.context.fillRect( 12, 7, 2, 1 ); storageCanvas.context.fillRect( 3, 8, 2, 1 ); storageCanvas.context.fillRect( 12, 8, 2, 1 ); storageCanvas.context.fillRect( 4, 9, 2, 1 ); storageCanvas.context.fillRect( 11, 9, 2, 1 ); storageCanvas.context.fillStyle = "#cc33ff"; storageCanvas.context.fillRect( 6, 1, 5, 1 ); storageCanvas.context.fillRect( 4, 2, 9, 1 ); storageCanvas.context.fillRect( 3, 3, 11, 2 ); storageCanvas.context.fillRect( 2, 5, 2, 1 ); storageCanvas.context.fillRect( 7, 5, 3, 1 ); storageCanvas.context.fillRect( 13, 5, 2, 1 ); storageCanvas.context.fillRect( 2, 6, 1, 3 ); storageCanvas.context.fillRect( 8, 6, 1, 2 ); storageCanvas.context.fillRect( 14, 6, 1, 3 ); storageCanvas.context.fillRect( 3, 9, 1, 1 ); storageCanvas.context.fillRect( 7, 9, 3, 1 ); storageCanvas.context.fillRect( 13, 9, 1, 1 ); storageCanvas.context.fillRect( 2, 10, 1, 2 ); storageCanvas.context.fillRect( 4, 10, 1, 1 ); storageCanvas.context.fillRect( 6, 10, 1, 2 ); storageCanvas.context.fillRect( 10, 10, 1, 2 ); storageCanvas.context.fillRect( 12, 10, 1, 1 ); storageCanvas.context.fillRect( 14, 10, 1, 2 ); storageCanvas.context.fillRect( 1, 11, 1, 2 ); storageCanvas.context.fillRect( 15, 11, 1, 2 ); storageCanvas.context.fillRect( 3, 12, 2, 2 ); storageCanvas.context.fillRect( 7, 12, 3, 1 ); storageCanvas.context.fillRect( 12, 12, 2, 2 ); storageCanvas.context.fillRect( 6, 13, 1, 3 ); storageCanvas.context.fillRect( 10, 13, 1, 3 ); storageCanvas.context.fillRect( 2, 14, 2, 1 ); storageCanvas.context.fillRect( 6, 14, 1, 1 ); storageCanvas.context.fillRect( 8, 14, 1, 1 ); storageCanvas.context.fillRect( 12, 14, 2, 1 ); storageCanvas.context.fillRect( 5, 15, 1, 1 ); storageCanvas.context.fillRect( 11, 15, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Octopus extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Octopus", 80, 1.2, 19, 1, position, new OctopusModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Octopus( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class DolphinModel extends UnitModel { constructor() { super( new Vector2D( 160, 0 ), tileSize, new Vector2D( 12, 7 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#b3b3b3"; storageCanvas.context.fillRect( 4, 4, 12, 7 ); storageCanvas.context.clearRect( 8, 10, 4, 1 ); storageCanvas.context.fillRect( 6, 3, 7, 1 ); storageCanvas.context.fillRect( 9, 2, 3, 1 ); storageCanvas.context.fillRect( 10, 1, 2, 1 ); storageCanvas.context.fillRect( 11, 0, 1, 1 ); storageCanvas.context.fillRect( 3, 5, 1, 6 ); storageCanvas.context.fillRect( 2, 6, 1, 6 ); storageCanvas.context.fillRect( 1, 7, 1, 7 ); storageCanvas.context.fillRect( 0, 8, 1, 4 ); storageCanvas.context.fillRect( 6, 11, 2, 1 ); storageCanvas.context.fillRect( 7, 12, 1, 1 ); storageCanvas.context.fillRect( 16, 5, 1, 5 ); storageCanvas.context.fillRect( 17, 5, 1, 6 ); storageCanvas.context.fillRect( 18, 6, 1, 6 ); storageCanvas.context.fillRect( 19, 7, 1, 8 ); storageCanvas.context.fillRect( 20, 9, 1, 11 ); storageCanvas.context.fillRect( 21, 11, 1, 9 ); storageCanvas.context.fillRect( 22, 13, 1, 6 ); storageCanvas.context.fillRect( 23, 14, 1, 3 ); storageCanvas.context.fillRect( 24, 14, 2, 2 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 10, 1, 1 ); storageCanvas.context.fillRect( 8, 7, 5, 3 ); storageCanvas.context.fillRect( 13, 8, 1, 1 ); storageCanvas.context.fillRect( 12, 9, 4, 2 ); storageCanvas.context.fillRect( 16, 10, 1, 2 ); storageCanvas.context.fillRect( 17, 11, 1, 2 ); storageCanvas.context.fillRect( 18, 12, 1, 2 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 2, 9, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Dolphin extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Dolphin", 70, 1.6, 21, 1, position, new DolphinModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Dolphin( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class SharkModel extends UnitModel { constructor() { super( new Vector2D( 192, 0 ), tileSize, new Vector2D( 15, 7 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#808080"; storageCanvas.context.fillRect( 12, 4, 12, 9 ); storageCanvas.context.fillRect( 24, 4, 1, 8 ); storageCanvas.context.fillRect( 25, 5, 1, 7 ); storageCanvas.context.fillRect( 26, 6, 1, 6 ); storageCanvas.context.fillRect( 27, 6, 1, 5 ); storageCanvas.context.fillRect( 28, 7, 1, 3 ); storageCanvas.context.fillRect( 29, 7, 1, 2 ); storageCanvas.context.fillRect( 10, 5, 2, 7 ); storageCanvas.context.fillRect( 8, 6, 2, 5 ); storageCanvas.context.fillRect( 6, 7, 2, 4 ); storageCanvas.context.fillRect( 4, 8, 2, 3 ); storageCanvas.context.fillRect( 3, 7, 1, 5 ); storageCanvas.context.fillRect( 2, 6, 1, 7 ); storageCanvas.context.fillRect( 1, 5, 1, 9 ); storageCanvas.context.fillRect( 0, 4, 1, 11 ); storageCanvas.context.clearRect( 1, 9, 1, 1 ); storageCanvas.context.clearRect( 0, 7, 1, 5 ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 24, 10, 3, 1 ); storageCanvas.context.fillRect( 23, 6, 2, 2 ); storageCanvas.context.fillRect( 25, 7, 1, 1 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 9, 10, 1, 1 ); storageCanvas.context.fillRect( 7, 11, 3, 1 ); storageCanvas.context.fillRect( 6, 12, 3, 1 ); storageCanvas.context.fillRect( 12, 4, 4, 1 ); storageCanvas.context.fillRect( 13, 3, 6, 1 ); storageCanvas.context.fillRect( 14, 2, 5, 1 ); storageCanvas.context.fillRect( 14, 1, 4, 1 ); storageCanvas.context.fillRect( 13, 0, 4, 1 ); storageCanvas.context.fillRect( 17, 11, 3, 1 ); storageCanvas.context.fillRect( 16, 12, 3, 1 ); storageCanvas.context.fillRect( 15, 13, 4, 1 ); storageCanvas.context.fillRect( 14, 14, 4, 1 ); storageCanvas.context.fillRect( 16, 8, 1, 1 ); storageCanvas.context.fillRect( 18, 7, 1, 2 ); storageCanvas.context.fillRect( 20, 7, 1, 2 ); storageCanvas.context.fillRect( 24, 7, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Shark extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Shark", 85, 1.4, 23, 2, position, new SharkModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Shark( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class SeagullModel extends UnitModel { constructor() { super( new Vector2D( 224, 0 ), tileSize, new Vector2D( 9, 6 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 6, 10, 4); storageCanvas.context.fillStyle = "#ffff00"; storageCanvas.context.fillRect( 14, 8, 3, 2); storageCanvas.context.fillRect( 4, 11, 2, 1); storageCanvas.context.fillStyle = "#cccc00"; storageCanvas.context.fillRect( 14, 9, 2, 1); storageCanvas.context.fillStyle = "#595959"; storageCanvas.context.fillRect( 6, 7, 4, 1); storageCanvas.context.fillRect( 5, 5, 1, 2); storageCanvas.context.fillRect( 0, 7, 5, 1); storageCanvas.context.fillRect( 14, 7, 3, 1); storageCanvas.context.fillRect( 13, 6, 1, 1); storageCanvas.context.fillRect( 4, 2, 1, 1); storageCanvas.context.fillRect( 0, 8, 2, 1); storageCanvas.context.fillRect( 10, 5, 3, 1); storageCanvas.context.fillRect( 17, 8, 1, 3); storageCanvas.context.fillRect( 1, 9, 3, 1); storageCanvas.context.fillRect( 4, 10, 2, 1); storageCanvas.context.fillRect( 14, 10, 4, 1); storageCanvas.context.fillRect( 3, 11, 1, 1); storageCanvas.context.fillRect( 6, 11, 8, 1); storageCanvas.context.fillRect( 4, 12, 3, 1); storageCanvas.context.fillStyle = "#737373"; storageCanvas.context.fillRect( 6, 4, 4, 3); storageCanvas.context.fillRect( 5, 3, 3, 1); storageCanvas.context.fillRect( 5, 2, 2, 1); storageCanvas.context.fillRect( 5, 1, 1, 1); storageCanvas.context.fillStyle = "#1a1a1a"; storageCanvas.context.fillRect( 12, 8, 1, 1); storageCanvas.context.fillRect( 3, 0, 1, 3); storageCanvas.context.fillRect( 4, 0, 1, 2); storageCanvas.context.fillRect( 5, 0, 1, 1); storageCanvas.context.fillRect( 6, 0, 1, 2); storageCanvas.context.fillRect( 7, 1, 1, 2); storageCanvas.context.fillRect( 8, 2, 1, 2); storageCanvas.context.fillRect( 9, 3, 1, 3); storageCanvas.context.fillRect( 5, 3, 1, 3); storageCanvas.context.fillRect( 4, 3, 1, 1); storageCanvas.context.fillStyle = "#cccccc"; storageCanvas.context.fillRect( 2, 8, 2, 1); storageCanvas.context.fillRect( 4, 9, 2, 1); storageCanvas.context.fillRect( 6, 10, 8, 1); storageCanvas.context.clearRect( 4, 6, 1, 1); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Seagull extends AirMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Seagull", 30, 1.4, 18, 1, position, new SeagullModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Seagull( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class PelicanModel extends UnitModel { constructor() { super( new Vector2D( 256, 0 ), tileSize, new Vector2D( 11, 10 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#b3b3b3"; storageCanvas.context.fillRect( 0, 14, 14, 1); storageCanvas.context.fillRect( 2, 15, 12, 1); storageCanvas.context.fillRect( 4, 16, 8, 1); storageCanvas.context.fillRect( 6, 17, 4, 1); storageCanvas.context.fillRect( 13, 2, 1,12); storageCanvas.context.fillRect( 14, 1, 1, 1); storageCanvas.context.fillRect( 11, 0, 3, 1); storageCanvas.context.fillRect( 10, 1, 1, 3); storageCanvas.context.fillRect( 11, 4, 1, 5); storageCanvas.context.fillStyle = "#333333"; storageCanvas.context.fillRect( 3, 14, 5, 1); storageCanvas.context.fillRect( 3, 13, 7, 1); storageCanvas.context.fillRect( 4, 12, 7, 1); storageCanvas.context.fillRect( 6, 11, 5, 1); storageCanvas.context.fillRect( 8, 10, 3, 1); storageCanvas.context.fillRect( 9, 9, 2, 1); storageCanvas.context.fillRect( 13, 1, 1, 1); storageCanvas.context.fillStyle = "#666666"; storageCanvas.context.fillRect( 4, 13, 4, 1); storageCanvas.context.fillRect( 6, 12, 4, 1); storageCanvas.context.fillRect( 8, 11, 2, 1); storageCanvas.context.fillRect( 9, 10, 1, 1); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 4, 15, 6, 1); storageCanvas.context.fillRect( 8, 14, 3, 1); storageCanvas.context.fillRect( 10, 13, 2, 1); storageCanvas.context.fillRect( 11, 1, 2, 3); storageCanvas.context.fillRect( 11, 9, 1, 4); storageCanvas.context.fillRect( 12, 4, 1, 6); storageCanvas.context.fillStyle = "#cccccc"; storageCanvas.context.fillRect( 6, 16, 4, 1); storageCanvas.context.fillRect( 10, 15, 2, 1); storageCanvas.context.fillRect( 11, 14, 1, 1); storageCanvas.context.fillRect( 12, 10, 1, 4); storageCanvas.context.fillStyle = "#ff9933"; storageCanvas.context.fillRect( 14, 1, 12, 1); storageCanvas.context.fillRect( 13, 2, 12, 1); storageCanvas.context.fillRect( 22, 3, 2, 1); storageCanvas.context.fillRect( 20, 4, 3, 1); storageCanvas.context.fillRect( 13, 5, 8, 1); storageCanvas.context.fillStyle = "#ffb84d"; storageCanvas.context.fillRect( 13, 3, 10, 1); storageCanvas.context.fillRect( 13, 4, 7, 1); storageCanvas.context.fillRect( 10, 17, 1, 2); storageCanvas.context.fillRect( 8, 18, 1, 1); storageCanvas.context.fillRect( 8, 19, 6, 1); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Pelican extends AirMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Pelican", 35, 1.5, 20, 1, position, new PelicanModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Pelican( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class SwanModel extends UnitModel { constructor() { super( new Vector2D( 288, 0 ), tileSize, new Vector2D( 9, 10 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#ffffff"; storageCanvas.context.fillRect( 0, 12, 19, 6 ); storageCanvas.context.clearRect( 5, 12, 3, 1 ); storageCanvas.context.fillRect( 1, 18, 17, 1 ); storageCanvas.context.fillRect( 2, 19, 15, 1 ); storageCanvas.context.fillRect( 1, 11, 4, 1 ); storageCanvas.context.fillRect( 9, 11, 11, 1 ); storageCanvas.context.fillRect( 2, 10, 4, 1 ); storageCanvas.context.fillRect( 10, 10, 6, 1 ); storageCanvas.context.fillRect( 18, 10, 3, 1 ); storageCanvas.context.fillRect( 3, 9, 4, 1 ); storageCanvas.context.fillRect( 12, 9, 4, 1 ); storageCanvas.context.fillRect( 5, 8, 3, 1 ); storageCanvas.context.fillRect( 14, 8, 3, 1 ); storageCanvas.context.fillRect( 6, 7, 3, 1 ); storageCanvas.context.fillRect( 7, 3, 3, 4 ); storageCanvas.context.fillRect( 1, 2, 8, 1 ); storageCanvas.context.fillRect( 2, 1, 6, 1 ); storageCanvas.context.fillRect( 3, 0, 4, 1 ); storageCanvas.context.fillRect( 1, 3, 4, 2 ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 3, 4, 1, 1 ); storageCanvas.context.fillRect( 2, 5, 2, 1 ); storageCanvas.context.fillStyle = "#ff6600"; storageCanvas.context.fillRect( 2, 6, 1, 2 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Swan extends AirMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Swan", 40, 1.6, 22, 2, position, new SwanModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Swan( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } } class ShadowModel extends UnitModel { constructor() { super( new Vector2D( 0, 128 ), tileSize, new Vector2D( 9, 16 ) ); } preloadModel() { super.preloadModel(); storageCanvas.context.beginPath(); storageCanvas.context.translate( this.storagePosition.x, this.storagePosition.y ); storageCanvas.context.fillStyle = "#000000"; storageCanvas.context.fillRect( 10, 1, 4, 1 ); storageCanvas.context.fillRect( 9, 2, 6, 3 ); storageCanvas.context.fillRect( 7, 5, 7, 1 ); storageCanvas.context.fillRect( 7, 6, 8, 5 ); storageCanvas.context.fillRect( 11, 11, 5, 12 ); storageCanvas.context.fillRect( 5, 18, 11, 5 ); storageCanvas.context.fillRect( 4, 23, 11, 1 ); storageCanvas.context.fillRect( 3, 24, 9, 1 ); storageCanvas.context.fillRect( 6, 8, 1, 1 ); storageCanvas.context.fillStyle = "#1a1a1a"; storageCanvas.context.fillRect( 10, 1, 2, 1 ); storageCanvas.context.fillRect( 12, 2, 1, 1 ); storageCanvas.context.fillRect( 9, 3, 1, 2 ); storageCanvas.context.fillRect( 13, 3, 1, 1 ); storageCanvas.context.fillRect( 9, 5, 1, 2 ); storageCanvas.context.fillRect( 12, 5, 1, 2 ); storageCanvas.context.fillRect( 8, 7, 1, 1 ); storageCanvas.context.fillRect( 6, 8, 1, 1 ); storageCanvas.context.fillRect( 14, 7, 1, 2 ); storageCanvas.context.fillRect( 12, 8, 1, 1 ); storageCanvas.context.fillRect( 11, 11, 1, 1 ); storageCanvas.context.fillRect( 13, 12, 1, 1 ); storageCanvas.context.fillRect( 11, 12, 1, 3 ); storageCanvas.context.fillRect( 16, 15, 1, 2 ); storageCanvas.context.fillRect( 10, 16, 1, 1 ); storageCanvas.context.fillRect( 16, 14, 1, 1 ); storageCanvas.context.fillRect( 15, 18, 1, 1 ); storageCanvas.context.fillRect( 9, 18, 1, 1 ); storageCanvas.context.fillRect( 14, 20, 1, 1 ); storageCanvas.context.fillRect( 6, 22, 1, 1 ); storageCanvas.context.fillRect( 7, 23, 1, 1 ); storageCanvas.context.fillRect( 5, 23, 1, 2 ); storageCanvas.context.fillStyle = "#333333"; storageCanvas.context.fillRect( 9, 2, 1, 1 ); storageCanvas.context.fillRect( 12, 1, 1, 1 ); storageCanvas.context.fillRect( 13, 2, 1, 1 ); storageCanvas.context.fillRect( 10, 4, 1, 1 ); storageCanvas.context.fillRect( 13, 7, 1, 1 ); storageCanvas.context.fillRect( 13, 9, 1, 1 ); storageCanvas.context.fillRect( 12, 7, 1, 1 ); storageCanvas.context.fillRect( 10, 10, 1, 1 ); storageCanvas.context.fillRect( 16, 12, 1, 1 ); storageCanvas.context.fillRect( 15, 19, 1, 1 ); storageCanvas.context.fillRect( 13, 22, 1, 1 ); storageCanvas.context.fillRect( 4, 24, 1, 1 ); storageCanvas.context.fillRect( 6, 24, 1, 1 ); storageCanvas.context.fillStyle = "#4d4d4d"; storageCanvas.context.fillRect( 13, 1, 1, 1 ); storageCanvas.context.fillRect( 11, 4, 3, 1 ); storageCanvas.context.fillRect( 13, 5, 1, 1 ); storageCanvas.context.fillRect( 7, 7, 1, 2 ); storageCanvas.context.fillRect( 9, 9, 1, 2 ); storageCanvas.context.fillRect( 16, 13, 1, 1 ); storageCanvas.context.fillRect( 17, 14, 1, 2 ); storageCanvas.context.fillRect( 18, 16, 1, 1 ); storageCanvas.context.fillRect( 16, 17, 1, 1 ); storageCanvas.context.fillRect( 9, 17, 1, 1 ); storageCanvas.context.fillRect( 8, 18, 1, 1 ); storageCanvas.context.fillRect( 6, 19, 1, 1 ); storageCanvas.context.fillRect( 14, 21, 1, 1 ); storageCanvas.context.fillRect( 12, 23, 1, 1 ); storageCanvas.context.fillRect( 8, 23, 1, 1 ); storageCanvas.context.fillRect( 9, 24, 1, 1 ); storageCanvas.context.fillRect( 6, 21, 1, 1 ); storageCanvas.context.fillRect( 5, 22, 1, 1 ); storageCanvas.context.fillRect( 4, 25, 2, 1 ); storageCanvas.context.fillStyle = "#666666"; storageCanvas.context.fillRect( 14, 2, 1, 3 ); storageCanvas.context.fillRect( 13, 6, 2, 1 ); storageCanvas.context.fillRect( 8, 5, 1, 2 ); storageCanvas.context.fillRect( 8, 8, 2, 1 ); storageCanvas.context.fillRect( 6, 9, 1, 1 ); storageCanvas.context.fillRect( 8, 10, 1, 3 ); storageCanvas.context.fillRect( 9, 11, 1, 1 ); storageCanvas.context.fillRect( 7, 13, 1, 2 ); storageCanvas.context.fillRect( 14, 9, 1, 1 ); storageCanvas.context.fillRect( 15, 10, 1, 1 ); storageCanvas.context.fillRect( 14, 12, 2, 1 ); storageCanvas.context.fillRect( 10, 15, 1, 1 ); storageCanvas.context.fillRect( 8, 17, 1, 1 ); storageCanvas.context.fillRect( 5, 18, 3, 1 ); storageCanvas.context.fillRect( 5, 19, 1, 1 ); storageCanvas.context.fillRect( 6, 20, 1, 1 ); storageCanvas.context.fillRect( 15, 20, 1, 1 ); storageCanvas.context.fillRect( 14, 22, 1, 1 ); storageCanvas.context.fillRect( 7, 24, 2, 2 ); storageCanvas.context.fillRect( 10, 24, 1, 1 ); storageCanvas.context.fillRect( 4, 26, 3, 3 ); storageCanvas.context.fillRect( 7, 26, 1, 1 ); storageCanvas.context.fillRect( 3, 28, 1, 1 ); storageCanvas.context.fillStyle = "#808080"; storageCanvas.context.fillRect( 13, 10, 1, 1 ); storageCanvas.context.fillRect( 15, 11, 1, 1 ); storageCanvas.context.fillRect( 9, 16, 1, 1 ); storageCanvas.context.fillRect( 4, 19, 1, 1 ); storageCanvas.context.fillRect( 5, 20, 1, 1 ); storageCanvas.context.fillRect( 4, 21, 1, 3 ); storageCanvas.context.fillRect( 15, 21, 1, 2 ); storageCanvas.context.fillRect( 13, 23, 1, 1 ); storageCanvas.context.fillRect( 11, 24, 1, 1 ); storageCanvas.context.fillRect( 9, 25, 1, 1 ); storageCanvas.context.fillRect( 8, 26, 1, 1 ); storageCanvas.context.fillRect( 7, 27, 1, 2 ); storageCanvas.context.fillRect( 6, 25, 1, 1 ); storageCanvas.context.fillRect( 3, 24, 1, 1 ); storageCanvas.context.fillRect( 3, 29, 3, 1 ); storageCanvas.context.fillRect( 4, 31, 1, 1 ); storageCanvas.context.fillRect( 2, 30, 1, 1 ); storageCanvas.context.fillStyle = "#999999"; storageCanvas.context.fillRect( 7, 5, 1, 2 ); storageCanvas.context.fillRect( 8, 9, 1, 1 ); storageCanvas.context.fillRect( 7, 10, 1, 1 ); storageCanvas.context.fillRect( 13, 11, 1, 1 ); storageCanvas.context.fillRect( 10, 14, 1, 1 ); storageCanvas.context.fillRect( 7, 15, 1, 1 ); storageCanvas.context.fillRect( 4, 20, 1, 1 ); storageCanvas.context.fillRect( 3, 22, 1, 1 ); storageCanvas.context.fillRect( 3, 25, 1, 3 ); storageCanvas.context.fillRect( 14, 23, 1, 1 ); storageCanvas.context.fillRect( 2, 30, 1, 2 ); storageCanvas.context.fillRect( 4, 30, 1, 1 ); storageCanvas.context.fillStyle = "#b3b3b3"; storageCanvas.context.fillRect( 7, 9, 1, 1 ); storageCanvas.context.fillRect( 14, 10, 1, 1 ); storageCanvas.context.fillRect( 3, 20, 1, 2 ); storageCanvas.context.fillRect( 3, 30, 1, 1 ); storageCanvas.context.fillStyle = "#cccccc"; storageCanvas.context.fillRect( 14, 11, 1, 1 ); storageCanvas.context.fillRect( 3, 31, 1, 1 ); storageCanvas.context.translate( -this.storagePosition.x, -this.storagePosition.y ); storageCanvas.context.closePath(); } } class Shadow extends GroundMonster { constructor( player, map, position, levelAtConstruction = 1 ) { super( player, map, "Shadow", 2000, 1.0, 250, 10, position, new ShadowModel() ); this.upgradeToLevel( levelAtConstruction ); } copyUnit() { let copiedUnit = new Shadow( this.owner, this.map, this.currentPosition, this.currentLevel ); copiedUnit.modifierList = this.modifierList.slice(); copiedUnit.upgradeList = this.upgradeList.slice(); return copiedUnit; } printInfoToElement( id ) { let targetElement = document.getElementById( id ); targetElement.innerHTML = "

" + this.name + "

" + "

Level: ???

" + "

Health: ???

" + "

Speed: ???

" + "

Bounty: ???

" + "

Penalty: ???

" + "

Type: ???

"; } static printDescriptionToElement( id ) { document.getElementById( id ).innerHTML = "???"; } } class UIElement { constructor( center, isActive, innerText = "", backgroundColor = "rgba( 0, 0, 0, 0.5 )", borderColor = "rgb( 0, 0, 0 )", color = "rgb( 255, 255, 255 )", fontSize = "1.5vmax" ) { this._center = center; this._isActive = isActive; this._innerText = innerText; this._backgroundColor = backgroundColor; this._borderColor = borderColor; this._color = color; this._fontSize = fontSize; this._eventHandler = []; } get center() { return this._center; } get isActive() { return this._isActive; } get innerText() { return this._innerText; } get backgroundColor() { return this._backgroundColor; } get borderColor() { return this._borderColor; } get color() { return this._color; } get fontSize() { return this._fontSize; } get eventHandler() { return this._eventHandler; } set center( new_center ) { this._center = new_center; } set isActive( new_activity ) { this._isActive = new_activity; } set innerText( new_text ) { this._innerText = new_text; } set backgroundColor( new_color ) { this._backgroundColor = new_color; } set borderColor( new_color ) { this._borderColor = new_color; } set color( new_color ) { this._color = new_color; } set fontSize( new_font ) { this._fontSize = new_font; } set eventHandler( new_eventHandler ) { this._eventHandler = new_eventHandler; } addEventHandler( event, handler ) { this.eventHandler.push( { event: event, eventFunction: handler } ); } handleClick( mousePosition ) { if ( this.isClicked( mousePosition ) ) { for ( let eventHandler of this.eventHandler ) { if ( eventHandler.event === "click" ) { eventHandler.eventFunction(); } } return true; } return false; } removeEventHandler( event, handler ) { let indexOfHandler = this.eventHandler.findIndex( el => el.event === event && el.eventFunction === handler ); if ( indexOfHandler !== -1 ) { this.eventHandler.splice( indexOfHandler, 1 ); } } render( targetCanvas, scaleFactor = 1 ) { /* implemented in subclasses */ } toggleActivity() { this.isActive = ( this.isActive === true ? false : true ); } } class RectangularElement extends UIElement { constructor( center, width, height, isActive, innerText = "", backgroundColor = "rgba( 0, 0, 0, 0.5 )", borderColor = "rgb( 0, 0, 0 )", color = "rgb( 255, 255, 255 )", fontSize = "1.5vmax" ) { super( center, isActive, innerText, backgroundColor, borderColor, color, fontSize ); this._width = parseFloat( width ); this._height = parseFloat( height ); } get width() { return this._width; } get height() { return this._height; } get position() { return new Vector2D( this.center.x - this.width / 2, this.center.y - this.height / 2 ); } set width( new_width ) { this._width = parseFloat( new_width ); } set height( new_height ) { this._height = parseFloat( new_height ); } isClicked( position ) { if ( position.x >= this.position.x && position.x <= this.center.x + this.width / 2 && position.y >= this.position.y && position.y <= this.center.y + this.height / 2 && this.isActive === true ) { return true; } else { return false; } } render( targetCanvas, scaleFactor = 1 ) { targetCanvas.context.scale( scaleFactor, scaleFactor ); targetCanvas.drawRectangle( this.position.scale( 1 / scaleFactor ), this.width, this.height, this.borderColor, this.backgroundColor ); targetCanvas.writeText ( this.innerText, this.center, "center", this.fontSize + " Arial", this.color ); targetCanvas.context.scale( ( 1 / scaleFactor ), ( 1 / scaleFactor ) ); } } class RectangularContainerElement extends RectangularElement { constructor( center, width, height, isActive, childElements, backgroundColor = "rgba( 255, 255, 255, 0.5 )", borderColor = "rgb( 255, 255, 255 )" ) { super ( center, width, height, isActive, "", backgroundColor, borderColor ); this._childElements = childElements; } get childElements() { return this._childElements; } set childElements( new_elements ) { this._childElements = new_elements; } handleClick( mousePosition ) { if ( super.handleClick( mousePosition ) === true ) { for ( let element in this.childElements ) { this.childElements[ element ].handleClick( mousePosition ); } return true; } return false; } render( targetCanvas, scaleFactor = 1 ) { super.render( targetCanvas, scaleFactor ); for ( let element in this.childElements ) { if ( this.childElements[ element ].isActive === true ) { this.childElements[ element ].render( targetCanvas, scaleFactor ); } } } } class CircularElement extends UIElement { constructor( center, radius, isActive, innerText = "", backgroundColor = "rgba( 0, 0, 0, 0.5 )", borderColor = "rgb( 0, 0, 0 )", color = "rgb( 255, 255, 255 )", fontSize = "1.5vmax" ) { super( center, isActive, innerText, backgroundColor, borderColor, color, fontSize ); this._radius = parseFloat( radius ); } get radius() { return this._radius; } get position() { return this.center; } set radius( new_radius ) { this._radius = parseFloat( new_radius ); } isClicked( position ) { return ( Vector2D.distanceBetween( position, this.center ) <= this.radius && this.isActive === true ); } render( targetCanvas, scaleFactor = 1 ) { targetCanvas.context.scale( scaleFactor, scaleFactor ); targetCanvas.drawCircle( this.position.scale( 1 / scaleFactor ), this.radius, this.borderColor, this.backgroundColor ); targetCanvas.writeText ( this.innerText, this.center, "center", this.fontSize + " Arial", this.color ); targetCanvas.context.scale( ( 1 / scaleFactor ), ( 1 / scaleFactor ) ); } } class CircularContainerElement extends CircularElement { constructor( center, radius, isActive, childElements, backgroundColor = "rgba( 255, 255, 255, 0.5 )", borderColor = "rgb( 255, 255, 255 )" ) { super ( center, radius, isActive, "", backgroundColor, borderColor ); this._childElements = childElements; } get childElements() { return this._childElements; } set childElements( new_elements ) { this._childElements = new_elements; } handleClick( mousePosition ) { if ( super.handleClick( mousePosition ) === true ) { for ( let element in this.childElements ) { this.childElements[ element ].handleClick( mousePosition ); } return true; } return false; } render( targetCanvas, scaleFactor = 1 ) { super.render( targetCanvas, scaleFactor ); for ( let element in this.childElements ) { if ( this.childElements[ element ].isActive === true ) { this.childElements[ element ].render( targetCanvas, scaleFactor ); } } } } /* Functions */ const initializeLayers = ( width = screenWidth, height = screenHeight ) => { storageCanvas = new Canvas( "storageCanvas", tileSize * 10, tileSize * 5 ); backgroundCanvas = new Canvas( "backgroundLayer", width, height ); gameplayCanvas = new Canvas( "gameplayLayer", tileSize * mapWidth, tileSize * mapHeight ); interfaceCanvas = new Canvas( "interfaceLayer", width, height ); let dpr = window.devicePixelRatio || 1; let bsr = interfaceCanvas.context.webkitBackingStorePixelRatio || interfaceCanvas.context.mozBackingStorePixelRatio || interfaceCanvas.context.msBackingStorePixelRatio || interfaceCanvas.context.oBackingStorePixelRatio || interfaceCanvas.context.backingStorePixelRatio || 1; let pixelRatio = dpr / bsr; interfaceCanvas.element.width *= pixelRatio; interfaceCanvas.element.height *= pixelRatio; interfaceCanvas.context.setTransform( pixelRatio, 0, 0, pixelRatio, 0, 0 ); }; const initializeMenuVariables = () => { currentWaves = 0; currentMode = 0; currentGameSpeed = 0; currentPalmDensity = 0; currentPlayerStartingGold = 0; currentPlayerStartingLives = 0; }; const initializeGameVariables = () => { map = new Map( mapWidth, mapHeight ); player = new Player ( playerStartingGoldOptions[ currentPlayerStartingGold ], playerStartingLivesOptions[ currentPlayerStartingLives ] ); computer = new Player( 0, 1 ); amountOfWaves = waveOptions[ currentWaves ]; mode = modeOptions[ currentMode ]; gameSpeed = gameSpeedOptions[ currentGameSpeed ]; palmDensity = palmDensityOptions[ currentPalmDensity ]; currentWave = 0; waveIsOngoing = false; lastCalledAnimationTime = null; framesPerSecond = null; selectedUnit = null; messageDisplayDelay = null; }; const initializeMap = () => { map.makeTileAtPositionGoal( new Vector2D( randomInt( 0, map.width - 1 ), 0 ) ); map.grid.generatePathsToGoal(); for ( let i = 0; i < mapWidth; ++i ) { for ( let j = 0; j < mapWidth; ++j ) { if ( randomInt( 1, 100 ) <= palmDensity ) { map.addPalm( PalmFactory.getRandomPalm( computer, map, new Vector2D( ( i + 0.5 ) * tileSize, ( j + 0.5 ) * tileSize ) ) ); } } } for ( let i = 10; i < mapHeight; ++i ) { for ( let j = 0; j < mapWidth; ++j ) { map.grid.getTileByGridPosition( new Vector2D( j, i ) ).isBuildable = false; } } }; const toggleBuildTowerMenu = () => { let buttonIsActive = userInterface.buildTowerButton.isActive; userInterface.buildTowerButton.isActive = !buttonIsActive; userInterface.buildMaxTowerButton.isActive = !buttonIsActive; userInterface.menuButton.isActive = !buttonIsActive; userInterface.towerButtons.isActive = buttonIsActive; renderInterface(); }; const toggleBuildMaxTowerMenu = () => { let buttonIsActive = userInterface.buildMaxTowerButton.isActive; userInterface.buildTowerButton.isActive = !buttonIsActive; userInterface.buildMaxTowerButton.isActive = !buttonIsActive; userInterface.menuButton.isActive = !buttonIsActive; userInterface.maxTowerButtons.isActive = buttonIsActive; renderInterface(); }; const showSelectedPalmOptions = () => { userInterface.removalButton.innerText = "Remove [" + selectedUnit.unit.removalCost + "]"; userInterface.removalButton.isActive = true; renderInterface(); }; const showSelectedTowerOptions = () => { userInterface.removalButton.innerText = "Remove [" + ( selectedUnit.unit.buildCost / 2 ) + "]"; userInterface.removalButton.isActive = true; if ( selectedUnit.unit.currentLevel < selectedUnit.unit.maxLevel ) { userInterface.upgradeButton.innerText = "Upgrade [" + selectedUnit.unit.costOfUpgrade + "]"; userInterface.upgradeButton.isActive = true; userInterface.upgradeToMaxButton.innerText = "Max [" + selectedUnit.unit.costOfUpgradeToMax + "]"; userInterface.upgradeToMaxButton.isActive = true; } else { userInterface.upgradeButton.isActive = false; userInterface.upgradeToMaxButton.isActive = false; } renderInterface(); }; const hideTowerButtons = () => { userInterface.towerButtons.isActive = false; userInterface.maxTowerButtons.isActive = false; }; const hideSelection = () => { userInterface.removalButton.isActive = false; userInterface.upgradeButton.isActive = false; userInterface.upgradeToMaxButton.isActive = false; }; const displayMessage = ( message ) => { if ( messageDisplayDelay !== null ) { clearTimeout( messageDisplayDelay ); } userInterface.messageDisplay.innerText = message; userInterface.messageDisplay.isActive = true; renderInterface(); messageDisplayDelay = setTimeout ( () => { userInterface.messageDisplay.isActive = false; renderInterface(); messageDisplayDelay = null; }, 3000 / gameSpeed ); }; const showDefaultInterface = () => { userInterface.buildTowerButton.isActive = true; userInterface.buildMaxTowerButton.isActive = true; if ( userInterface.menu.isActive === false ) { userInterface.menuButton.isActive = true; } hideTowerButtons(); hideSelection(); renderInterface(); }; const prepareTowerConstruction = ( towerType, towerLevel ) => { constructTowerHelperFunction = ( event ) => buildTower( towerType, towerLevel, event ); hideTowerButtons(); renderInterface(); interfaceCanvas.element.removeEventListener( "click", handleClick ); interfaceCanvas.element.addEventListener( "click", constructTowerHelperFunction ); }; const buildTower = ( towerType, towerLevel, event ) => { let buildPosition = clickToGameCoordinates( mousePosition( event ) ); buildPosition.x = ( 0.5 + Math.floor( buildPosition.x / tileSize ) ) * tileSize; buildPosition.y = ( 0.5 + Math.floor( buildPosition.y / tileSize ) ) * tileSize; let buildTile = map.grid.positionToTile( buildPosition ); let constructedTower = TowerFactory.constructTower( towerType, buildPosition, towerLevel ); constructedTower.baseAttackSpeed /= gameSpeed; if ( player.gold >= constructedTower.buildCost ) { if ( buildTile.isBuildable === true ) { for ( let monster of map.units.monsters ) { if ( monster.currentTile === buildTile ) { monster.currentPosition = map.grid.tileToPosition( monster.currentTile.nextTileToGoal ); } } player.gold -= constructedTower.buildCost; map.addTower( constructedTower ); if ( !map.grid.isGoalReachable === true ) { displayMessage( "Building is not allowed here!" ); player.gold += constructedTower.buildCost; map.removeTower( constructedTower ); } } else { displayMessage( "Building is not allowed here!" ); } } else { displayMessage( "Not enough gold!" ); } interfaceCanvas.element.removeEventListener( "click", constructTowerHelperFunction ); interfaceCanvas.element.addEventListener( "click", handleClick ); updateUIDisplay(); showDefaultInterface(); }; const removeUnit = () => { if ( selectedUnit.type === "palm" ) { if ( player.gold >= selectedUnit.unit.removalCost ) { player.gold -= selectedUnit.unit.removalCost; map.removePalm( selectedUnit.unit ); } else { displayMessage( "Not enough gold!" ); } } else { player.gold += ( selectedUnit.unit.buildCost / 2 ); map.removeTower( selectedUnit.unit ); selectedUnit = null; } updateUIDisplay(); hideSelection(); renderInterface(); }; const upgradeTower = () => { if ( player.gold >= selectedUnit.unit.costOfUpgrade && selectedUnit.unit.currentLevel < selectedUnit.unit.maxLevel ) { player.gold -= selectedUnit.unit.costOfUpgrade; selectedUnit.unit.upgrade(); updateUIDisplay(); showSelectedTowerOptions(); } else { displayMessage( "Upgrade not possible!" ); } }; const upgradeTowerToMax = () => { if ( player.gold >= selectedUnit.unit.costOfUpgradeToMax && selectedUnit.unit.currentLevel < selectedUnit.unit.maxLevel ) { player.gold -= selectedUnit.unit.costOfUpgradeToMax; selectedUnit.unit.upgradeToMax(); updateUIDisplay(); showSelectedTowerOptions(); } else { displayMessage( "Upgrade not possible!" ); } }; const updateGameSpeed = () => { let newGameSpeed = gameSpeedOptions[ currentGameSpeed ]; for ( let tower of map.units.towers ) { tower.baseAttackSpeed *= gameSpeed; tower.baseAttackSpeed /= newGameSpeed; tower.projectile.speed *= gameSpeed; tower.projectile.speed /= newGameSpeed; } for ( let projectile in map.units.projectiles ) { projectile.speed /= gameSpeed; projectile.speed *= newGameSpeed; } for ( let monster of map.units.monsters ) { monster.baseSpeed /= gameSpeed; monster.baseSpeed *= newGameSpeed; } gameSpeed = newGameSpeed; }; const initializeInterface = () => { userInterface.buildTowerButton.addEventHandler ( "click", toggleBuildTowerMenu ); userInterface.buildMaxTowerButton.addEventHandler ( "click", toggleBuildMaxTowerMenu ); userInterface.menuButton.addEventHandler ( "click", () => { cancelAnimationFrame( renderLoopInterval ); clearInterval( gameLoopInterval ); userInterface.buildTowerButton.isActive = false; userInterface.buildMaxTowerButton.isActive = false; userInterface.menuButton.isActive = false; userInterface.menu.isActive = true; renderInterface(); } ); userInterface.menu.childElements.resumeButton.addEventHandler ( "click", () => { updateGameSpeed(); userInterface.menu.isActive = false; userInterface.buildTowerButton.isActive = true; userInterface.buildMaxTowerButton.isActive = true; userInterface.menuButton.isActive = true; renderLoopInterval = requestAnimationFrame( renderGameplay ); gameLoopInterval = setInterval( gameLoop, ( 1000 / ( 64 * gameSpeed ) ) ); renderInterface(); } ); userInterface.menu.childElements.gameSpeedButton.addEventHandler ( "click", () => { if ( ++currentGameSpeed >= gameSpeedOptions.length ) { currentGameSpeed = 0; } document.getElementById( "gameSpeedButton" ).innerHTML = "Speed: " + gameSpeedOptions[ currentGameSpeed ].toPrecision( 2 ); userInterface.menu.childElements.gameSpeedButton.innerText = "Speed: " + gameSpeedOptions[ currentGameSpeed ].toPrecision( 2 ); renderInterface(); } ); userInterface.menu.childElements.exitButton.addEventHandler ( "click", () => { interfaceCanvas.element.removeEventListener( "click", handleClick ); userInterface.menu.isActive = false; clearTimeout( dispatchMonsterDelay ); exitGame(); } ); userInterface.towerButtons.childElements.arrowTowerButton.addEventHandler( "click", () => prepareTowerConstruction( ArrowTower, 1 ) ); userInterface.towerButtons.childElements.lanceTowerButton.addEventHandler( "click", () => prepareTowerConstruction( LanceTower, 1 ) ); userInterface.towerButtons.childElements.boulderTowerButton.addEventHandler( "click", () => prepareTowerConstruction( BoulderTower, 1 ) ); userInterface.towerButtons.childElements.energyTowerButton.addEventHandler( "click", () => prepareTowerConstruction( EnergyTower, 1 ) ); userInterface.towerButtons.childElements.lightningTowerButton.addEventHandler( "click", () => prepareTowerConstruction( LightningTower, 1 ) ); userInterface.towerButtons.childElements.beamTowerButton.addEventHandler( "click", () => prepareTowerConstruction( BeamTower, 1 ) ); userInterface.maxTowerButtons.childElements.maxArrowTowerButton.addEventHandler( "click", () => prepareTowerConstruction( ArrowTower, 10 ) ); userInterface.maxTowerButtons.childElements.maxLanceTowerButton.addEventHandler( "click", () => prepareTowerConstruction( LanceTower, 10 ) ); userInterface.maxTowerButtons.childElements.maxBoulderTowerButton.addEventHandler( "click", () => prepareTowerConstruction( BoulderTower, 10 ) ); userInterface.maxTowerButtons.childElements.maxEnergyTowerButton.addEventHandler( "click", () => prepareTowerConstruction( EnergyTower, 10 ) ); userInterface.maxTowerButtons.childElements.maxLightningTowerButton.addEventHandler( "click", () => prepareTowerConstruction( LightningTower, 10 ) ); userInterface.maxTowerButtons.childElements.maxBeamTowerButton.addEventHandler( "click", () => prepareTowerConstruction( BeamTower, 10 ) ); userInterface.removalButton.addEventHandler( "click", removeUnit ); userInterface.upgradeButton.addEventHandler( "click", upgradeTower ); userInterface.upgradeToMaxButton.addEventHandler( "click", upgradeTowerToMax ); }; const initializeGame = () => { initializeGameVariables(); initializeMap(); backgroundCanvas.toggleVisibility(); gameplayCanvas.toggleVisibility(); interfaceCanvas.toggleVisibility(); updateUIDisplay(); showDefaultInterface(); renderBackground(); renderInterface(); interfaceCanvas.element.addEventListener( "click", handleClick ); }; const dispatchMonsters = () => { if ( waveIsOngoing === false ) { if ( ++currentWave > amountOfWaves ) { --computer.lives; } else { waveIsOngoing = true; updateWaveDisplay(); let transitionTime = ( currentWave === 1 ? 10000 : 3000 ) / gameSpeed; dispatchMonsterDelay = setTimeout ( () => { if ( currentWave % 20 === 0 ) { alert( "..." ); alert( "............" ); alert( "Something is coming..." ); alert( "..." ); alert( "Prepare yourself..." ); } let gamePhase = ( currentWave > 40 ? 3 : currentWave > 20 ? 2 : 1 ); for ( let monster of monsterWaves[ currentWave - 1 ] ) { for ( let i = 0; i < monster.monsterAmount; ++i ) { let randomPosition = new Vector2D ( randomInt( tileSize / 2, mapWidth * tileSize - tileSize / 2 ), randomInt( mapWidth * tileSize + tileSize / 2, mapHeight * tileSize - tileSize / 2 ) ); let newMonster = new monster.monsterType( computer, map, randomPosition, gamePhase ); newMonster.pushBackModifier ( new MultiplicationModifier( "health", 2.0 - modeModifiers[ mode ] ) ); newMonster.pushBackModifier ( new MultiplicationModifier( "bounty", modeModifiers[ mode ] ) ); newMonster.baseSpeed *= gameSpeed; newMonster.currentHealth = newMonster.currentMaxHealth; map.addMonster( newMonster ); } } dispatchMonsterDelay = null; }, transitionTime ); } } }; const conductTowerAttacks = () => { for ( let tower of map.units.towers ) { tower.attack(); } }; const moveUnits = () => { for ( let monster of map.units.monsters ) { monster.move(); } for ( let projectile of map.units.projectiles ) { projectile.move(); } }; const checkWaveHasEnded = () => { if ( map.units.monsters.length === 0 ) { waveIsOngoing = false; } }; const checkMonstersInGoal = () => { for ( let monster of map.units.monsters ) { if ( monster.currentTile.id === map.grid.goalTile.id ) { player.lives -= monster.penalty; map.removeMonster( monster ); updateLivesDisplay(); checkWaveHasEnded(); } } }; const checkProjectileHits = () => { for ( let projectile of map.units.projectiles ) { if ( Vector2D.distanceBetween( projectile.currentPosition, projectile.target.currentPosition ) < 0.01 ) { let monstersHitByProjectile = map.search ( projectile.currentPosition, projectile.currentSplashRadius, "monsters" ); for ( let monster of monstersHitByProjectile ) { monster.currentHealth -= projectile.currentDamage; if ( monster.currentHealth <= 0 ) { player.gold += monster.currentBounty; map.removeMonster( monster ); updateGoldDisplay(); checkWaveHasEnded(); } } if ( projectile.remainingBounces > 0 ) { redirectBouncingProjectile( projectile ); } else { map.removeProjectile( projectile ); } } } }; const redirectBouncingProjectile = ( projectile ) => { let monstersInRange = map.search ( projectile.currentPosition, projectile.originTower.currentMaxAttackRange, "monsters" ); let newTarget = monstersInRange.find( el => projectile.possibleTargets.includes( el.type ) ); if ( newTarget !== undefined ) { for ( let monster of monstersInRange ) { if ( projectile.possibleTargets.includes( monster.type ) ) { if ( Vector2D.distanceBetween( projectile.currentPosition, monster.currentPosition ) < Vector2D.distanceBetween( projectile.currentPosition, newTarget.currentPosition ) ) { newTarget = monster; } } } projectile.originTower = { currentPosition: new Vector2D( projectile.currentPosition.x, projectile.currentPosition.y ) }; projectile.target = newTarget; --projectile.remainingBounces; } else { map.removeProjectile( projectile ); } }; const checkGameHasEnded = () => { if ( player.lives <= 0 || computer.lives <= 0 ) { cancelAnimationFrame( renderLoopInterval ); clearInterval( gameLoopInterval ); finishGame(); } }; const gameLoop = () => { dispatchMonsters(); conductTowerAttacks(); moveUnits(); checkMonstersInGoal(); checkProjectileHits(); checkGameHasEnded(); }; const finishGame = () => { backgroundCanvas.element.style.pointerEvents = "none"; gameplayCanvas.element.style.pointerEvents = "none"; let userHasWon = ( player.lives > 0 ? true : false ); interfaceCanvas.clearCanvas(); interfaceCanvas.fillCanvas( "rgba( 0, 0, 0, 0.5 )" ); interfaceCanvas.writeText ( ( userHasWon ? "Victory!" : "Defeat!" ), new Vector2D( screenWidth / 2, screenHeight * ( 1 / 3 ) ), "center", "15vmax Arial", "#ffffff", "#000000" ); interfaceCanvas.writeText ( "Click to finish", new Vector2D( screenWidth / 2, screenHeight * ( 2 / 3 ) ), "center", "4vmax Arial", "#ffffff", "#000000" ); interfaceCanvas.element.removeEventListener( "click", handleClick ); interfaceCanvas.element.addEventListener( "click", exitGame ); }; const exitGame = () => { backgroundCanvas.element.style.pointerEvents = "initial"; gameplayCanvas.element.style.pointerEvents = "initial"; backgroundCanvas.clearCanvas(); gameplayCanvas.clearCanvas(); interfaceCanvas.clearCanvas(); backgroundCanvas.toggleVisibility(); gameplayCanvas.toggleVisibility(); interfaceCanvas.toggleVisibility(); interfaceCanvas.element.removeEventListener( "click", exitGame ); toggleMenu(); }; const renderBackground = () => { backgroundCanvas.clearCanvas(); backgroundCanvas.fillCanvas( "#00ffff" ); backgroundCanvas.drawHalfCircle( new Vector2D( screenWidth / 2, 0 ), vmax( 50 ), "#ffcc66" ); for ( let i = 0; i < mapWidth; ++i ) { for ( let j = 0; j < mapHeight; ++j ) { let fillColour = ( j < 10 ? "#ffcc66" : "#00ffff" ); if ( map.grid.getTileByGridPosition( new Vector2D( i, j ) ).isGoal === true ) { fillColour = "#99ff66"; } backgroundCanvas.drawRectangle( new Vector2D( gameplayCanvas.position.x + i * tileSize, gameplayCanvas.position.y + j * tileSize ), tileSize, tileSize, "#ccff99", fillColour ); } } }; const renderGameplay = () => { gameplayCanvas.clearCanvas(); updateFramesPerSecond(); for ( let unitContainer in map.units ) { for ( let unit of map.units[ unitContainer ] ) { unit.render( gameplayCanvas ); } } if ( selectedUnit !== null && selectedUnit.type === "tower" ) { selectedUnit.unit.renderAttackRange( gameplayCanvas ); } renderLoopInterval = requestAnimationFrame( renderGameplay ); }; const renderInterface = () => { interfaceCanvas.clearCanvas(); for ( let interfaceElement in userInterface ) { if ( userInterface[ interfaceElement ].isActive === true ) { userInterface[ interfaceElement ].render( interfaceCanvas ); } } }; const preloadUnitModels = () => { new CrabModel().preloadModel(); new TurtleModel().preloadModel(); new WalrusModel().preloadModel(); new SnakeModel().preloadModel(); new OctopusModel().preloadModel(); new DolphinModel().preloadModel(); new SharkModel().preloadModel(); new SeagullModel().preloadModel(); new PelicanModel().preloadModel(); new SwanModel().preloadModel(); new ShadowModel().preloadModel(); new PalmModel().preloadModel(); new ArrowProjectileModel().preloadModel(); new LanceProjectileModel().preloadModel(); new BoulderProjectileModel().preloadModel(); new EnergyProjectileModel().preloadModel(); new ArrowTowerModel().preloadModel(); new LanceTowerModel().preloadModel(); new BoulderTowerModel().preloadModel(); new EnergyTowerModel().preloadModel(); new LightningTowerModel().preloadModel(); new BeamTowerModel().preloadModel(); }; const randomInt = ( min, max ) => { return Math.floor( Math.random() * ( max - min + 1 ) ) + min; }; const hideElementById = ( id ) => { let element = document.getElementById( id ); element.style.display = "none"; }; const hideElementsByClassName = ( className ) => { let elements = document.getElementsByClassName( className ); for ( let element of elements ) { element.style.display = "none"; } }; const showElementById = ( id, displayValue = "flex" ) => { if ( displayValue !== "none" ) { let element = document.getElementById( id ); element.style.display = displayValue; } }; const showElementsByClassName = ( className, displayValue = "flex" ) => { if ( displayValue !== "none" ) { let elements = document.getElementsByClassName( className ); for ( let element of elements ) { element.style.display = displayValue; } } }; const toggleElementById = ( id, displayValue = "flex" ) => { let element = document.getElementById( id ); if ( window.getComputedStyle( element, null ).getPropertyValue( "display" ) !== "none" ) { hideElementById( id ); } else { showElementById( id, displayValue ); } }; const toggleElementsByClassName = ( className, displayValue = "flex" ) => { let elements = document.getElementsByClassName( className ); if ( window.getComputedStyle( elements[ 0 ], null ).getPropertyValue( "display" ) !== "none" ) { hideElementsByClassName( className ); } else { showElementsByClassName( className, displayValue ); } }; const vw = ( value ) => { return value * ( window.innerWidth / 100 ); }; const vh = ( value ) => { return value * ( window.innerHeight / 100 ); }; const vmin = ( value ) => { let vmin = window.innerWidth > window.innerHeight ? window.innerHeight : window.innerWidth; return value * ( vmin / 100 ); }; const vmax = ( value ) => { let vmax = window.innerHeight > window.innerWidth ? window.innerHeight : window.innerWidth; return value * ( vmax / 100 ); }; const updateGoldDisplay = () => { let goldDisplay = userInterface.goldDisplay; goldDisplay.innerText = "Gold: " + player.gold; interfaceCanvas.clearRectangle( goldDisplay.position, goldDisplay.width, goldDisplay.height ); goldDisplay.render( interfaceCanvas ); }; const updateLivesDisplay = () => { let livesDisplay = userInterface.livesDisplay; livesDisplay.innerText = "Lives: " + player.lives; interfaceCanvas.clearRectangle( livesDisplay.position, livesDisplay.width, livesDisplay.height ); livesDisplay.render( interfaceCanvas ); }; const updateFramesPerSecond = () => { if ( lastCalledAnimationTime === null ) { lastCalledAnimationTime = performance.now(); framesPerSecond = 0; return; } let delta = ( performance.now() - lastCalledAnimationTime ) / 1000; let fpsDisplay = userInterface.fpsDisplay; lastCalledAnimationTime = performance.now(); framesPerSecond = 1 / delta; fpsDisplay.innerText = "FPS: " + Math.round( framesPerSecond ); interfaceCanvas.clearRectangle( fpsDisplay.position, fpsDisplay.width, fpsDisplay.height ); fpsDisplay.render( interfaceCanvas ); }; const updateModeDisplay = () => { let modeDisplay = userInterface.modeDisplay; modeDisplay.innerText = "Mode: " + mode; interfaceCanvas.clearRectangle( modeDisplay.position, modeDisplay.width, modeDisplay.height ); modeDisplay.render( interfaceCanvas ); }; const updateWaveDisplay = () => { let waveDisplay = userInterface.waveDisplay; waveDisplay.innerText = "Wave: " + currentWave; interfaceCanvas.clearRectangle( waveDisplay.position, waveDisplay.width, waveDisplay.height ); waveDisplay.render( interfaceCanvas ); }; const updateUIDisplay = () => { updateGoldDisplay(); updateLivesDisplay(); updateFramesPerSecond(); updateModeDisplay(); updateWaveDisplay(); }; const mousePosition = ( event ) => { let area = interfaceCanvas.element.getBoundingClientRect(); let root = document.documentElement; let mouseX = event.clientX - area.left - root.scrollLeft; let mouseY = event.clientY - area.top - root.scrollTop; return { x: mouseX, y: mouseY }; }; const clickToGameCoordinates = ( position ) => { let positionOnMap = Vector2D.subtract( position, gameplayCanvas.position ); positionOnMap.x = ( Math.min( Math.max( 0, positionOnMap.x ), mapWidth * tileSize - 1 ) ); positionOnMap.y = ( Math.min( Math.max( 0, positionOnMap.y ), mapHeight * tileSize - 1 ) ); return positionOnMap; }; const clickToTile = ( position ) => { let clickPosition = Vector2D.subtract( position, gameplayCanvas.position ); if ( clickPosition.x < 0 || clickPosition.x > mapWidth * tileSize || clickPosition.y < 0 || clickPosition.y > mapHeight * tileSize ) { return null; } return map.grid.positionToTile( clickPosition ); }; /* Events */ const toggleMenu = () => { toggleElementById( "menuHeader" ); toggleElementById( "mainMenu" ); }; const toggleSettings = () => { toggleElementById( "mainSection" ); toggleElementById( "settingsSection" ); }; const setNextWave = () => { if ( ++currentWaves >= waveOptions.length ) { currentWaves = 0; } document.getElementById( "waveButton" ).innerHTML = "Waves: " + waveOptions[ currentWaves ]; }; const setNextMode = () => { if ( ++currentMode >= modeOptions.length ) { currentMode = 0; } document.getElementById( "modeButton" ).innerHTML = "Mode: " + modeOptions[ currentMode ]; }; const setNextGameSpeed = () => { if ( ++currentGameSpeed >= gameSpeedOptions.length ) { currentGameSpeed = 0; } document.getElementById( "gameSpeedButton" ).innerHTML = "Speed: " + gameSpeedOptions[ currentGameSpeed ].toPrecision( 2 ); userInterface.menu.childElements.gameSpeedButton.innerText = "Speed: " + gameSpeedOptions[ currentGameSpeed ].toPrecision( 2 ); }; const setNextPalmDensity = () => { if ( ++currentPalmDensity >= palmDensityOptions.length ) { currentPalmDensity = 0; } document.getElementById( "palmDensityButton" ).innerHTML = "Palm Density: " + palmDensityOptions[ currentPalmDensity ] + "%"; }; const setNextPlayerStartingGold = () => { if ( ++currentPlayerStartingGold >= playerStartingGoldOptions.length ) { currentPlayerStartingGold = 0; } document.getElementById( "playerStartingGoldButton" ).innerHTML = "Gold: " + playerStartingGoldOptions[ currentPlayerStartingGold ]; }; const setNextPlayerStartingLives = () => { if ( ++currentPlayerStartingLives >= playerStartingLivesOptions.length ) { currentPlayerStartingLives = 0; } document.getElementById( "playerStartingLivesButton" ).innerHTML = "Lives: " + playerStartingLivesOptions[ currentPlayerStartingLives ]; }; const showTowerSection = () => { hideElementsByClassName( "helpButton" ); showElementById( "towerSection" ); showElementById( "returnToHelpButton" ); currentHelpSection = "tower"; }; const showMonsterSection = () => { hideElementsByClassName( "helpButton" ); showElementById( "monsterSection" ); showElementById( "returnToHelpButton" ); currentHelpSection = "monster"; }; const showMechanicsSection = () => { hideElementsByClassName( "helpButton" ); showElementById( "mechanicsSection" ); showElementById( "returnToHelpButton" ); currentHelpSection = "mechanics"; }; const showPalmSection = () => { hideElementsByClassName( "helpButton" ); showElementById( "palmSection" ); showElementById( "returnToHelpButton" ); currentHelpSection = "palm"; }; const returnToHelpSection = () => { showElementsByClassName( "helpButton" ); hideElementById( currentHelpSection + "Section" ); hideElementById( "returnToHelpButton" ); }; const toggleHelp = () => { toggleElementById( "mainSection" ); toggleElementById( "helpSection" ); }; const toggleDescriptionPreview = ( unitType = null ) => { if ( unitType !== null ) { unitType.printDescriptionToElement( "descriptionPreviewWindow" ); } toggleElementById( "descriptionPreviewWindow" ); }; const showSingleUnitPreview = ( unit = null ) => { if ( unit !== null ) { unit.printInfoToElement( "middleInfoPreviewWindow" ); } hideElementsByClassName( currentHelpSection + "HelpButton" ); hideElementById( "returnToHelpButton" ); showElementById( "closeInfoPreviewButton" ); showElementById( "middleInfoPreviewWindow" ); }; const showDoubleUnitPreview = ( unit = null ) => { if ( unit !== null ) { unit.printInfoToElement( "leftInfoPreviewWindow" ); unit.upgradeToMax().printInfoToElement( "rightInfoPreviewWindow" ); } hideElementsByClassName( currentHelpSection + "HelpButton" ); hideElementById( "returnToHelpButton" ); showElementById( "leftInfoPreviewWindow" ); showElementById( "closeInfoPreviewButton" ); showElementById( "rightInfoPreviewWindow" ); }; const closePreviewWindows = () => { hideElementsByClassName( "previewWindow" ); hideElementById( "closeInfoPreviewButton" ); showElementsByClassName( currentHelpSection + "HelpButton" ); showElementById( "returnToHelpButton" ); }; const handleClick = ( event ) => { let currentMousePosition = mousePosition( event ); for ( let interfaceElement in userInterface ) { if ( userInterface[ interfaceElement ].handleClick( currentMousePosition ) === true ) { return; } } let clickedTile = clickToTile( currentMousePosition ); if ( clickedTile === null ) { selectedUnit = null; showDefaultInterface(); } else { for ( let palm of map.units.palms ) { if ( palm.currentTile === clickedTile ) { selectedUnit = { type: "palm", unit: palm }; showSelectedPalmOptions(); return; } } for ( let tower of map.units.towers ) { if ( tower.currentTile === clickedTile ) { selectedUnit = { type: "tower", unit: tower }; showSelectedTowerOptions(); return; } } selectedUnit = null; showDefaultInterface(); } }; const playGame = () => { toggleMenu(); initializeGame(); renderLoopInterval = requestAnimationFrame( renderGameplay ); gameLoopInterval = setInterval ( gameLoop, ( 1000 / ( 64 * gameSpeed ) ) ); }; /* Global Variables */ const waveOptions = [ 20, 40, 60 ]; const modeOptions = [ "Chill", "Casual", "Yolo", "Rekt" ]; const gameSpeedOptions = [ 1.0, 1.5, 2.0 ]; const modeModifiers = { Chill: 1.25, Casual: 1.0, Yolo: 0.75, Rekt: 0.5 }; const palmDensityOptions = [ 1, 2, 5, 10, 20 ]; const playerStartingGoldOptions = [ 200, 275, 350, 425 ]; const playerStartingLivesOptions = [ 20, 30, 40, 50 ]; const screenWidth = window.innerWidth; const screenHeight = window.innerHeight; const mapWidth = 10; const mapHeight = 15; const tileSize = 32; var currentHelpSection; var currentWaves; var currentMode; var currentGameSpeed; var currentPalmDensity; var currentPlayerStartingGold; var currentPlayerStartingLives; var map; var player; var computer; var amountOfWaves; var mode; var gameSpeed; var palmDensity; var currentWave; var waveIsOngoing; var storageCanvas; var backgroundCanvas; var gameplayCanvas; var interfaceCanvas; var selectedUnit; var constructTowerHelperFunction; var renderLoopInterval; var gameplayLoopInterval; var messageDisplayDelay; var dispatchMonsterDelay; var lastCalledAnimationTime; var framesPerSecond; const userInterface = { // gold display goldDisplay: new RectangularElement( new Vector2D( screenWidth - vw( 7.5 ), vh( 2 ) ), vw( 15 ), vh( 4 ), true, "Gold: " ), // lives display livesDisplay: new RectangularElement( new Vector2D( screenWidth - vw( 7.5 ), vh(6 ) ), vw( 15 ), vh( 4 ), true, "Lives: " ), // fps display fpsDisplay: new RectangularElement( new Vector2D( screenWidth / 2, vh( 2 ) ), vw( 20 ), vh( 4 ), true, "FPS: " ), //info display messageDisplay: new RectangularElement( new Vector2D( screenWidth / 2, vh( 7.5 ) ), vw( 40 ), vh( 5 ), false, "" ), // mode display modeDisplay: new RectangularElement( new Vector2D( vw( 7.5 ), vh( 2 ) ), vw( 15 ), vh( 4 ), true, "Mode: " ), // wave display waveDisplay: new RectangularElement( new Vector2D( vw( 7.5 ), vh( 6 ) ), vw( 15 ), vh( 4 ), true, "Wave: " ), // build tower button buildTowerButton: new RectangularElement( new Vector2D( vw( 15 ), vh( 97.5 ) ), vw( 20 ), vh( 5 ), true, "Build Tower" ), // build max tower button buildMaxTowerButton: new RectangularElement( new Vector2D( vw( 85 ), vh( 97.5 ) ), vw( 20 ), vh( 5 ), true, "Build Max Tower" ), // exit button menuButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 97.5 ) ), vw( 10 ), vh( 5 ), true, "Menu" ), // build tower buttons towerButtons: new RectangularContainerElement( new Vector2D( vw( 50 ), vh( 95 ) ), vw( 100 ), vh( 10 ), false, { arrowTowerButton: new RectangularElement( new Vector2D( vw( 15 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Arrow Tower [100 Gold]" ), lanceTowerButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Lance Tower [200 Gold]" ), boulderTowerButton: new RectangularElement( new Vector2D( vw( 85 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Boulder Tower [150 Gold]"), energyTowerButton: new RectangularElement( new Vector2D( vw( 15 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Energy Tower [250 Gold]" ), lightningTowerButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Lightning Tower [300 Gold]" ), beamTowerButton: new RectangularElement( new Vector2D( vw( 85 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Beam Tower [400 Gold]" ) } ), // build max tower buttons maxTowerButtons: new RectangularContainerElement( new Vector2D( vw( 50 ), vh( 95 ) ), vw( 100 ), vh( 10 ), false, { maxArrowTowerButton: new RectangularElement( new Vector2D( vw( 15 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Arrow Tower [550 Gold]" ), maxLanceTowerButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Lance Tower [750 Gold]" ), maxBoulderTowerButton: new RectangularElement( new Vector2D( vw( 85 ), vh( 92.5 ) ), vw( 25 ), vh( 4 ), true, "Boulder Tower [790 Gold]" ), maxEnergyTowerButton: new RectangularElement( new Vector2D( vw( 15 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Energy Tower [970 Gold]" ), maxLightningTowerButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Lightning Tower [1110 Gold]" ), maxBeamTowerButton: new RectangularElement( new Vector2D( vw( 85 ), vh( 97.5 ) ), vw( 25 ), vh( 4 ), true, "Beam Tower [1300 Gold]" ) } ), // remove button for palms / towers removalButton: new CircularElement( new Vector2D( vw( 92.5 ), vh( 50 ) ), vw( 7.5 ), false, "Remove" ), // upgrade button for towers upgradeButton: new CircularElement( new Vector2D( vw( 92.5 ), vh( 30 ) ), vw( 7.5 ), false, "Upgrade" ), // upgrade button for towers to max level upgradeToMaxButton: new CircularElement( new Vector2D( vw( 92.5 ), vh( 70 ) ), vw( 7.5 ), false, "Max" ), // menu container menu: new RectangularContainerElement ( new Vector2D( vw( 50 ), vh( 50 ) ), vw( 30 ), vh( 50 ), false, { // resume button resumeButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 35 ) ), vw( 25 ), vh( 10 ), true, "Resume" ), // game speed button gameSpeedButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 50 ) ), vw( 25 ), vh( 10 ), true, "Speed: 1.0" ), // exit button exitButton: new RectangularElement( new Vector2D( vw( 50 ), vh( 65 ) ), vw( 25 ), vh( 10 ), true, "Exit" ) } ) }; const monsterWaves = [ // Level 1 [ { monsterType: Crab, monsterAmount: 5 } ], // Level 2 [ { monsterType: Turtle, monsterAmount: 5 } ], // Level 3 [ { monsterType: Snake, monsterAmount: 5 } ], // Level 4 [ { monsterType: Walrus, monsterAmount: 5 } ], // Level 5 [ { monsterType: Octopus, monsterAmount: 5 } ], // Level 6 [ { monsterType: Dolphin, monsterAmount: 5 } ], // Level 7 [ { monsterType: Shark, monsterAmount: 5 } ], // Level 8 [ { monsterType: Seagull, monsterAmount: 5 } ], // Level 9 [ { monsterType: Pelican, monsterAmount: 5 } ], // Level 10 [ { monsterType: Swan, monsterAmount: 5 } ], // Level 11 [ { monsterType: Crab, monsterAmount: 10 } ], // Level 12 [ { monsterType: Turtle, monsterAmount: 10 } ], // Level 13 [ { monsterType: Snake, monsterAmount: 10 } ], // Level 14 [ { monsterType: Walrus, monsterAmount: 10 } ], // Level 15 [ { monsterType: Octopus, monsterAmount: 10 } ], // Level 16 [ { monsterType: Dolphin, monsterAmount: 10 } ], // Level 17 [ { monsterType: Seagull, monsterAmount: 10 } ], // Level 18 [ { monsterType: Pelican, monsterAmount: 10 } ], // Level 19 [ { monsterType: Shark, monsterAmount: 5 }, { monsterType: Swan, monsterAmount: 5 } ], // Level 20 - Boss Level [ { monsterType: Shadow, monsterAmount: 1 } ], // Level 21 [ { monsterType: Crab, monsterAmount: 20 } ], // Level 22 [ { monsterType: Turtle, monsterAmount: 20 } ], // Level 23 [ { monsterType: Snake, monsterAmount: 20 } ], // Level 24 [ { monsterType: Walrus, monsterAmount: 20 } ], // Level 25 [ { monsterType: Octopus, monsterAmount: 20 } ], // Level 26 [ { monsterType: Dolphin, monsterAmount: 20 } ], // Level 27 [ { monsterType: Shark, monsterAmount: 20 } ], // Level 28 [ { monsterType: Seagull, monsterAmount: 20 } ], // Level 29 [ { monsterType: Pelican, monsterAmount: 20 } ], // Level 30 [ { monsterType: Swan, monsterAmount: 20 } ], // Level 31 [ { monsterType: Crab, monsterAmount: 25 } ], // Level 32 [ { monsterType: Turtle, monsterAmount: 25 } ], // Level 33 [ { monsterType: Snake, monsterAmount: 25 } ], // Level 34 [ { monsterType: Walrus, monsterAmount: 25 } ], // Level 35 [ { monsterType: Octopus, monsterAmount: 25 } ], // Level 36 [ { monsterType: Dolphin, monsterAmount: 25 } ], // Level 37 [ { monsterType: Seagull, monsterAmount: 25 } ], // Level 38 [ { monsterType: Pelican, monsterAmount: 25 } ], // Level 39 [ { monsterType: Shark, monsterAmount: 13 }, { monsterType: Swan, monsterAmount: 12 } ], // Level 40 - Boss Level [ { monsterType: Shadow, monsterAmount: 2 } ], // Level 41 [ { monsterType: Crab, monsterAmount: 35 } ], // Level 42 [ { monsterType: Turtle, monsterAmount: 35 } ], // Level 43 [ { monsterType: Snake, monsterAmount: 35 } ], // Level 44 [ { monsterType: Walrus, monsterAmount: 35 } ], // Level 45 [ { monsterType: Octopus, monsterAmount: 35 } ], // Level 46 [ { monsterType: Dolphin, monsterAmount: 35 } ], // Level 47 [ { monsterType: Shark, monsterAmount: 35 } ], // Level 48 [ { monsterType: Seagull, monsterAmount: 35 } ], // Level 49 [ { monsterType: Pelican, monsterAmount: 35 } ], // Level 50 [ { monsterType: Swan, monsterAmount: 35 } ], // Level 51 [ { monsterType: Crab, monsterAmount: 40 } ], // Level 52 [ { monsterType: Turtle, monsterAmount: 40 } ], // Level 53 [ { monsterType: Snake, monsterAmount: 40 } ], // Level 54 [ { monsterType: Walrus, monsterAmount: 40 } ], // Level 55 [ { monsterType: Octopus, monsterAmount: 40 } ], // Level 56 [ { monsterType: Dolphin, monsterAmount: 40 } ], // Level 57 [ { monsterType: Seagull, monsterAmount: 40 } ], // Level 58 [ { monsterType: Pelican, monsterAmount: 40 } ], // Level 59 [ { monsterType: Shark, monsterAmount: 20 }, { monsterType: Swan, monsterAmount: 20 } ], // Level 60 - Boss Level [ { monsterType: Shadow, monsterAmount: 3 } ] ]; /* Main */ window.onload = () => { initializeLayers(); preloadUnitModels(); initializeMenuVariables(); initializeInterface(); };

Beach TD 1.6