Viewing Program

Program Data

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

Title	The Quest
ID	4625361989402624
Created	9 years ago, 1466009910447
Updated	9 years ago, 1466194224060
Code	/ MY LATEST GAME: / // THE // QUEST! //It's sorta like the app, Clash Royale. //I've been making this for several months and now I'm done var State = "BASE_A"; //letter functions for my logo var E = function(x,y){ translate(x,y); noStroke(); fill(0, 171, 6); beginShape(); vertex(174,383); vertex(287,379); vertex(302,341); vertex(259,344); vertex(218,341); vertex(218,251); vertex(283,247); vertex(282,220); vertex(220,217); vertex(221,155); vertex(308,156); vertex(293,122); vertex(178,121); vertex(174,383); endShape(); resetMatrix(); }; var e = function(x,y){ translate(x,y); noStroke(); fill(0, 171, 6); beginShape(); vertex(212,296); vertex(261,292); vertex(275,280); vertex(271,265); vertex(250,247); vertex(228,234); vertex(194,248); vertex(181,271); vertex(180,302); vertex(196,320); vertex(228,330); vertex(267,339); vertex(261,324); vertex(236,312); vertex(212,296); endShape(); fill(255, 255, 255); beginShape(); vertex(252,273); vertex(241,256); vertex(224,255); vertex(208,260); vertex(206,275); vertex(252,273); endShape(); resetMatrix(); }; var f = function(x,y){ translate(x,y); fill(0, 171, 6); beginShape(); vertex(231,299); vertex(275,295); vertex(283,290); vertex(273,273); vertex(231,274); vertex(227,229); vertex(285,226); vertex(295,213); vertex(289,197); vertex(201,197); vertex(199,394); vertex(227,395); vertex(231,299); endShape(); resetMatrix(); }; //Shapes made from the program, Graphics Maker: https://www.khanacademy.org/computer-programming/graphics-maker/5326202552844288 var logo = function(){ //white background background(255, 255, 255); //shapes E(-160,-30-(sin(frameCount4)50)); f(-40,-40+(sin(frameCount4)50)); e(80,20-(sin(frameCount3)50)); //fading background fill(255, 255, 255,-200+frameCount); rect(0,0,width,height); }; var Starting = true; var qq = false; var fireB = false; var card_Info = false; //Arena function var Arena = function(type,x,y){ this.type = type; this.w = 0; this.sw = 0; this.x = x; this.y = y; this.display = function(){ pushMatrix(); scale(1,1.37); switch(this.type){ case "CLASSIC": translate(this.x,this.y); noStroke(); //water fill(0, 248, 252); rect(25,192,355,18); //flowing water stroke(255, 255, 255,120-this.sw); strokeWeight(5); line(-82+this.w,268,384,30); line(-65+this.w,268,384,30); //lily pads noStroke(); fill(0, 168, 42); arc(251,206,12,6,53,370); arc(238,204,12,6,27,347); arc(49,209,12,6,258,572); //grass fill(0, 191, 48); rect(25,0,350,190); rect(25,210,350,190); //Arena edges fill(0, 186, 47); rect(0,0,25,400); fill(0, 196, 49); rect(375,0,25,400); //stands fill(150, 150, 150); rect(-5,5,25,165,5); rect(-5,227,25,165,5); fill(145, 145, 145); rect(378,5,25,165,5); rect(378,227,25,165,5); //Blue stands fill(0, 119, 130); rect(-12,232,25,155,1); rect(386,232,25,155,1); for(var g = 7; g < 35; g += 8){ fill(0, 127, 138); rect(388,230+g,18,4); rect(388,345+g,18,4); rect(-6,230+g,18,4); rect(-6,345+g,18,4); } //Red stands fill(163, 0, 0); rect(-12,10,25,155,1); rect(386,10,25,155,1); for(var g = 7; g < 35; g += 8){ fill(186, 0, 0); rect(388,8+g,18,4); rect(388,125+g,18,4); rect(-6,8+g,18,4); rect(-6,125+g,18,4); } //stream edges fill(0, random(248,240), 252); arc(371,210,96,35,270,370); arc(25,191.5,96,37,90,180); //grass edges fill(0, 168, 42); rect(0,190,380,6); stroke(0, 168, 42); strokeWeight(6); line(381,193,400,195); noStroke(); //stone bridge fill(160, 163, 161); rect(70,190,30,20); rect(290,190,30,20); //stone bridge shadows fill(150, 150, 150); rect(100,190,1.6,20); rect(320,190,1.6,20); //stone bricks for(var g = 7; g < 35; g += 8){ fill(158, 158, 158); rect(285+g,191,4,18,3); rect(65+g,191,4,18,3); } //stone Paths fill(145, 145, 145); rect(315,241,25,130,3); rect(58,241,25,130,3); rect(58,360,282,25,3); rect(315,32,25,130,3); rect(58,32,25,130,3); rect(58,21,282,25,3); if(this.w < 720){ this.w+=4; } if(this.w > 400){ this.sw+=4; } if(this.w > 719){ this.w = 0; this.sw = 0; } break; } popMatrix(); resetMatrix(); }; }; //army variables var army = []; var ermy = []; //The Towers var Tower = function(x,y,health){ this.x = x; this.y = y; this.r = -1; this.health = health; this.damage = 0; this.destroyed = false; this.attacking = false; this.attacked = false; this.targeted = true; //firing var this.firing = false; this.f = 0; //this.zx = 0; //this.zy = 0; this.display = function(side){ translate(this.x,this.y); if(this.health <= 0){ this.destroyed = true; this.targeted = false; } //if not destroyed if(!this.destroyed){ //building foundations strokeWeight(1); stroke(166, 166, 166); fill(176, 176, 176); quad(0,50,50,50,46,15,10,15); fill(191, 191, 191); rect(10,-7,30,25); quad(51,50,43,0,40,-5,40,15); quad(0,50,8,-5,10,-5,10,15); //stone bricks fill(143, 139, 135); noStroke(); //bricks{ for(var g = 0; g < 26; g += 8){ for(var p = 0; p < 14; p += 10){ fill(161, 161, 161); rect(10+g+p,18+g,4,8,3); } fill(161, 161, 161); rect(15+g,18+g,4,8,3); } for(var g = 7; g < 26; g += 8){ fill(161, 161, 161); rect(5+g,18+g,4,8,3); } for(var g = 7; g < 26; g += 8){ fill(161, 161, 161); rect(0+g,18+g,4,8,3); } for(var g = 12; g < 26; g += 8){ fill(161, 161, 161); rect(-5+g,18+g,4,8,3); } for(var g = 23; g < 34; g += 8){ fill(161, 161, 161); rect(-21+g,41,4,8,3); } for(var g = 0; g < 18; g += 8){ fill(161, 161, 161); rect(25+g,18+g,4,8,3); } for(var g = 0; g < 12; g += 8){ fill(161, 161, 161); rect(30+g,18+g,4,8,3); } for(var g = 0; g < 5; g += 8){ fill(161, 161, 161); rect(35+g,18+g,4,8,3); } for(var g = 15; g < 26; g += 5){ fill(161, 161, 161); rect(-10+g,17+g,4,8,3); rect(2,41,4,8,3); } //} //ladder if(side === "BLUE"){ fill(135, 88, 40); noStroke(); rect(13,18,3,36,3); rect(21,18,3,36,3); //ladder rungs for(var g = 0; g < 32; g += 5){ rect(13,20+g,11,2,3); } } // Defensive Cannon fill(110, 110, 110); stroke(112, 112, 112); pushMatrix(); if(side === "BLUE"){ rotate(this.r); rect(this.r < -1 ? 15 : 17,-18-(this.r/2),13,25,5); } else if(side === "RED"){ rotate(this.r+-2); rect(this.r < -1 ? 15 : 17,1-(this.r/2),13,25,5); fill(71, 71, 71); ellipse(24,23.5,9,9); } popMatrix(); //back end of cannon fill(110, 110, 110); if(side === "BLUE"){ ellipse(21,6,13,13); ellipse(26,6,13,13); } //back end of cannon else if(side === "RED"){ ellipse(21,2,13,13); ellipse(26,2,13,13); } //Health-Bar if(this.attacked){ if(side === "BLUE"){ fill(0, 122, 156); } else if (side === "RED"){ fill(156, 0, 0); } noStroke(); rect(0,-25,this.health/2,5,1); fill(66, 66, 66); textSize(8); text(this.health,20-(this.health/100),-26); noFill(); strokeWeight(0.1); stroke(0, 0, 0); rect(0,-25,50,5,1); } if(this.firing){ pushMatrix(); rotate(side === "BLUE" ? 180 : 0); translate(side === "BLUE" ? -49 : 0, side === "BLUE" ? -2 : 0); fill(255, 136, 0); noStroke(); triangle(7,32,24,25,21,19); triangle(42,32,24,25,30,19); triangle(30,32,24,25,33,21); triangle(19,32,24,25,17,21); triangle(24,37,20,21,30,21); popMatrix(); } } //if destroyed else { strokeWeight(1); stroke(148, 148, 148); fill(125, 130, 126); quad(7,50,43,50,43,15,7,15); //rubble noStroke(); fill(140, 140, 140); quad(47,50,43,50,43,15,44,42); quad(23,21,24,18,41,22,44,11); quad(8,50,5,50,18,15,10,42); } resetMatrix(); //firing cannon if(side === "RED"){ for(var a = 0; a < army.length; a++){ if(dist(army[0].x \|\| army[1].x \|\| army[2].x \|\| army[3].x \|\| army[4].x \|\| army[5].x \|\| army[6].x,army[0].y \|\| army[1].y \|\| army[2].y \|\| army[3].y \|\| army[4].y \|\| army[5].y \|\| army[6].y,this.x,this.y) < 180 && side !== "BLUE" && this.health > 0){ this.f ++; if(this.f > 30){ if(army[0].health > 0){ this.firing = true; army[0].health -= army[0].type === "AXEMAN" ? 1.5 : army[0].type === "KNIGHT" ? 1.3 : 2; } else if(army[0].health <= 0){ this.firing = false; this.f = 0; } } if(this.f > 40){ this.f = 0; this.firing = false; } } else { this.f = 0; this.firing = false; } if(army[0].health <= 0){ this.firing = false; this.f = 0; } } } else if(side === "BLUE"){ for(var a = 0; a < ermy.length; a++){ if(dist(ermy[0].x \|\| ermy[1].x \|\| ermy[2].x \|\| ermy[3].x \|\| ermy[4].x \|\| ermy[5].x \|\| ermy[6].x, ermy[0].y \|\| ermy[1].y \|\| ermy[2].y \|\| ermy[3].y \|\| ermy[4].y \|\| ermy[5].y \|\| ermy[6].y,this.x,this.y) < 180 && side === "BLUE" && this.health > 0){ this.f ++; if(this.f > 30){ if(ermy[0].health > 0){ this.firing = true; ermy[0].health -= ermy[0].type === "AXEMAN" ? 1.5 : ermy[0].type === "KNIGHT" ? 1.3 : 2; } else if(ermy[0].health <= 0){ this.firing = false; this.f = 0; } } if(this.f > 40){ this.f = 0; this.firing = false; } } else { this.f = 0; this.firing = false; } if(ermy[0].health <= 0){ this.firing = false; this.f = 0; } } } }; }; //KING TOWER var KINGTower = function(x,y,health){ this.x = x; this.y = y; this.r = 1; this.health = health; this.damage = 0; this.dh = 0; this.destroyed = false; this.attacked = false; this.targeted = true; this.display = function(side){ translate(this.x,this.y); if(this.health <= 0){ this.destroyed = true; this.targeted = false; } //fireball achievment if(this.health <= 20){ for(var a = 0; a < army.length; a++){ if(army[a].type === "FIREBALL"){ fireB = true; } } } //if not destroyed if(!this.destroyed){ //building foundations strokeWeight(1); stroke(166, 166, 166); fill(176, 176, 176); quad(0,50,50,50,50,15,0,15); fill(191, 191, 191); rect(0,-7,50,25); quad(50,50,50,-5,50,-5,51,24); quad(0,50,0,-5,0,-5,0,15); //stone bricks fill(143, 139, 135); noStroke(); for(var g = 0; g < 47; g += 6){ for(var p = 0; p < 26; p += 16){ fill(161, 161, 161); rect(1+g,18+p,4,8,3); rect(5+g,26+p,4,8,3); } } //colored ribbon if(side === "BLUE"){ fill(0, 122, 156); } else if (side === "RED"){ fill(156, 0, 0); } rect(32,18,8,19); triangle(32,37,32,43,36,37); triangle(40,37,40,43,36,37); //CROWN fill(255, 204, 36); rect(0,-7,50,10); rect(0,-15,15,10); rect(20,-15,10,10); rect(35,-15,15,10); stroke(255, 255, 255, 50); //glaze strokeWeight(2); line(16,-6,10,2); line(21,-11,23,-14.5); line(27,-14.5,15,2); //Health-Bar if(this.attacked){ if(side === "BLUE"){ fill(0, 122, 156); } else if (side === "RED"){ fill(156, 0, 0); } noStroke(); rect(0,-25,this.health/4,5,1); fill(66, 66, 66); textSize(8); text(this.health,20-(this.health/100),-26); noFill(); strokeWeight(0.1); stroke(0, 0, 0); rect(0,-25,50,5,1); } } //if destroyed else { strokeWeight(1); stroke(148, 148, 148); fill(125, 130, 126); quad(7,50,43,50,43,15,7,15); //rubble noStroke(); fill(140, 140, 140); quad(47,50,43,50,43,15,44,42); quad(23,21,24,18,41,22,44,11); quad(8,50,5,50,18,15,10,42); } noStroke(); strokeWeight(1); resetMatrix(); }; }; //Blue Side Towers var T1 = new Tower(64,418,100); var T2 = new Tower(281,418,100); var KT = new KINGTower(173,472,200); //Red Side Towers var T3 = new Tower(64,88,100); var T4 = new Tower(281,88,100); var KT2 = new KINGTower(173,34,200); //Tabs for the Console Bar var tab = function(x,y,w,type){ this.x = x; this.y = y; this.w = w; this.type = type; this.selected = false; this.speed = 3; this.sch = 0; this.slide = false; this.d = 0.1; this.display = function(){ translate(this.x,this.y); //Basic Tab Shape fill(this.selected ? color(0, 71, 115,250) : color(3, 72, 87,255)); //fill(0, 145, 135); strokeWeight(1); stroke(0, 104, 145,200); rect(0,0,this.w,48); //Shape or Picture on Tab switch(this.type){ case "ATTACK" : translate(this.w > 70 ? 40 : 20,5); //SWORDS pushMatrix(); //Sword 1 rotate(-8); noStroke(); fill(140, 140, 140); quad(4,0,18,23,14,27,4,8); fill(117, 117, 117); quad(4,0,18,24,22,19,13,4); //grip pushMatrix(); rotate(58); fill(153, 153, 153); rect(26,-7.4,25,8,5); fill(135, 135, 135); rect(29,-7,10,6,5); rect(39,-7,4,6,5); popMatrix(); //handle fill(87, 48, 48,230); quad(25,17,26,18,14,27,8,28); popMatrix(); //sword 2 pushMatrix(); translate(26,-5); rotate(74); noStroke(); fill(140, 140, 140); quad(4,0,18,23,14,27,4,8); fill(117, 117, 117); quad(4,0,18,24,22,19,13,4); //grip pushMatrix(); rotate(58); fill(153, 153, 153); rect(26,-7.4,25,8,5); fill(135, 135, 135); rect(29,-7,10,6,5); rect(39,-7,4,6,5); popMatrix(); //handle fill(87, 48, 48,230); quad(25,17,26,18,14,27,8,28); popMatrix(); resetMatrix(); break; case "HELP" : translate(this.w > 70 ? 40 : 10,5); fill(124, 125, 128); textSize(40); text("?",11,33); textSize(20); text("?",6,33); text("?",28,33); resetMatrix(); break; case "CARDS" : translate(this.w > 70 ? 40 : 10,5); fill(140, 140, 140); stroke(this.selected ? color(0, 71, 115,250) : color(3, 72, 87,255)); rotate(11); rect(18,-4,24,34,5); rect(12,0,24,34,5); resetMatrix(); break; case "MAP" : translate(this.w > 70 ? 35 : 10,12); fill(255, 255, 255); quad(12,24,13,30,37,31,34,24); fill(122, 116, 116); noStroke(); bezier(16,7,26,32,20,38,30,7); ellipse(23,1,20,20); fill(this.selected ? color(0, 71, 115,250) : color(3, 72, 87,255)); ellipse(23,1,10,10); resetMatrix(); break; case "SETTINGS" : pushMatrix(); translate(this.w > 70 ? 68 : 47,20); //circles stroke(125, 125, 125); noFill(); strokeWeight(5); ellipse(0,0,15,15); ellipse(-19,12,10,10); popMatrix(); //gear rectangles pushMatrix(); translate(this.w > 70 ? 68 : 47,20); for(var i = 0; i < 360; i += 45){ rotate(i); strokeWeight(5); rect(-12,0,1,1); } popMatrix(); pushMatrix(); translate(this.w > 70 ? 49 : 28,32); for(var i = 0; i < 360; i += 45){ rotate(i); strokeWeight(3); rect(-8,1,1,1); } popMatrix(); resetMatrix(); break; } resetMatrix(); //Mouse Touching if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + 48 && mouseIsPressed){ this.slide = true; if(this.type === "MAP"){ State = "MAP"; this.slide = true; } if(this.type === "ATTACK"){ State = "FIGHT"; this.slide = true; } if(this.type === "HELP"){ State = "HOWTO"; this.slide = true; } if(this.type === "CARDS"){ State = "CARDS"; this.slide = true; } if(this.type === "SETTINGS"){ State = "SETTINGS"; this.slide = true; } } else if(mouseX < this.x && mouseIsPressed && mouseY > this.y \|\| mouseX > this.x + this.w && mouseIsPressed && mouseY > this.y){ this.slide = false; this.selected = false; this.speed = 3; this.d = 0.1; this.w = 70; } //Slide Tab when selected if(this.slide){ this.selected = true; this.w += this.speed; if(this.speed > 0){ this.speed -= this.d; } } }; }; //Console Bar on bottom var consoleBar = function(x,y){ this.x = x; this.y = y; this.Tabs = [ this.T1 = new tab(0 + this.x,549,70,"HELP"), this.T2 = new tab(70 + this.x,549,70,"CARDS"), this.T3 = new tab(140 + this.x,549,70,"ATTACK"), this.T4 = new tab(210 + this.x,549,70,"MAP"), this.T5 = new tab(280 + this.x,549,70,"SETTINGS") ]; this.display = function(){ //Blue Bar noStroke(); fill(0, 0, 0,100); rect(0 + this.x,548 + this.y,400,50); fill(0, 126, 176,100); rect(0 + this.x,548 + this.y,400,2); //Selecting Tabs for(var i = 0; i < this.Tabs.length; i++){ var T = this.Tabs[i]; T.display(); } for(var i = 0; i < this.Tabs.length-1; i++){ if(this.Tabs[i].x + this.Tabs[i].w > this.Tabs[i+1].x){ this.Tabs[i+1].x += this.Tabs[i+1].speed; } else if((this.Tabs[i].x + this.Tabs[i].w) <= this.Tabs[i+1].x - 2){ this.Tabs[i+1].x -= this.Tabs[i+1].speed; } } }; }; var C1 = new consoleBar(0,0); //battle var var bfader = 0; var battles = function(){ return State === "BASE_A"\|\| State === "BASE_B"\|\| State === "BASE_C"\|\| State === "BASE_D"\|\| State === "BASE_E"\|\| State === "BASE_F"\|\| State === "BASE_G"\|\| State === "BASE_H"\|\| State === "BASE_I"\|\| State === "BASE_J"\|\| State === "BASE_K"\|\| State === "BASE_L"\|\| State === "BASE_M"\|\| State === "BASE_N"\|\| State === "BASE_O"\|\| State === "BASE_P"\|\| State === "BASE_Q"\|\| State === "BASE_R"\|\| State === "BASE_S"\|\| State === "BASE_T"\|\| State === "BASE_U"\|\| State === "BASE_V"\|\| State === "BASE_W"\|\| State === "BASE_X"\|\| State === "BASE_Y"\|\| State === "BASE_Z"; }; //banners var Banner = function(x,y,w,h,txt,ts){ this.x = x; this.y = y; this.w = w; this.h = h; this.txt = txt; this.ts = ts; this.display = function(){ translate(this.x,this.y); fill(0, 133, 148); noStroke(); rect(0,0,this.w,this.h); //left flag pushMatrix(); translate(0,-2); strokeWeight(0.08); stroke(0, 0, 0); triangle(0,16,-16,16,0,26); triangle(0,36,-16,36,0,26); popMatrix(); //right flag pushMatrix(); translate(0,-2); strokeWeight(0.08); stroke(0, 0, 0); triangle(0+this.w,16,this.w + 16,16,0+this.w,26); triangle(0+this.w,36,this.w+16,36,0+this.w,26); popMatrix(); noStroke(); fill(0, 0, 0); textSize(this.ts); text(this.txt,23-((this.txt.length-3)6)+(this.w/6),23); resetMatrix(); }; }; var A1 = new Arena("CLASSIC",0,0); var attacking = false; var attackfade = 0; //Tutorial variables var Tutorial = true; var TFrame = 0; //Typing Text variables var Text = []; var type = function(x,y) { translate(x,y); fill(0, 156, 140); noStroke(); rect(85,181,182,40,3); textSize(26); if(State === "START"){ if(Text.length < 1){ fill(0, 74, 60,100); text(" Select Name",93,210); } } else if(State === "SETTINGS"){ if(Text.length < 1){ fill(0, 74, 60,100); text("Change Name",93,210); } } fill(0, 0, 0); var t=round(frameCount/40); if(t%2===0){ text(Text.join("") + "\|", 171-(Text.length7),208); } else { text(Text.join("") + " ", 171-(Text.length7), 208); } resetMatrix(); }; var keyTyped = function() { if (key.code!==BACKSPACE && Text.length < 10){ Text.push(key); } if (key.code===BACKSPACE){ Text.pop(); } }; //Arrow for pointing at stuff var Arrow = function(x,y,mx,my,r,colr){ this.x = x; this.y = y; this.mx = mx; this.my = my; this.r = r; this.colr = colr; this.display = function(){ translate(this.x-this.mx,this.y+this.my); rotate(this.r); smooth(); noStroke(); fill(this.colr); triangle(-10,10,-8,-8,10,8); //arrow base pushMatrix(); rotate(-40); rect(-3,-4,20,10); popMatrix(); resetMatrix(); }; }; //Card variables var show = true; var elixer = 3; var Card = function(x,y,type,using){ this.x = x; this.y = y; this.type = type; this.jiggle = false; this.amount = 0; this.level = 1; this.levelAmount = this.level2; this.levelUP = false; this.lzoom = 0; this.lwait = 0; this.using = using; this.selected = false; this.Bs = 0; this.info = false; this.show = true; this.size = 1; this.elix = this.type === "KNIGHT" ? "3" : this.type === "ARCHER" ? "3" : this.type === "AXEMAN" ? "5" : this.type === "WARLOCK" ? "4" : this.type === "FIRE-BALL" ? "4" : this.type === "HEALING\n SPELL" ? "4" : 0; this.Cimages = function(){ switch(this.type){ case "KNIGHT": //Shadow { fill(105, 105, 105); noStroke(); //head ellipse(50,40,40,40); //body ellipse(50,76,20,40); //limbs for(var i = 0; i < 40; i++){ //arms ellipse(50-i/1.3,45+i/1.3,10,10); ellipse(50+i/1.3,45+i/1.3,10,10); //legs ellipse(43,45+(i2),10,10); ellipse(59,45+(i2),10,10); } } //Guy { fill(255, 217, 161); noStroke(); //head ellipse(50,40,27,27); //eyes fill(0, 0, 0); ellipse(44,37,7,7); ellipse(56,37,7,7); //mouth fill(255, 255, 255); arc(50,46,8,7,0,180); } //Weapon { //handle stroke(89, 89, 89); strokeWeight(6); line(14,56,21,81); //sword tip fill(89, 89, 89); noStroke(); beginShape(); vertex(14,35); vertex(5,22); vertex(5,42); vertex(8,65); vertex(22,56); endShape(); } break; case "ARCHER": //Shadow { fill(135, 64, 135); noStroke(); //body ellipse(50,74,20,38); //limbs for(var i = 0; i < 40; i++){ //arms ellipse(50-i/1.3,45+i/1.3,10,10); ellipse(56-i/1.3,54+i/1.3,10,10); //legs ellipse(43,45+(i2),10,10); ellipse(59,45+(i2),10,10); } } //Guy { fill(255, 217, 161); noStroke(); //head ellipse(50,40,27,27); //eyes fill(0, 0, 0); ellipse(43,37,7,7); ellipse(52,37,7,7); //mouth noFill(); stroke(255, 255, 255); line(45,46,50,47); //arrows strokeWeight(1); stroke(94, 94, 94); line(67,29,71,54); line(74,33,71,54); //back of the arrows strokeWeight(2); line(67,29,64,27); line(67,29,68,26); line(74,33,73,30); line(74,33,77,32); //bag on his back fill(0, 153, 43); noStroke(); rect(65,42,10,30,2); //hat fill(0, 153, 43); triangle(56,23,63,31,30,32); } //Weapon { //Bow and Arrow: //bow string noFill(); strokeWeight(3); stroke(94, 94, 94); arc(17,76,20,34,86,275); line(17,61,17,92); //arrow line(0,78,25,78); line(0,78,2,75); line(0,78,2,81); } break; case "AXEMAN": //Shadow { fill(122, 49, 0); noStroke(); //body ellipse(50,75,20,40); //limbs for(var i = 0; i < 40; i++){ //arms ellipse(50-i/1.3,45+i/1.3,10,10); ellipse(50+i/1.3,45+i/1.3,10,10); //legs ellipse(43,45+(i2),10,10); ellipse(59,45+(i2),10,10); } //buttons fill(145, 145, 145); ellipse(51,61,5,5); ellipse(51,67,5,5); } //Guy { fill(255, 217, 161); noStroke(); //head ellipse(50,40,27,27); //eyes fill(0, 0, 0); ellipse(44,37,7,7); ellipse(56,37,7,7); //mouth fill(255, 255, 255); arc(50,46,8,3,0,180); } //Weapon { //handle stroke(89, 89, 89); strokeWeight(6); line(14,56,21,81); //axe blade fill(89, 89, 89); noStroke(); beginShape(); vertex(14,35); vertex(4,47); vertex(8,65); vertex(22,56); endShape(); } break; case "WARLOCK": //Shadow { fill(125, 2, 84); noStroke(); //body ellipse(50,66,20,50); //limbs for(var i = 0; i < 40; i++){ //arms ellipse(50-i/1.3,45+i/1.3,10,10); ellipse(50+i/1.3,45+i/1.3,10,10); } for(var i = 0; i < 30; i++){ //legs ellipse(43,65+(i2),10,10); ellipse(59,65+(i2),10,10); } } //Guy { fill(255, 217, 161); noStroke(); //head ellipse(50,40,27,27); //eyes fill(210, 0, 214); ellipse(44,37,7,7); ellipse(56,37,7,7); //mouth fill(255, 255, 255); arc(50,46,8,7,0,180); //power orb fill(206, 0, 209); ellipse(50,69,8,8); //bolts of power orb stroke(206, 0, 209); line(50,69,43,69); line(43,69,42,66); line(50,69,57,69); line(57,69,58,72); line(50,69,50,62); line(51,61,50,62); line(50,69,50,76); line(49,77,50,76); } break; case "FIRE-BALL": //fire-ball { fill(255, 106, 0); noStroke(); ellipse(38,88,50,50); triangle(20,70,28,90,57,46); triangle(50,89,49,111,82,78); triangle(44,63,49,108,82,50); stroke(255, 115, 0); noFill(); arc(39,88,50,46,79,221); } break; case "HEALING\n SPELL": //bottle { pushMatrix(); rotate(-10); strokeWeight(1.5); fill(255, 47, 0,190); stroke(89, 89, 89); rect(19,72,35,50); fill(89, 89, 89); rect(28,56,15,15); popMatrix(); } break; } }; //display the card's picture and shape this.cardI = function(){ //Upgrade Bar noStroke(); fill(color(59, 59, 59, 200)); rect(5,10,90,134,3); fill(this.levelUP ? color(0, 227, 132) : color(0, 151, 227)); rect(5,139.2,((this.amount45)/this.level),4.6); fill(this.levelUP ? color(0, 255, 115) : color(0, 157, 235)); rect(5,134.6,((this.amount45)/this.level),4.9); fill(this.levelUP ? color(0, 222, 130) : color(0, 139, 232)); rect(5,131,((this.amount45)/this.level),4.6); //Is the card a level up? if(this.levelUP){ stroke(255, 255, 255,this.lwait > 0 ? 0 : 150); strokeWeight(2); line(16 + this.lzoom,130,7 + this.lzoom,142); this.lzoom+=3; if(this.lzoom > 80){ this.lwait++; if(this.lwait > 50){ this.lzoom = 0; this.lwait = 0; } } } //back of Card strokeWeight(2); stroke(this.jiggle ? color(87, 104, 112) : color(121, 117, 122)); fill(122, 122, 122); //Is card jiggling or not? rect(this.jiggle ? 0 - (sin(frameCount10)1) : 0,this.jiggle ? 0 - (sin(frameCount10)1) : 0,this.jiggle ? 100 + (sin(frameCount10)2) : 100,this.jiggle ? 130 + (sin(frameCount10)2) : 130,3); //image on Card this.Cimages(); //name of card fill(0, 0, 0,130); textSize(14); text(this.type,28,17); //how much elixer it is noStroke(); fill(0, 153, 219); rect(0,0,20,20,2); fill(0, 111, 166); textSize(16); text(this.elix,4,18); //Level-up arrow if(this.levelUP){ pushMatrix(); new Arrow(5,130,0,-(sin(frameCount5)1),130,color(0, 224, 93)).display(); popMatrix(); } //normal arrow else { pushMatrix(); new Arrow(5,130,0,-(sin(frameCount5)1),130,color(0, 167, 222)).display(); popMatrix(); } //display how much amount of the level the card is in fill(0, 0, 0); textSize(13); text(this.amount + "/" + this.levelAmount,41,143); //level-up card if amount > the level amount if(this.amount >= this.levelAmount){ this.levelUP = true; } }; //Battle stats for the card this.stat = function(thing,amount,x,y,mx){ fill(15, 15, 15); text(thing,x,y); fill(0, 102, 125); text(amount,x + mx, y); }; //info card this.CInfo = function(){ popMatrix(); translate(-this.x,-this.y); fill(237, 237, 237); noStroke(); rect(30,30,340,500,2); //text on info card switch(this.type){ case "KNIGHT": fill(82, 82, 82); textSize(30); text("Knight",144,60); textSize(20); text("The Knight is a faithful soldier, who never gives up. The Knight is all around warrior in defence and offence and is useful for many different battle strategies.",66,157,276,500); this.stat("Damage:",this.level2,60,362,88); this.stat("Range:","Melee",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","1",230,400,81); this.stat("Damage Type:","Ground",90,453,140); break; case "ARCHER": fill(82, 82, 82); textSize(30); text("Archer",144,60); textSize(20); text("Archers are useful for distracting oppenents or targeting flying troops. Archers come in groups of two and shoot small arrows.",73,157,276,500); this.stat("Damage:",this.level,60,362,88); this.stat("Range:","3",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","2",230,400,81); this.stat("Damage Type:","Air & Ground",69,453,140); break; case "AXEMAN": fill(82, 82, 82); textSize(30); text("Axeman",144,60); textSize(20); text("Axemen are slighty slow, but pack a punch! Since they have an average health span, an Axeman might survive long enough to do quite a lot of damage.",73,157,276,500); this.stat("Damage:",this.level + 3,60,362,88); this.stat("Range:","Melee",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","1",230,400,81); this.stat("Damage Type:","Ground",90,453,140); break; case "WARLOCK": fill(82, 82, 82); textSize(30); text("Warlock",144,60); textSize(20); text("Warlocks are feared throughout the galaxy, with evil glowing eyes and a short temper, a warlock can shoot fire from a long range.",73,157,276,500); this.stat("Damage:",this.level + 2,60,362,88); this.stat("Range:","5",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","1",230,400,81); this.stat("Damage Type:","Air & Ground",69,453,140); break; case "FIRE-BALL": fill(82, 82, 82); textSize(30); text("Fireball",144,60); textSize(20); text("It's a rock, it's torpedo, it's a... Fireball! Fireballs are one of the strongest air attacks on the battlefield. Fireballs leave a scorch mark on contact.",73,157,276,500); this.stat("Damage:",this.level + 4,60,362,88); this.stat("Range:","4",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","1",230,400,81); this.stat("Damage Type:","Air & Ground",69,453,140); break; case "HEALING\n SPELL": fill(82, 82, 82); textSize(30); text("Healing Spell",112,60); textSize(20); text("When your troops are tired and running out of health, THIS is what you need, a Healing Spell! Healing Spells are very useful, but cost a lot.",73,157,276,500); this.stat("Healing:",this.level * 2,60,362,80); this.stat("Range:","6",230,362,72); this.stat("Level:",this.level,60,400,58); this.stat("Amount:","1",230,400,81); this.stat("Healing Type:","Air & Ground",69,453,140); break; } //if mouse is pressed outside of info box if(mouseX < 30 && mouseIsPressed \|\| mouseX > 370 && mouseIsPressed \|\| mouseY < 30 && mouseIsPressed \|\| mouseY > 530 && mouseIsPressed){ this.info = false; show = true; } pushMatrix(); }; //display everything this.display = function(){ translate(this.x,this.y); if(this.show){ pushMatrix(); scale(this.size); this.cardI(); popMatrix(); } else {} //if selected = true if(this.selected === true){ this.Mbutton(0,149,color(0, 149, 255),"INFO"); this.jiggle = true; } else {} //info of card if(this.info === true){ pushMatrix(); this.CInfo(); popMatrix(); this.show = false; } else { this.show = true; } resetMatrix(); }; //Is mouse over the card? this.mouseOver = function(){ if(mouseX > this.x && mouseX < this.x + 100 && mouseY > this.y && mouseY < this.y + 130){ this.jiggle = true; } else{ if(!this.selected){ this.jiggle = false; } } }; //buttons that appear when card is selected this.Mbutton = function(x,y,colr,txt,t){ translate(x,y); fill(colr); rect(0,0,this.using ? 100 : 46,30,3); fill(0, 135, 133, this.Bs); rect(0,0,100,30,3); fill(69, 69, 69); textSize(15); text(txt,this.using ? 33 : 7,20); resetMatrix(); //if mouse Is over if(mouseX > x + this.x && mouseX < (this.x + x) + 100 && mouseY > (this.y + y) && mouseY < (this.y + y) + 30){ this.Bs += 5; } else { this.Bs = 0; } //if button is pressed if(mouseX > x + this.x && mouseX < (this.x + x) + 100 && mouseY > (this.y + y) && mouseY < (this.y + y) + 30 && mouseIsPressed){ this.info = true; show = false; } }; //if card is clicked this.clicked = function(){ if(mouseX > this.x && mouseX < this.x + 100 && mouseY > this.y && mouseY < this.y + 130){ this.selected = true; } else { this.selected = false; } }; }; //variable for scrolling down your cards var CardScroll = 0; var Cards = [ new Card(30,26 + CardScroll,"KNIGHT",true), new Card(146,26 + CardScroll,"ARCHER",true), new Card(262,26 + CardScroll,"AXEMAN",true), new Card(30,216 + CardScroll,"WARLOCK",true), new Card(146,216 + CardScroll,"FIRE-BALL",true), new Card(262,216 + CardScroll,"HEALING\n SPELL",true), ]; //arrows for archers var arrow = function(x,y,r,speed){ this.x = x; this.y = y; this.r = r; this.speed = speed; this.side = false; this.display = function(){ translate(this.x,this.y - 20); rotate(this.r); //arrow shaft stroke(94, 92, 94); strokeWeight(2); line(0,0,0,-8); //end line(2,3,0,0); line(-2,3,0,0); //front line(2,-6,0,-8); line(-2,-6,0,-8); resetMatrix(); //move the arrow this.y -= 3; if(this.side){ this.x += 2; } }; }; //fireballs for warlock var fireball = function(x,y,r,size){ this.x = x; this.y = y; this.r = r; this.size = size; this.side = false; this.fire = true; this.display = function(){ translate(this.x,this.y - 20); rotate(this.r); scale(this.size); //fireball fill(184, 110, 26); noStroke(); ellipse(0,0,8,10); //firey streaks triangle(-4,8,-1,0,-3,0); triangle(4,8,1,0,3,0); triangle(-4,0,4,0,0,12); resetMatrix(); //move the fireball if(this.fire){ this.y -= 3; if(this.side){ this.x += 1; } } }; }; //Healing potion var HPotion = function(x,y,side){ this.x = x; this.y = y; this.healing = 2; this.op = 150; this.enem = [T3,T4,KT2]; this.alive = true; this.exp = 0; this.side = side; this.display = function(){ translate(this.x,this.y); //rotate(-100); noStroke(); fill(255, 0, 0, this.op); ellipse(0,0,100 + this.exp,100 + this.exp); resetMatrix(); //healing for(var e = 0; e < army.length; e++){ if(this.alive && this.side === "GOOD"){ if(army[e].health < 98){ army[e].health += 0.8; } this.op -= 1.5/(army.length); this.exp += 8/(army.length); } } for(var e = 0; e < ermy.length; e++){ if(this.alive && this.side === "BAD"){ if(ermy[e].health < 98){ ermy[e].health += 0.8; } this.op -= 1.5/(ermy.length); this.exp += 8/(ermy.length); } } if(this.op <= 0){ this.alive = false; } }; }; //troop variables var axy = 0; var troop = function(x,y,type,destinationx,destinationy,speed,bs){ this.x = x; this.y = y; //health this.health = Text === "Billy" ? 200 : 100; this.Bside = bs; this.type = type; this.side = "BACK"; this.dx = destinationx; this.dy = destinationy; this.spawnX = T3; this.speed = this.type === "ARCHER"? speed + 0.3 : this.type === "AXEMAN" ? speed - 0.2 : this.type === "FIRE-BALL" ? speed + 5 : speed; this.walking = false; this.range = this.type === "KNIGHT" ? 60 : this.type === "AXEMAN" ? 60 : this.type === "WARLOCK" ? 160 : this.type === "FIRE-BALL" ? 40 : 119; this.blocked = false; this.btime = 0; this.attacking = false; this.attacking2 = false; this.attacking3 = false; this.damage = this.type === "KNIGHT" ? 2 : this.type === "ARCHER" ? 1 : this.type === "AXEMAN" ? 4 : this.type === "WARLOCK" ? 2 : this.type === "FIRE-BALL" ? 20 : 0; this.dtime = 0; this.enemyT = [T3,T4,KT2]; this.target = this.Bside === "GOOD" ? T3 : T1; //arrow array for archers this.arrows = []; this.go = 0; this.shoot = 0; //fireball array for warlock this.fireB = []; this.fb = new fireball(0,0,0,2); this.burned = false; //healing potion this.hp = new HPotion(0,0,this.Bside); //pathfinder this.path = function(){ //good targets if(this.Bside === "GOOD"){ //king target if(T3.destroyed === true && T4.destroyed === true){ if(this.y > 250){ if(this.x < 200){ this.dx = T3.x; this.dy = T3.y; } if(this.x >= 200){ this.dx = T4.x; this.dy = T4.y; } } else if(this.y <= 250){ this.dx = KT2.x; this.dy = KT2.y; } this.target = KT2; } //tower target if(T3.destroyed === true && T4.destroyed === false){ this.dx = T4.x; this.dy = T4.y; this.target = T4; } if(T3.destroyed === false && T4.destroyed === true){ this.dx = T3.x; this.dy = T3.y; this.target = T3; } } //bad targets else if(this.Bside === "BAD"){ //king target if(T1.destroyed === true && T2.destroyed === true){ if(this.y < 284){ if(this.x < 200){ this.dx = T1.x; this.dy = T1.y; this.target = T1; } if(this.x >= 200){ this.dx = T2.x; this.dy = T2.y; this.target = T2; } } else { this.dx = KT.x; this.dy = KT.y; this.target = KT; } } //tower target if(T1.destroyed === true && T2.destroyed === false){ this.dx = T2.x; this.dy = T2.y; this.target = T2; } if(T1.destroyed === false && T2.destroyed === true){ this.dx = T1.x; this.dy = T1.y; this.target = T1; } } //moving to enemy towers if(dist(this.x,this.y,this.dx,this.dy) > this.range && !this.blocked && this.type !== "FIRE-BALL" && this.Bside === "GOOD"){ this.walking = true; if(this.dx > this.x){ this.x += this.speed; this.side = "LEFT"; } else if(this.x > this.dx + 20){ this.x -= this.speed; this.side = "RIGHT"; } else if(this.dy > this.y){ this.y += this.speed; this.side = "FRONT"; } else if(this.y > this.dy){ this.y -= this.speed; this.side = "BACK"; } } else if(dist(this.x,this.y,this.dx,this.dy) > this.range - 40 && !this.blocked && this.type !== "FIRE-BALL" && this.Bside === "BAD"){ this.walking = true; if(this.dx > this.x){ this.x += this.speed; this.side = "LEFT"; } else if(this.x > this.dx + 20){ this.x -= this.speed; this.side = "RIGHT"; } else if(this.dy > this.y){ this.y += this.speed; this.side = "FRONT"; } else if(this.y > this.dy){ this.y -= this.speed; this.side = "BACK"; } } //if type is fire ball else if(dist(this.x,this.y,this.dx,this.dy) > this.range && this.type === "FIRE-BALL"){ this.walking = true; if(this.dx > this.x){ this.x += this.speed; this.side = "LEFT"; } if(this.x > this.dx + 20){ this.x -= this.speed; this.side = "RIGHT"; } if(this.dy > this.y){ this.y += this.speed; this.side = "FRONT"; } if(this.y > this.dy){ this.y -= this.speed; this.side = "BACK"; } } else { this.walking = false; } //avoiding your towers if(this.Bside === "GOOD"){ if(this.y > T1.y && this.type !== "FIRE-BALL"){ this.blocked = true; } else if(this.y < T1.y - 30 && this.type !== "FIRE-BALL"){ this.blocked = false; this.btime = 0; } if(this.blocked && this.type !== "FIRE-BALL"){ this.btime++; this.walking = true; //walking around if(this.x < T1.x + 70){ this.x += this.speed; this.side = "LEFT"; } else { this.walking = false; } if(this.btime > 100){ this.walking = true; this.y -= this.speed; this.side = "BACK"; } } if(this.x < T1.x + 10 && this.type !== "FIRE-BALL"){ this.y -= this.speed; } //removing the fire-ball once it's at the target if(this.type === "FIRE-BALL" && dist(this.x,this.y,this.dx,this.dy) < this.range){ //damaging towers with fire-ball if(!T3.destroyed && this.dx >= 200){ } else{ this.target.health -= this.damage; this.target.attacked = true; this.burned = true; } this.attacking = true; } } }; this.display = function(){ translate(this.x,this.y); switch(this.type){ case "KNIGHT" : if(this.side === "BACK" \|\| this.side === "FRONT"){ fill(122, 122, 122); noStroke(); for(var e = 0; e < 16; e += 2){ //legs fill(122, 122, 122); ellipse(0-(e/3),this.walking ? (-3+e)+(sin(frameCount10)2) : -3+e,5,5); ellipse(0+(e/3),this.walking ? (-3+e)-(sin(frameCount10)2) : -3+e,5,5); } //arms stroke(122, 122, 122); strokeWeight(5); noFill(); line(1-(e/2),(this.attacking ? -14 : -12)+(this.attacking ? (e/1.3)+(sin(frameCount10)2) : (e/1.3)),0,-13); line(-1+(e/2),-12+(e/1.3),0,-13); noStroke(); fill(122, 122, 122); for(var e = 0; e < 10; e += 2){ //body ellipse(0,-10+e,5,5); } //head ellipse(0,-15,12,12); if(this.side === "FRONT"){ //face fill(255, 224, 150); ellipse(0,-15,10,10); //eyes fill(252, 252, 252); ellipse(2,-16,3,3); ellipse(-2,-16,3,3); //pupils fill(0, 0, 0); ellipse(2,-16,1.7,2); ellipse(-2,-16,1.7,2); //mouth fill(255, 255, 255); stroke(250, 222, 158); strokeWeight(1); arc(0,-14,5,5,0,180); } } else if(this.side === "LEFT" \|\| this.side === "RIGHT"){ stroke(122, 122, 122); strokeWeight(5); //legs line(0,0,this.walking ? 0+(sin(frameCount5)-4) : 0,13); line(0,0,this.walking ? 0-(sin(frameCount5)-4) : 0,13); //arms line(3,0,0,-6); line(-3,0,0,-6); fill(122, 122, 122); noStroke(); for(var e = 0; e < 10; e += 2){ //body ellipse(0,-10+e,5,5); } //head ellipse(0,-15,12,12); //eye fill(252, 252, 252); ellipse(this.side === "LEFT" ? 3 : -3,-16,3,3); //pupil fill(0, 0, 0); ellipse(this.side === "LEFT" ? 3.5 : -3.5,-16,1.7,1.7); } break; case "ARCHER" : if(this.side === "BACK" \|\| this.side === "FRONT"){ fill(163, 47, 163); noStroke(); for(var e = 0; e < 16; e += 2){ //legs ellipse(0-(e/3),this.walking ? (-3+e)+(sin(frameCount10)2) : -3+e,5,5); ellipse(0+(e/3),this.walking ? (-3+e)-(sin(frameCount10)2) : -3+e,5,5); //arms ellipse(0-(e/2),-10+(e/1.3),5,5); ellipse(0+(e/2),-10+(e/1.3),5,5); } //head ellipse(0,-15,2,2); if(this.side === "BACK"){ //head ellipse(0,-15,12,12); //hat fill(0, 135, 50); noStroke(); triangle(0,-22,-5,-18,5,-18); } if(this.side === "FRONT"){ //face fill(255, 224, 150); ellipse(0,-15,10,10); //eyes fill(252, 252, 252); ellipse(2,-16,3,3); ellipse(-2,-16,3,3); //pupils fill(0, 0, 0); ellipse(2,-16,1.7,2); ellipse(-2,-16,1.7,2); //mouth fill(255, 255, 255); stroke(250, 222, 158); arc(0,-14,5,5,0,180); //hat fill(0, 135, 50); noStroke(); triangle(0,-16,-5,-21,5,-21); } } else if(this.side === "LEFT" \|\| this.side === "RIGHT"){ stroke(163, 47, 163); strokeWeight(5); //legs line(0,0,this.walking ? 0+(sin(frameCount5)-4) : 0,13); line(0,0,this.walking ? 0-(sin(frameCount5)-4) : 0,13); //arms line(3,0,0,-6); line(-3,0,0,-6); fill(163, 47, 163); noStroke(); for(var e = 0; e < 10; e += 2){ //body ellipse(0,-10+e,5,5); } //head ellipse(0,-15,12,12); //eye fill(252, 252, 252); ellipse(this.side === "LEFT" ? 3 : -3,-16,3,3); //pupil fill(0, 0, 0); ellipse(this.side === "LEFT" ? 3.5 : -3.5,-16,1.7,1.7); //archer hat if(this.side === "RIGHT"){ //hat pushMatrix(); translate(-24,-36); scale(0.57); fill(0, 125, 31); triangle(46,23,53,31,25,32); popMatrix(); } else if(this.side === "LEFT"){ //hat pushMatrix(); translate(-24,-36); scale(0.57); fill(0, 125, 31); triangle(33,23,57,31,30,32); popMatrix(); } } break; case "AXEMAN" : if(this.side === "BACK" \|\| this.side === "FRONT"){ fill(145, 74, 43); noStroke(); for(var e = 0; e < 16; e += 2){ //legs ellipse(0-(e/3),this.walking ? (-5+e)+(sin(frameCount10)2) : -5+e,5,5); ellipse(0+(e/3),this.walking ? (-5+e)-(sin(frameCount10)2) : -5+e,5,5); } //arms stroke(145, 74, 43); strokeWeight(5); noFill(); line(1-(e/2),(this.attacking ? -14 : -12)+(this.attacking ? (e/1.3)+(sin(frameCount10)2) : (e/1.3)),0,-13); line(-1+(e/2),-12+(e/1.3),0,-13); fill(145, 74, 43); //head ellipse(0,-15,2,2); if(this.side === "BACK"){ //head ellipse(0,-14,7,7); } if(this.side === "FRONT"){ noStroke(); //face fill(255, 224, 150); ellipse(0,-15,10,10); //eyes fill(252, 252, 252); ellipse(2,-16,3,3); ellipse(-2,-16,3,3); //pupils fill(0, 0, 0); ellipse(2,-16,1.7,2); ellipse(-2,-16,1.7,2); //mouth fill(255, 255, 255); strokeWeight(1); stroke(250, 222, 158); arc(0,-14,5,5,0,180); } } else if(this.side === "LEFT" \|\| this.side === "RIGHT"){ stroke(145, 74, 43); strokeWeight(5); //legs line(0,0,this.walking ? 0+(sin(frameCount5)-4) : 0,13); line(0,0,this.walking ? 0-(sin(frameCount5)-4) : 0,13); //arms line(3,0,0,-6); line(-3,0,0,-6); fill(145, 74, 43); noStroke(); for(var e = 0; e < 10; e += 2){ //body ellipse(0,-10+e,5,5); } //head ellipse(0,-15,12,12); //eye fill(252, 252, 252); ellipse(this.side === "LEFT" ? 3 : -3,-16,3,3); //pupil fill(0, 0, 0); ellipse(this.side === "LEFT" ? 3.5 : -3.5,-16,1.7,1.7); } break; case "WARLOCK" : if(this.side === "BACK" \|\| this.side === "FRONT"){ fill(143, 43, 138); noStroke(); for(var e = 0; e < 16; e += 2){ //legs ellipse(0-(e/3),this.walking ? (-5+e)+(sin(frameCount10)2) : -5+e,5,5); ellipse(0+(e/3),this.walking ? (-5+e)-(sin(frameCount10)2) : -5+e,5,5); } //arms stroke(143, 43, 138); strokeWeight(5); noFill(); line(1-(e/2),(this.attacking ? -14 : -12)+(this.attacking ? (e/1.3)+(sin(frameCount10)2) : (e/1.3)),0,-13); line(-1+(e/2),(this.attacking ? -14 : -12)+(this.attacking ? (e/1.3)+(sin(frameCount10)2) : (e/1.3)),0,-13); fill(145, 74, 43); //head ellipse(0,-15,2,2); if(this.side === "BACK"){ //head ellipse(0,-14,7,7); } if(this.side === "FRONT"){ noStroke(); //face fill(255, 224, 150); ellipse(0,-15,10,10); //eyes fill(252, 252, 252); ellipse(2,-16,3,3); ellipse(-2,-16,3,3); //pupils fill(0, 0, 0); ellipse(2,-16,1.7,2); ellipse(-2,-16,1.7,2); //mouth fill(255, 255, 255); strokeWeight(1); stroke(250, 222, 158); arc(0,-14,5,5,0,180); } } else if(this.side === "LEFT" \|\| this.side === "RIGHT"){ stroke(143, 43, 138); strokeWeight(5); //legs line(0,0,this.walking ? 0+(sin(frameCount5)-4) : 0,13); line(0,0,this.walking ? 0-(sin(frameCount5)-4) : 0,13); //arms line(3,0,0,-6); line(-3,0,0,-6); fill(143, 43, 138); noStroke(); for(var e = 0; e < 10; e += 2){ //body ellipse(0,-10+e,5,5); } //head ellipse(0,-15,12,12); //eye fill(252, 252, 252); ellipse(this.side === "LEFT" ? 3 : -3,-16,3,3); //pupil fill(0, 0, 0); ellipse(this.side === "LEFT" ? 3.5 : -3.5,-16,1.7,1.7); } break; case "FIRE-BALL" : if(this.side !== "FRONT"){ this.fb.fire = false; this.fb.r = atan2(new PVector(this.x,this.y),new PVector(this.dx,this.dy)); this.fb.display(); } break; case "HEALING\n SPELL" : this.hp.display(); break; } fill(this.Bside === "GOOD" ? color(0, 122, 156) : color(255, 0, 0)); strokeWeight(0.1); stroke(0, 0, 0); rect(-9,-28,this.health/5,3,1); resetMatrix(); //arrow shooting if(this.type === "ARCHER"){ //shooting arrows if(this.attacking && !this.walking){ this.shoot ++; if(millis() % 25 === 1){ this.arrows.push( new arrow(this.x,this.y, 0, 3) ); } } //drawing arrows for(var i = 0; i < this.arrows.length; i++){ //make arrows go to the side if(this.target === T4 && this.x < this.target.x + 5){ this.arrows[i].side = true; this.arrows[i].r = 45; } if(this.arrows[i].y > this.target.y + 40){ this.arrows[i].display(); } else if(this.arrows[i].y < this.target.y + 41){ this.arrows.splice(i,1); } } } //fireball shooting if(this.type === "WARLOCK"){ //shooting fireballs if(this.attacking && !this.walking){ this.shoot ++; if(this.shoot > 35 && this.shoot <= 36){ this.fireB.push( new fireball(this.x,this.y, 0, 1) ); } if(this.shoot > 36){ this.shoot = 0; } } //drawing fireballs for(var i = 0; i < this.fireB.length; i++){ //make fireballs go to the side if(this.target === T4 && this.x < this.target.x + 5){ this.fireB[i].side = true; this.fireB[i].r = (45/2); } if(this.fireB[i].y > this.target.y + 40){ this.fireB[i].display(); } else if(this.fireB[i].y < this.target.y + 41){ this.fireB.splice(i,1); } } } }; this.attack = function(){ //is troop in range? if(dist(this.target.x,this.target.y,this.x,this.y) < (this.range - (this.Bside === "GOOD" ? 0 : 40)) + (this.type === "KNIGHT" \|\| this.type === "AXEMAN" \|\| this.type === "FIRE-BALL" ? 4 : 2)){ this.attacking = true; this.target.attacked = true; } else {} //attack the tower! if(this.attacking && this.target.attacked && this.target.health > 0){ this.dtime ++; if(this.dtime >= (this.type === "FIRE-BALL" ? 0 : 50) && this.dtime < (this.type === "FIRE-BALL" ? 1 : 51)){ this.target.health -= this.damage; } else if(this.dtime >= 51 && this.type !== "FIRE-BALL"){ this.dtime = 0; } } }; }; //card grabbing functions and variables var Cselected = null; mouseMoved = function(){ Cselected = null; for (var i = 0; i < Cards.length; i += 1) { if (mouseX > Cards[i].x && mouseX < Cards[i].x + 50 && mouseY > Cards[i].y && mouseY < Cards[i].y + 80) { Cselected = i; } } }; mouseReleased = function(){ if(Cselected !== null && mouseY > (Cards[Cselected].type === "HEALING\n SPELL" ? 0 : 280) && elixer >= Cards[Cselected].elix){ //push new troop into your army army.push(new troop(mouseX,mouseY,Cards[Cselected].type,mouseX < 200 && !T3.destroyed ? T3.x + 10 : T4.x + 25,mouseX < 200 && !T3.destroyed ? T3.y : T4.y,1,"GOOD")); //subtract elixer elixer -= Cards[Cselected].elix; //if archer, then deploy two troops if(Cards[Cselected].type === "ARCHER"){ army.push(new troop(mouseX + (mouseX < 200 ? 20 : -20),mouseY+20,Cards[Cselected].type,mouseX < 200 && !T3.destroyed ? T3.x + 10 : T4.x + 25,mouseX < 200 && !T3.destroyed ? T3.y : T4.y,1,"GOOD")); } if(Cards[Cselected].type === "AXEMAN"){ axy++; } } Cselected = null; }; //Graphics for "THE QUEST" at the beginning var QuestS = function(x,y,c1,c2,s){ this.x = x; this.y = y; this.s = s; this.display = function(){ translate(this.x,this.y); scale(this.s); noStroke(); //THE fill(c1); //T rect(-146,0,31,11); rect(-137,0,11,31); //H rect(-111,0,11,31); rect(-111,10,29,11); rect(-93,0,11,31); //E rect(-78,0,11,31); rect(-78,0,23,9); rect(-78,11,20,9); rect(-78,22,23,9); //QUEST pushMatrix(); translate(-95,10); scale(0.82); fill(c2); //Q rect(-110,56,89,11,3); rect(-31,56,11,89,3); rect(-110,56,11,89,3); rect(-110,134,86,11,3); pushMatrix(); rotate(53); rect(65,116,54,11,3); popMatrix(); //U rect(61,56,11,89,3); rect(-4,56,11,89,3); rect(-4,134,86,11,3); //E rect(101,56,11,89,3); rect(102,134,67,11,3); rect(102,95,57,11,3); rect(102,55,67,11,3); //S rect(190,55,67,11,3); rect(190,56,11,49,3); rect(190,95,67,11,3); rect(247,96,11,49,3); rect(190,134,67,11,3); //T rect(310,56,11,89,3); rect(280,55,67,11,3); popMatrix(); resetMatrix(); }; }; //Pulsing locations on the map var beatAll = false; var Qlocation = function(x,y,colr,letter,avalible){ this.x = x; this.y = y; this.letter = letter; this.colr = colr; this.avalible = avalible; this.Nattack = false; this.b = 0; this.display = function(){ translate(this.x,this.y); fill(145, 130, 130); noStroke(); ellipse(0,0,15+(sin(frameCount5)2),15+(sin(frameCount5)2)); pushMatrix(); if(mouseX > this.x - 5 && mouseX < this.x + 10 && mouseY > this.y - 40 && mouseY < this.y){ scale(1.20); translate(-23,-28); } else { translate(-23,-28); } fill(this.colr); noStroke(); bezier(16,7,26,32,20,38,30,7); ellipse(23,1,20,20); fill(0, 106, 130); ellipse(23,1,10,10); textSize(8); fill(10, 10, 10); text(this.letter,this.letter !== "M" ? 36 : 3 ,4); popMatrix(); //locked or not if(mouseX > this.x - 5 && mouseX < this.x + 10 && mouseY > this.y - 40 && mouseY < this.y){ scale(1.20); translate(-23,-28); if(this.avalible === "Locked"){ pushMatrix(); translate(7,-21); fill(0, 0, 0); rect(6,21,20,20,3); noFill(); stroke(0, 0, 0); arc(16,21,17,17,172,373); popMatrix(); } else {} } resetMatrix(); }; this.clicked = function(){ if(mouseX > this.x - 5 && mouseX < this.x + 10 && mouseY > this.y - 40 && mouseY < this.y){ if(this.avalible !== "Locked"){ State = "BASE_" + this.letter; KT.destroyed = false; T1.destroyed = false; T2.destroyed = false; T3.destroyed = false; T4.destroyed = false; KT2.destroyed = false; KT.attacked = false; T1.attacked = false; T2.attacked = false; T3.attacked = false; T4.attacked = false; KT2.attacked = false; KT.health = 200; KT2.health = 200; T1.health = 100; T2.health = 100; T3.health = 100; T4.health = 100; bfader = 0; elixer = 3; attacking = false; army = []; ermy = []; } } }; }; var locations = [ new Qlocation(248,200,color(120, 0, 0),"Z","Locked"), new Qlocation(200,200,color(143, 0, 0),"Y","Locked"), new Qlocation(166,227,color(143, 48, 0),"X","Locked"), new Qlocation(193,256,color(143, 64, 0),"W","Locked"), new Qlocation(234,281,color(128, 83, 0),"V","Locked"), new Qlocation(269,312,color(143, 100, 0),"U","Locked"), new Qlocation(220,325,color(143, 112, 0),"T","Locked"), new Qlocation(176,325,color(143, 122, 0),"S","Locked"), new Qlocation(153,352,color(143, 133, 0),"R","Locked"), new Qlocation(203,373,color(141, 143, 0),"Q","Locked"), new Qlocation(249,388,color(112, 143, 0),"P","Locked"), new Qlocation(298,388,color(79, 143, 0),"O","Locked"), new Qlocation(344,369,color(50, 143, 0),"N","Locked"), new Qlocation(387,309,color(0, 143, 2),"M","Locked"), new Qlocation(343,276,color(0, 143, 72),"L","Locked"), new Qlocation(308,231,color(0, 143, 93),"K","Locked"), new Qlocation(347,184,color(0, 143, 117),"J","Locked"), new Qlocation(265,132,color(0, 143, 129),"I","Locked"), new Qlocation(186,132,color(0, 143, 129),"H","Locked"), new Qlocation(119,148,color(0, 143, 141),"G","Locked"), new Qlocation(78,198,color(0, 141, 143),"F","Locked"), new Qlocation(125,272,color(0, 129, 143),"E","Locked"), new Qlocation(74,321,color(0, 124, 143),"D","Locked"), new Qlocation(106,369,color(0, 94, 120),"C","Locked"), new Qlocation(136,410,color(0, 78, 99),"B","Locked"), new Qlocation(91,453,color(0, 57, 71),"A","Unlocked"), ]; var QMap = function(){ this.display = function(){ for(var q = 0; q < locations.length; q++){ //display a line between every location exept for the first and last if(q < locations.length-1){ stroke(156, 128, 128); line(locations[q].x,locations[q].y,locations[q+1].x,locations[q+1].y); } //display locations locations[q].display(); } //display sign fill(0, 39, 71); textSize(18); text("START",64,483); //display the banner with the word "MAP" new Banner(108,20,156,30,"MAP",27).display(); }; }; //button function var Button = function(x,y,w,h,state,func1,func2,func3){ this.x = x; this.y = y; this.w = w; this.h = h; this.state = state; this.display = function(){ translate(this.x,this.y); noStroke(); fill(0, 156, 140); rect(0,0,this.w,this.h,3); resetMatrix(); //if mouse is over if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h){ translate(this.x,this.y); func2(); resetMatrix(); } else { //picture or words on front translate(this.x,this.y); func1(); resetMatrix(); } }; this.clicked = function(){ if(State === this.state){ if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h){ func3(); } } if(this.state === battles()){ if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h){ if(Starting){ State = "START"; } else { State = "FIGHT"; } } } }; }; var Buttons = [ new Button(162,433,50,30,"START", function(){ pushMatrix(); translate(3,0); fill(0, 99, 89); triangle(15,6,15,22,34,15); popMatrix(); }, function(){ pushMatrix(); translate(3+(sin(frameCount10)5),0); fill(0, 117, 103); triangle(15,6,15,22,34,15); popMatrix(); }, function(){ C1.y = 0; for(var b = 0; b < C1.Tabs.length; b++){ C1.Tabs[b].y = 549; } State = "FIGHT"; } ), new Button(23,220,30,50,"FIGHT", function(){ pushMatrix(); translate(3,0); noFill(); stroke(0, 99, 89); ellipse(12,15,20,20); fill(0, 99, 89); triangle(7,24,12,26,7,40); triangle(17,24,12,26,17,40); //star pushMatrix(); scale(0.98); beginShape(); vertex(9,13); vertex(5,15); vertex(10,17); vertex(12,21); vertex(14,17); vertex(19,15); vertex(15,13); vertex(12,8); endShape(); popMatrix(); popMatrix(); }, function(){ pushMatrix(); translate(3,0); noFill(); stroke(0, 122, 106); ellipse(12,15,20,20); fill(0, 122, 106); triangle(7,24,12,26,7,40); triangle(17,24,12,26,17,40); //star pushMatrix(); scale(0.98); beginShape(); vertex(9,13); vertex(5,15); vertex(10,17); vertex(12,21); vertex(14,17); vertex(19,15); vertex(15,13); vertex(12,8); endShape(); popMatrix(); popMatrix(); }, function(){ State = "ACHIEVMENTS"; } ), new Button(138,220,90,50,"FIGHT", function(){ pushMatrix(); translate(3,0); fill(0, 99, 89); //sword 1 pushMatrix(); scale(1.00); beginShape(); vertex(40,17); vertex(59,13); vertex(53,25); vertex(40,36); vertex(36,33); vertex(18,45); vertex(14,43); vertex(31,30); vertex(27,28); vertex(31,24); endShape(); popMatrix(); //sword 2 pushMatrix(); scale(1.00); rotate(-98); translate(-73,17); beginShape(); vertex(40,17); vertex(59,13); vertex(53,25); vertex(40,36); vertex(36,33); vertex(22,50); vertex(17,46); vertex(31,30); vertex(27,28); vertex(31,24); endShape(); popMatrix(); stroke(0, 156, 140); line(79,0,36,40); line(74,0,-2,40); popMatrix(); Buttons[2].h = 50; }, function(){ pushMatrix(); translate(3,0); fill(0, 122, 106); //sword 1 pushMatrix(); scale(1.00); beginShape(); vertex(40,17); vertex(59,13); vertex(53,25); vertex(40,36); vertex(36,33); vertex(18,45); vertex(14,43); vertex(31,30); vertex(27,28); vertex(31,24); endShape(); popMatrix(); //sword 2 pushMatrix(); scale(1.00); rotate(-98); translate(-73,17); beginShape(); vertex(40,17); vertex(59,13); vertex(53,25); vertex(40,36); vertex(36,33); vertex(22,50); vertex(17,46); vertex(31,30); vertex(27,28); vertex(31,24); endShape(); popMatrix(); stroke(0, 156, 140); line(79,0,36,40); line(74,0,-2,40); popMatrix(); Buttons[2].h = 100; textSize(20); fill(0, 130, 111); text("ATTACK",5,80); }, function(){ attacking = true; State = "MAP"; } ), new Button(85,107,159,47,"SETTINGS", function(){ pushMatrix(); translate(3,0); fill(0, 99, 89); rect(6,21,20,20,3); noFill(); stroke(0, 99, 89); arc(16,21,17,17,172,367); text("Unlock All\nLocations",42,20); popMatrix(); }, function(){ pushMatrix(); translate(3,0); fill(0, 122, 106); rect(6,21,20,20,3); noFill(); stroke(0, 122, 106); arc(16,21,17,17,172,303); text("Unlock All\nLocations",42,20); popMatrix(); }, function(){ for(var i = 0; i < locations.length; i++){ locations[i].avalible = "Unlocked"; } State = "SETTINGS"; } ), new Button(132,301,120,47,battles(), function(){ pushMatrix(); translate(3,0); fill(0, 99, 89); textSize(30); text("HOME",12,37); popMatrix(); }, function(){ pushMatrix(); translate(3,0); fill(0, 122, 106); textSize(30); text("HOME",12,37); popMatrix(); }, function(){ State = "FIGHT"; } ), new Button(85,244,159,38,"SETTINGS", function(){ pushMatrix(); translate(3,10); fill(0, 99, 89); triangle(0,0,20,10,0,20); triangle(19,0,39,10,19,20); pushMatrix(); translate(3,-16); text("Skip Tutorial",41,32); popMatrix(); popMatrix(); }, function(){ pushMatrix(); translate(3,10); fill(0, 122, 106); triangle(0,0,20,10,0,20); triangle(19,0,39,10,19,20); pushMatrix(); translate(3,-16); text("Skip Tutorial",41,32); popMatrix(); popMatrix(); }, function(){ Tutorial = false; TFrame = null; State = "SETTINGS"; } ), ]; var difficulty = null; var CPU_Difficulty = function(b_array){ for(var i = 0; i < b_array.length; i++){ switch(State){ case b_array[i]: difficulty = (i/4) + 1; break; } } }; //Different Game States var States = function(){ if(State === "START"){ background(255, 255, 255); //sets starting to false Starting = false; Buttons[0].display(); type(14,186); new QuestS(200,114,color(158, 146, 146),color(100, 117, 130),1.00).display(); } else if(State === "FIGHT"){ background(0, 106, 130); //Console-Bar C1.display(); //buttons Buttons[1].display(); Buttons[2].display(); //Words that say "THE QUEST" new QuestS(200,13,color(152, 154, 158),color(156, 156, 156),0.82).display(); //welcomes you by name /if(Text.length > 0){ fill(171, 171, 171); //eliminates any periods there might be in the name if(Text[Text.length-1] === "."){ text("Welcome, " + Text.join(""),128-(Text.length3),532); } else{ text("Welcome, " + Text.join("") + ".",128-(Text.length3),532); } }/ } //bases else if(battles()){ background(0, 106, 130); //assign CPU difficulty CPU_Difficulty(["BASE_A","BASE_B","BASE_C","BASE_D","BASE_E","BASE_F","BASE_G","BASE_H","BASE_I","BASE_J","BASE_K","BASE_L","BASE_M","BASE_N","BASE_O","BASE_P" ,"BASE_Q","BASE_R","BASE_S","BASE_T","BASE_U","BASE_V","BASE_W","BASE_X","BASE_Y","BASE_Z"]); A1.display(); //Display Red Towers T3.display("RED"); T4.display("RED"); KT2.display("RED"); //elixer bar fill(145, 127, 145); rect(24,529,350,10,2); fill(184, 0, 181); rect(24,530,elixer * 50,8,2); for(var i = 24; i < 350; i += 50){ stroke(145, 130, 145); line(50 + i, 530, 50 + i, 538); } if(elixer < 7){ elixer += 0.01; } //troops for(var a = 0; a < army.length; a++){ //display troop army[a].display(); //direct troop toward enemies or towers if(army[a].type !== "HEALING\n SPELL"){ army[a].path(); } //troop attacking army[a].attack(T3); army[a].attack(T4); army[a].attack(KT2); } //push new troop into enemy army if(millis() % round((300)/difficulty) === 5 && ermy.length < round(difficulty)){ ermy.push(new troop(random(50, 350),random(120,200),"ARCHER",T1.x,T1.y,1,"BAD")); } if(millis() % round((400)/difficulty) === 5 && ermy.length < round(difficulty)){ ermy.push(new troop(random(50, 350),random(120,200),"KNIGHT",T1.x,T1.y,1,"BAD")); } if(millis() % round((420)/difficulty) === 5 && ermy.length < round(difficulty)){ ermy.push(new troop(random(50, 350),random(120,200),"AXEMAN",T1.x,T1.y,1,"BAD")); } if(millis() % round((400)/difficulty) === 5 && ermy.length < round(difficulty)){ ermy.push(new troop(random(50, 350),random(120,200),"WARLOCK",T1.x,T1.y,1,"BAD")); } if(millis() % round((500)/difficulty) === 5 && ermy.length < round(difficulty)){ ermy.push(new troop(random(50, 350),random(120,400),"HEALING\n SPELL",T1.x,T1.y,1,"BAD")); } //make enemy army! for(var a = 0; a < ermy.length; a++){ ermy[a].display(); if(ermy[a].type !== "HEALING\n SPELL"){ ermy[a].path(); } //troop attacking ermy[a].attack(T1); ermy[a].attack(T2); ermy[a].attack(KT); //splicing fireballs and killing troops if(ermy[a].type === "FIRE-BALL" && dist(ermy[a].x,ermy[a].y,ermy[a].dx,ermy[a].dy) < ermy[a].range && ermy[a].burned \|\| ermy[a].health <= 0 \|\| !ermy[a].hp.alive){ ermy.splice(a,1); } } //Display Blue Towers T1.display("BLUE"); T2.display("BLUE"); KT.display("BLUE"); //troops for(var a = 0; a < army.length; a++){ //display troops over the end of your blue towers if(army[a].y > T1.y + 20 && army[a].type !== "HEALING\n SPELL"){ army[a].display(); } //splicing fireballs and killing troops if(army[a].type === "FIRE-BALL" && dist(army[a].x,army[a].y,army[a].dx,army[a].dy) < army[a].range && army[a].burned \|\| army[a].health <= 0 \|\| !army[a].hp.alive){ army.splice(a,1); } } //unlock next location if(KT2.destroyed){ switch(State){ case "BASE_A" : locations[24].avalible = "Unlocked"; break; case "BASE_B" : locations[23].avalible = "Unlocked"; break; case "BASE_C" : locations[22].avalible = "Unlocked"; break; case "BASE_D" : locations[21].avalible = "Unlocked"; break; case "BASE_E" : locations[20].avalible = "Unlocked"; break; case "BASE_F" : locations[19].avalible = "Unlocked"; break; case "BASE_G" : locations[18].avalible = "Unlocked"; break; case "BASE_H" : locations[17].avalible = "Unlocked"; break; case "BASE_I" : locations[16].avalible = "Unlocked"; break; case "BASE_J" : locations[15].avalible = "Unlocked"; break; case "BASE_K" : locations[14].avalible = "Unlocked"; break; case "BASE_L" : locations[13].avalible = "Unlocked"; break; case "BASE_M" : locations[12].avalible = "Unlocked"; break; case "BASE_N" : locations[11].avalible = "Unlocked"; break; case "BASE_O" : locations[10].avalible = "Unlocked"; break; case "BASE_P" : locations[9].avalible = "Unlocked"; break; case "BASE_Q" : locations[8].avalible = "Unlocked"; qq = true; break; case "BASE_R" : locations[7].avalible = "Unlocked"; break; case "BASE_S" : locations[6].avalible = "Unlocked"; break; case "BASE_T" : locations[5].avalible = "Unlocked"; break; case "BASE_U" : locations[4].avalible = "Unlocked"; break; case "BASE_V" : locations[3].avalible = "Unlocked"; break; case "BASE_W" : locations[2].avalible = "Unlocked"; break; case "BASE_X" : locations[1].avalible = "Unlocked"; break; case "BASE_Y" : locations[0].avalible = "Unlocked"; break; case "BASE_Z" : beatAll = true; break; } } //cards pushMatrix(); for(var c = 0; c < Cards.length; c++){ if(!KT.destroyed && !KT2.destroyed){ Cards[c].display(); } Cards[c].size = 0.55; if(Cselected === null){ Cards[c].y = 540; } } if(Cselected === null){ Cards[0].x = 5+8; Cards[1].x = 68+8; Cards[2].x = 131+8; Cards[3].x = 195+8; Cards[4].x = 260+8; Cards[5].x = 325+8; } popMatrix(); // display text at the end of each battle if(KT.destroyed \|\| KT2.destroyed){ fill(0, 0, 0, 0 + bfader); if(bfader < 180){ bfader ++; } rect(0,0,width,height); fill(KT2.destroyed ? color(21, 153, 6, 75 + bfader) : color(181, 10, 7, 75 + bfader)); textSize(50); text(KT2.destroyed ? "VICTORY!" : "YOU LOSE", 70, 194); Buttons[4].display(); } //Start if(Starting){ //my logo logo(); if(frameCount > 450){ fill(0, 189, 161); rect(132,301,120,47,3); fill(255, 255, 255); textSize(15); text("CLICK HERE TO\n START",135,325); } } } //other states else if(State === "MAP"){ background(0, 106, 130); new QMap().display(); C1.display(); } else if(State === "SETTINGS"){ background(0, 106, 130); Buttons[3].display(); Buttons[5].display(); //change name type(0,0); //display the banner with the word "SETTINGS" new Banner(118,20,118,30,"SETTINGS",18).display(); C1.display(); } else if(State === "ACHIEVMENTS"){ background(0, 106, 130); //display the banner with the word "SETTINGS" new Banner(110,20,148,31,"ACHIEVMENTS",20).display(); //text fill(161, 161, 161); text("Beat the last Location on the Map",40,150); text("Sign in as Bob",40,200); text("Use an Axeman five times in a battle",40,250); text("Beat Location Q",40,300); text("Win a battle with a Fireball",40,350); text("Click on the Card icon below on the\nconsole bar, and look at your Cards\'\ninfo",40,400); //beat achievments if(beatAll){ strokeWeight(1); stroke(161, 161, 161); line(35,143,343,143); } if(Text.join("") === "Bob"){ strokeWeight(1); stroke(161, 161, 161); line(35,193,176,193); } if(axy >= 5){ strokeWeight(1); stroke(161, 161, 161); line(35,243,369,243); } if(qq){ strokeWeight(1); stroke(161, 161, 161); line(35,293,186,293); } if(fireB){ strokeWeight(1); stroke(161, 161, 161); line(35,343,279,343); } if(card_Info){ strokeWeight(1); stroke(161, 161, 161); line(35,393,363,393); line(35,417,363,417); line(35,439,76,439); } C1.display(); } else if(State === "CARDS"){ background(0, 106, 130); Cards[0].x = 30; Cards[0].y = 26; Cards[1].x = 146; Cards[1].y = 26; Cards[2].x = 262; Cards[2].y = 26; Cards[3].x = 30; Cards[3].y = 216; Cards[4].x = 146; Cards[4].y = 216; Cards[5].x = 262; Cards[5].y = 216; if(Cards[5].info){ card_Info = true; } //cards for(var c = 0; c < Cards.length; c++){ Cards[c].size = 1; Cards[c].display(); Cards[c].mouseOver(); //card info showing for(var i = 0; i < Cards.length; i++){ if(Cards[i].info === true){ Cards[c].show = false; } } //Cards[5].info = true; } C1.display(); } else if(State === "HOWTO"){ background(0, 106, 130); //Text textSize(20); fill(158, 156, 156); text(" Enemies are spawning at the other side of the arena and trying to destroy all your towers. Your only means of defence are your two tower cannons. Luckily, your cannons fire faster when more troops are attacking, but they can still be overwhelmed by troops. You must try to bust their defences and destroy their towers before they eliminate yours.\n\n Here's a good tip: Your enemies towers like to \"Prefer\" certain troops than others. They prefer the ones that you spawned first. So if you spawn a Knight at the bottom of the Arena, and then you spawn at Knight a bit further up, your enemies tower won't start shooting until the Knight that you spawned first comes up.",25,50,350,Infinity); fill(59, 59, 59); textSize(25); text("Extra Help:",105,10,350,Infinity); text("I hope this helped, Good Luck!",25,516,350,Infinity); //console bar C1.display(); } }; var draw = function() { States(); //Tutorial if(Tutorial && State !== "START"){ //Tutorial frames pushMatrix(); //text size textSize(20); //frames switch(TFrame){ case 1: //text fill(171, 171, 171); text("Hi, Welcome to the Quest!\n ( Click To Continue )",78,464); break; case 2: //text fill(171, 171, 171); text("The object of this game is\nto conquer your surrounding\n territories.",78,464); break; case 3: //text fill(171, 171, 171); text("Go to the Map",78,509); //Arrow new Arrow(221,526,(sin(frameCount5)3),-(sin(frameCount5)3),-96,color(0, 186, 109)).display(); break; case 4: //text fill(171, 171, 171); text("These are the Territorries.",84,529); break; case 5: //text fill(171, 171, 171); text("All of them are Locked\nexcept for Territory A.\n ( Click Territory A )",148,456); //Arrow new Arrow(121,453,(sin(frameCount5)3),0,-312,color(0, 186, 109)).display(); break; case 6: //text textSize(15); fill(84, 84, 84); text("Do you see the cards below?\nthey all have a blue square\nat the top left corner of the card.",105,318); break; case 7: //text textSize(15); fill(84, 84, 84); text("Do you see the purple bar \nabove the cards? That is your\nelixer bar. The number in the\nblue square represents the\namount of elixer needed to\nuse the card. ",105,318); break; case 8: //text textSize(15); fill(84, 84, 84); text("Press and hold on the knight\ncard, and drag it here:\n (After you do that, Click).",105,318); //Arrow new Arrow(85,357,(sin(frameCount5)3),(sin(frameCount5)3),-368,color(0, 144, 184)).display(); break; case 9: //text textSize(15); fill(84, 84, 84); text("Did you see that? The Knight\njust walked up the castle and\ndamaged it, before he was\nkilled by the cannon.",105,318); break; case 10: //text textSize(15); fill(84, 84, 84); text("Warning, if you place a troop\n on the right side when the\nleft tower is still standing, it\nwon't attack the right tower.",105,318); break; case 11: //text textSize(15); fill(84, 84, 84); text("First your troops must destroy\nthe left tower, then destroy the\nright, then the Center. Then\nyou win!",105,318); break; case 12: //text textSize(15); fill(84, 84, 84); text("Also you cannot place your\ntroops on your opponents\nside of the river, and you can't\nplace your troops on the bridge\neither!",105,318); break; case 13: //text textSize(15); fill(84, 84, 84); text("If you need more help or info,\nGo to the main menu and\nclick on the button in the bottom\nleft corner with the question\nmarks. Good luck!",105,318); break; } popMatrix(); } }; mouseClicked = function(){ //Buttons for(var i = 0; i < Buttons.length; i++){ if(i !== 4){ Buttons[i].clicked(); } } //avoiding button glitches if(Starting === true \|\| KT2.destroyed \|\| KT.destroyed){ Buttons[4].clicked(); } //Map locations for(var i = 0; i < locations.length; i++){ if(State === "MAP"){ locations[i].clicked(); } } //Card clicking for(var i = 0; i < Cards.length; i++){ if(State === "CARDS"){ Cards[i].clicked(); } } //Tutorial Frame clicking if(Tutorial && State !== "START"){ TFrame++; } }; mouseDragged = function(){ //drag cards if(State === "CARDS"){ for(var c = 0; c < Cards.length; c++){ if(mouseY > pmouseY && Cards[0].y < 20){ Cards[c].y+=((mouseY > pmouseY)2); } else if(mouseY < pmouseY){ Cards[c].y-=((mouseY < pmouseY)2); } } } if (Cselected !== null && State !== "CARDS" && mouseMoved) { Cards[Cselected].x = mouseX-20; Cards[Cselected].y = mouseY-30; } else {} };
Folds	12,33,34,65,66,85,87,99,106,220,227,462,465,576,589,768,771,807,812,814,817,854,867,893,894,901,904,927,932,1473,1488,1517,1520,1550,1553,1597,1601,2210,2215,2222,2223,2241,2244,2303,2307,2387,2388,2415,2416,2437,2440,2482,2486,2492,2493,2500,2501,2507,2510,2534,2535,2560,2561,2563,2566,2609,2610,2656,2657,2660,2663,2673,2674,2685,2686,2691,2694,2701,2702,2710,2711,2713,2716,2727,2728,2740,2741,2745,2750,2758,2763,2771,2772,2794,2796,3018,3020,3024,3025,3037,3038,3087,3088,3123,3124,3138,3151,3231,3237,3266,3267,3283
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNiS4NebCAw
Votes	292
Spin-Offs	10
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Amy Souza Erickson
Author Name	Estrike103
Author ID	kaid_507300840212028822127816
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739365074630
Updated	4 months ago, 1744844979404
Source Deleted	unknown