Viewing Program

Program Data

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

Title	Warrior Cats Game
ID	5471034041
Created	9 years ago, 1463149560481
Updated	8 years ago, 1492694794843
Code	/Thank you all for the votes and encouragement. Thanks to you all, I now have cool hopper, which was one of my KA dreams. Keep working hard to acchieve your goals!/ / Hello, All! This is a Warrior Cats themed game. Mostly I was just practicing prototypes. (If you view the code, you'll see a lot of prototypes. Possibly some unecessary ones. xD ) And I came up with this. I hope you all like this! ~ Rapunzel / /** Multiplayer version: * https://www.khanacademy.org/computer-programming/warrior-cats-game-mulitplayer/5253767807434752 */ //Cat movement speed var speed = 3; //Which cat to play var whichCat = 1; var instruct = 0; /Background stuff/ var bushShadow = function(x, y, w, h) { noStroke(); fill(0, 0, 0, 50); ellipse(x, y, w, h-66); ellipse(x+33, y+10, w, h-66); ellipse(x+42, y+-11, w, h-66); ellipse(x+33, y+-29, w, h-66); ellipse(x+16, y+-34, w, h-66); ellipse(x+2, y+-26, w, h-66); ellipse(x+16, y+-4, w, h-66); ellipse(x+-20, y+-17, w, h-66); ellipse(x+-7, y+-34, w, h-66); ellipse(x+41, y+-34, w, h-66); ellipse(x+51, y+-21, w, h-66); }; var bush = function(x, y, w, h) { strokeWeight(1); stroke(21, 107, 21); fill(24, 115, 24); ellipse(x, y, w, h-66); ellipse(x+33, y+10, w, h-66); ellipse(x+42, y+-11, w, h-66); ellipse(x+33, y+-29, w, h-66); ellipse(x+16, y+-34, w, h-66); ellipse(x+2, y+-26, w, h-66); ellipse(x+16, y+-4, w, h-66); ellipse(x+-20, y+-17, w, h-66); ellipse(x+-7, y+-34, w, h-66); ellipse(x+41, y+-34, w, h-66); ellipse(x+51, y+-21, w, h-66); }; var tree = function(x, y, w, h) { noStroke(); //Shadow fill(0, 0, 0, 50); ellipse(x+11, y+104, w+50, h-83); //Trunk strokeWeight(1); stroke(125, 81, 34); fill(161, 88, 39); rect(x-7, y, w, h); arc(x+12, y+100, w-1, h-83, 0, 180); //Leaves stroke(58, 102, 33); fill(24, 115, 24); ellipse(x, y, w, h-66); ellipse(x+33, y+10, w, h-66); ellipse(x+42, y+-11, w, h-66); ellipse(x+33, y+-29, w, h-66); ellipse(x+16, y+-34, w, h-66); ellipse(x+2, y+-26, w, h-66); ellipse(x+16, y+-4, w, h-66); ellipse(x+-20, y+-17, w, h-66); ellipse(x+-7, y+-34, w, h-66); ellipse(x+41, y+-34, w, h-66); ellipse(x+51, y+-21, w, h-66); }; var bGround = function() { noStroke(); //Sky background(175, 196, 219); //Trees for(var t = 0; t < 400; t += 46) { tree(t, 91, 27, 97); } //Grass noStroke(); fill(83, 148, 80); rect(-3, 179, 405, 230); //Trees tree(93, 91, 36, 100); tree(266, 89, 36, 100); tree(4, 106, 36, 100); //Rock shadow fill(0, 0, 0, 50); noStroke(); beginShape(); vertex(259, 316); vertex(270, 303); vertex(284, 302); vertex(307, 318); vertex(312, 342); vertex(245, 342); vertex(252, 323); vertex(252, 319); vertex(258, 316); endShape(); }; /Cat stuff/ var Cat = function(x, y) { this.x = x; this.y = y; this.color = color(0, 0, 0); this.eyeColor = color(10, 204, 0); this.name = "Firestar"; }; Cat.prototype.draw = function() { //Y position contraints with the three threes if(this.x < 36 && this.x > 4) { this.y = constrain(this.y, 50, height-20); } else if(this.x < 129 && this.x > 93) { this.y = constrain(this.y, 50, height-20); } else if(this.x < 302 && this.x > 266 && this.y < 250) { this.y = constrain(this.y, 50, height-20); } //Y position constraints with the rock else if(this.x < 308 && this.x > 259 && this.y > 250 && this.y < 350) { this.y = constrain(this.y, 20, height-77); } //Normal Y position contraints else { this.y = constrain(this.y, 190, height-20); } //x position constraint this.x = constrain(this.x, 20, width-20); }; Cat.prototype.sit = function() { //Tail stroke(this.color); strokeWeight(3); noFill(); arc(this.x-3, this.y+7, 11, 5, -318, -93); fill(this.color); noStroke(); //Legs ellipse(this.x+4, this.y+3, 4, 6); ellipse(this.x-4, this.y+3, 4, 6); //Body ellipse(this.x, this.y, 10, 13); //Ears triangle(this.x+-5, this.y-11, this.x+-4, this.y-17, this.x+0, this.y-13); triangle(this.x+5, this.y-11, this.x+4, this.y-17, this.x+-0, this.y-13); //Head ellipse(this.x, this.y-9, 10, 10); //Eyes fill(this.eyeColor); ellipse(this.x-2, this.y+-10, 3, 5); ellipse(this.x+2, this.y+-10, 3, 5); //Nose fill(255, 153, 194); ellipse(this.x, this.y+-8, 3, 2); }; Cat.prototype.walkRight = function() { //Walk this.x += speed; //Tail stroke(this.color); strokeWeight(3); noFill(); arc(this.x-5, this.y-5, 11, 11, 107, 230); fill(this.color); noStroke(); //Legs ellipse(this.x+5, this.y+6, 3, 10); ellipse(this.x-5, this.y+6, 3, 10); //Body ellipse(this.x, this.y, 13, 10); //Ears triangle(this.x+12, this.y-8, this.x+3, this.y-12, this.x+3, this.y); triangle(this.x+12, this.y-8, this.x+12, this.y-12, this.x+-2, this.y); //Head ellipse(this.x+7, this.y-5, 10, 10); //Eyes fill(this.eyeColor); ellipse(this.x+7, this.y+-6, 3, 5); ellipse(this.x+10, this.y+-6, 3, 5); //Nose fill(255, 153, 194); ellipse(this.x+9, this.y+-3, 3, 2); }; Cat.prototype.walkLeft = function() { //Walk this.x -= speed; //Tail stroke(this.color); strokeWeight(3); noFill(); arc(this.x+5, this.y-7, 11, 11, -75, 147); fill(this.color); noStroke(); //Legs ellipse(this.x+5, this.y+6, 3, 10); ellipse(this.x-5, this.y+6, 3, 10); //Body ellipse(this.x, this.y, 13, 10); //Ears triangle(this.x-12, this.y-8, this.x-3, this.y-12, this.x-3, this.y); triangle(this.x-12, this.y-8, this.x-12, this.y-12, this.x+-1, this.y-5); //Head ellipse(this.x-7, this.y-5, 10, 10); //Eyes fill(this.eyeColor); ellipse(this.x-7, this.y+-6, 3, 5); ellipse(this.x-10, this.y+-6, 3, 5); //Nose fill(255, 153, 194); ellipse(this.x-9, this.y+-3, 3, 2); }; Cat.prototype.up = function() { //Walk this.y -= speed; //Tail stroke(this.color); strokeWeight(3); noFill(); line(this.x, this.y+4, this.x, this.y+17); fill(this.color); noStroke(); //Legs ellipse(this.x+4, this.y+3, 4, 6); ellipse(this.x-4, this.y+3, 4, 6); //Body ellipse(this.x, this.y, 10, 19); //Ears triangle(this.x+-5, this.y-11, this.x+-4, this.y-17, this.x+0, this.y-13); triangle(this.x+5, this.y-11, this.x+4, this.y-17, this.x+-0, this.y-13); //Head ellipse(this.x, this.y-9, 10, 10); }; Cat.prototype.down = function() { //Walk this.y += speed; //Tail stroke(this.color); strokeWeight(3); noFill(); line(this.x, this.y-4, this.x, this.y-17); fill(this.color); noStroke(); //Legs ellipse(this.x+4, this.y-3, 4, 6); ellipse(this.x-4, this.y-3, 4, 6); //Body ellipse(this.x, this.y, 10, 19); //Ears triangle(this.x+-5, this.y+11, this.x+-4, this.y+17, this.x+0, this.y+13); triangle(this.x+5, this.y+11, this.x+4, this.y+17, this.x+-0, this.y+13); //Head ellipse(this.x, this.y+9, 10, 10); }; /Button stuff/ var button = function(x, y) { this.x = x; this.y = y; this.width = 75; this.height = 20; this.color = color(133, 146, 204); this.wordColor = color(255, 255, 255); this.message = "Instructions"; }; button.prototype.draw = function() { //Button stroke(this.wordColor); fill(this.color); rect(this.x, this.y, this.width, this.height); //Words on button fill(this.wordColor); text(this.message, this.x+3, this.y+15); }; //Instructions var instructBox = function(x, y) { fill(255, 255, 255, 150); rect(x, y, 100, 200); fill(0, 0, 0); text("Instructions:\n\nUse the arrow\nkeys to move.\nHide behind rocks\nand bushes.\nClimb trees.\nClick the screen\nto change your\ncat.\nThe cat's name\nwill appear in the\ntop left corner of\nthe screen.", x+4, y+13); }; //Draw button var button = new button(300, 1); //Draw cat var cat = new Cat(200, 200); draw = function() { //Draws background bGround(); //The two bushes' shadows bushShadow(56, 327, 57, 99); bushShadow(304, 276, 30, 98); //Walk right, left, up, down, and sit if(keyIsPressed && keyCode === RIGHT) { cat.walkRight(); } else if(keyIsPressed && keyCode === LEFT) { cat.walkLeft(); } else if(keyIsPressed && keyCode === UP) { cat.up(); } else if(keyIsPressed && keyCode === DOWN) { cat.down(); }else { cat.sit(); } //Draw constrains cat.draw(); //Rock strokeWeight(1); fill(148, 148, 148); stroke(102, 102, 102); beginShape(); vertex(261, 326); vertex(275, 307); vertex(291, 307); vertex(309, 320); vertex(316, 344); vertex(249, 344); vertex(254, 337); vertex(259, 323); vertex(261, 326); endShape(); //The two bushes bush(66, 325, 57, 99); bush(315, 274, 30, 98); /Changeing Cat/ if(whichCat === 1) { //Firestar cat.color = color(255, 119, 0); cat.eyeColor = color(10, 204, 0); cat.name = "Firestar"; } else if(whichCat === 2) { //Graystripe cat.color = color(84, 84, 84); cat.eyeColor = color(255, 255, 0); cat.name = "Graystripe"; } else if(whichCat === 3) { //Leafpool cat.color = color(158, 103, 60); cat.eyeColor = color(235, 141, 0); cat.name = "Leafpool"; } else if(whichCat === 4) { //Lionblaze cat.color = color(240, 180, 0); cat.eyeColor = color(237, 142, 0); cat.name = "Lionblaze"; } else if(whichCat === 5) { //Hollyleaf cat.color = color(0); cat.eyeColor = color(10, 204, 0); cat.name = "Hollyleaf"; } else if(whichCat === 6) { //Jayfeather cat.color = color(92, 92, 92); cat.eyeColor = color(130, 163, 255); cat.name = "Jayfeather"; } else if(whichCat === 7) { //Cloudtail cat.color = color(255); cat.eyeColor = color(130, 163, 255); cat.name = "Cloudtail"; } else if(whichCat === 8) { //Hawkfrost cat.color = color(128, 48, 28); cat.eyeColor = color(94, 199, 255); cat.name = "Hawkfrost"; } //Click and it changes cat mouseClicked = function() { whichCat += 1; }; //Starts back at Firestar (#1) after Hawkfrost (#8) if(whichCat > 8) { whichCat = 1; } //Cat's name fill(cat.color); text(cat.name, 3, 10); /Instruction stuff*/ //Draw button button.draw(); //Brings up instructions if mouse if over the top box if(mouseX > 300 && mouseX < 375 && mouseY > 0 && mouseY < 20) { instructBox(300, instruct); } };
Folds	23,37,39,54,56,81,83,113,116,122,124,143,145,170,172,199,201,228,230,250,252,272,275,283,285,293,296,301,318,320,321,323,324,325,326,327,328,330,357,361,362,366,367,371,372,376,377,381,382,386,387,391,392,397,400,402,405,407,418,420
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBi5teWwFAw
Votes	200
Spin-Offs	18
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Rapunzel
Author Name	RapunzelsKitties
Author ID	kaid_419672579174719384244192
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739289292581
Updated	10 months ago, 1739289292581
Source Deleted	unknown