Viewing Program

Program Data

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

Title	Snowball Target Practice
ID	5065135406120960
Created	7 years ago, 1517408992168
Updated	7 years ago, 1517440982464
Code	/** * Snowball Target Practice * Chester Banks * January 31 2018 * * An entry to Round 1 of Planet's Code-Offs Championships. The theme was snowmen! * * Help George the Snowman practice his snowball throwing skills so he can stand up to the kids that bully him every day of winter. Use the mouse to wind up, release the mouse to throw the snowball at the targets. / / De-lag variable / var delag = true; / Settings / rectMode(CENTER); // Make it so rectangles x and y axis is their center, not their top left corner. textAlign(CENTER, CENTER); // Center all text textFont(createFont('Avenir Bold')); // Set the font / Mouse booleans / var overButton = false; // Detects if the mouse is over a button var clicked = false; // Detects if the mouse is being clicked / Current scene / var scene = 'Logo'; / Game variables / var score = 0; var lives = 3; var snowballs = 15; var gameTimer = 0; var frequency = 150; var targetSpeed = 1; / Snapshot data / var snapshot = 'empty string'; var takeSnapshot; var snapshotY = 0, snapshotSz = 400; / Graphic functions / var logo = function(x, y, sz){ var logoColors = [ color(23, 55, 66), color(43, 107, 125), color(28, 75, 102), color(0, 26, 33), ]; pushMatrix(); translate(x, y); scale(sz); noFill(); strokeCap(SQUARE); stroke(0, 0, 0, 30); strokeWeight(30); arc(10, 20, 160, 160, 30, 330); stroke(255, 255, 255, 100); strokeWeight(48); arc(0, 0, 170, 170, 27, 333); strokeWeight(11); // Outer layer stroke(logoColors[0]); arc(0, 0, 200, 200, -85, -30); arc(0, 0, 180, 180, -75, -30); arc(0, 0, 200, 200, -300, -240); arc(0, 0, 180, 180, -285, -250); stroke(logoColors[1]); arc(0, 0, 200, 200, -125, -85); arc(0, 0, 180, 180, -115, -75); arc(0, 0, 200, 200, -200, -160); arc(0, 0, 180, 180, -200, -150); stroke(logoColors[2]); arc(0, 0, 200, 200, -160, -125); arc(0, 0, 180, 180, -150, -116); arc(0, 0, 200, 200, -330, -300); arc(0, 0, 180, 180, -330, -286); stroke(logoColors[3]); arc(0, 0, 200, 200, -240, -200); arc(0, 0, 180, 180, -250, -200); // Inner layer stroke(logoColors[0]); arc(0, 0, 160, 160, -200, -160); arc(0, 0, 140, 140, -200, -150); stroke(logoColors[1]); arc(0, 0, 160, 160, -300, -240); arc(0, 0, 140, 140, -285, -250); stroke(logoColors[2]); arc(0, 0, 160, 160, -240, -200); arc(0, 0, 140, 140, -250, -200); arc(0, 0, 160, 160, -125, -85); arc(0, 0, 140, 140, -115, -75); stroke(logoColors[3]); arc(0, 0, 160, 160, -85, -30); arc(0, 0, 140, 140, -75, -30); arc(0, 0, 160, 160, -330, -300); arc(0, 0, 140, 140, -330, -286); arc(0, 0, 160, 160, -160, -125); arc(0, 0, 140, 140, -150, -116); stroke(0, 0, 0, 50); strokeWeight(20); arc(0, 0, 150, 150, 30, 330); popMatrix(); }; var tree = function(x, y, sz){ pushMatrix(); translate(x, y); scale(sz / 50); noFill(); strokeWeight(2); line(0, -20, 0, 30); strokeWeight(1); for(var i = -26; i < 21; i += 2){ line(-10 - i / 3, i, 10 + i / 3, i); } popMatrix(); }; / Tree data for background / var trees = [], trees2 = []; for (var i = 0; i <= 30; i++) { trees.push({ sz: random(30, 60), x: bezierPoint(400, 211, 160, 0, i / 30), y: -20 + bezierPoint(285, 277, 386, 350, i / 30), }); } for (var i = 0; i <= 30; i++) { trees2.push({ x: bezierPoint(400, 439, 115, 0, i / 30), y: -20 + bezierPoint(217, 341, 84, 264, i / 30), sz: random(30, 60), }); } / Images / var images = { bg: function(){ background(78, 151, 173); noStroke(); fill(39, 83, 115); beginShape(); vertex(0, 393); vertex(400, 400); vertex(400, 217); bezierVertex(439, 341, 115, 84, 0, 264); endShape(); fill(12, 52, 82); beginShape(); vertex(0, 400); vertex(400, 400); vertex(400, 285); bezierVertex(211, 277, 160, 386, 0, 350); endShape(); stroke(12, 52, 82); for (var i = 0; i < trees.length; i ++) { tree(trees[i].x, (35 - trees[i].sz / 1.2) + trees[i].y, trees[i].sz); } noFill(); stroke(39, 83, 115); for (var i = 0; i < trees2.length; i ++) { tree(trees2[i].x, (35 - trees2[i].sz / 1.2) + trees2[i].y, trees2[i].sz); } return get(0, 0, width, height); }, menu: function(){ image(images.bg, 0, 0); noFill(); stroke(255); strokeWeight(3); ellipse(200, 200, 323, 323); strokeWeight(10); ellipse(200, 200, 300, 300); fill(0, 0, 0, 30); textSize(60); text('TARGET', 200, 205); textSize(35); text('SNOWBALL', 200, 160); text('PRACTICE', 200, 254); fill(255); textSize(60); text('TARGET', 200, 200); textSize(35); text('SNOWBALL', 200, 155); text('PRACTICE', 200, 248); noStroke(); fill(255); triangle(400, 400, 280, 400, 400, 280); fill(12, 52, 82); triangle(350, 387, 350, 348, 381, 368); return get(0, 0, width, height); } }; // Snow (the flakes falling from the sky, not the president) var Snow = function(){ this.x = random(width); this.y = random(-20, -100); this.sz = random(1, 10); this.trans = random(100); this.xSp = random(-1, 1); this.rot = random(5); }; var Snows = []; // sometimes you need to use bad grammar Snow.prototype.draw = function() { noStroke(); fill(255, 255, 255, this.trans); pushMatrix(); translate(this.x, this.y); rotate(frameCount this.rot); rect(0, 0, this.sz, this.sz, -5); popMatrix(); this.y += this.sz / 2; this.x += this.xSp * this.sz / 4; }; /* Particles for exploded snowballs / var Particle = function(x, y){ this.x = x; this.y = y; this.h = random(1, 15); this.xS = random(1, 5); this.yS = random(-10, -20) + this.h; this.t = 255; }; Particle.prototype.draw = function() { noStroke(); fill(255, 255, 255, this.t); ellipse(this.x, this.y, this.h, this.h); this.x -= this.xS; this.y -= this.yS; this.t /= 1.005; this.yS -= 0.1; }; var Particles = []; / Targets / var Target = function(x, y, h){ this.x = x; this.y = y; this.h = h; this.broken = false; this.r = 60; this.type = random(10); }; Target.prototype.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y); rotate(60 - this.r); if(this.type > 1){ fill(255, 255, 255); arc(0, 0, 75, this.h, -90, 90); fill(0, 0, 0, 30); arc(0, 0, 75, this.h, -90, 90); fill(255); ellipse(0, 0, 40, this.h); fill(0, 0, 0, 30); ellipse(0, 0, 29, this.h / 1.2); fill(255); ellipse(0, 0, 18, this.h / 2); fill(0, 0, 0, 30); ellipse(0, 0, 9, this.h / 4); } else { fill(0, 217, 255); arc(0, 0, 75, this.h, -90, 90); fill(0, 0, 0, 50); arc(0, 0, 75, this.h, -90, 90); noFill(); stroke(255, 255, 255, 20); for(var i = 2; i < 30; i += 5){ strokeWeight(i); ellipse(0, 0, 40, this.h); } strokeWeight(1); noStroke(); fill(0, 217, 255); ellipse(0, 0, 40, this.h); fill(0, 0, 0, 30); ellipse(0, 0, 29, this.h / 1.2); fill(0, 217, 255); ellipse(0, 0, 18, this.h / 2); fill(0, 0, 0, 30); ellipse(0, 0, 9, this.h / 4); } popMatrix(); this.x -= targetSpeed; if(this.type < 1){ this.x -= targetSpeed; } if(this.broken){ this.r /= 1.1; this.y += (600 - this.y) / 20; } }; var Targets = [new Target(400, 200, 250)]; / Snowballs / var Snowball = function(x, y, angle){ this.x = 0; this.y = 0; this.yvel = 0; this.startX = x; this.startY = y; this.angle = angle; this.dist = -10; this.exploded = false; }; Snowball.prototype.draw = function() { if(!this.exploded){ this.x = this.startX + sin(this.angle) this.dist; this.y = this.startY + cos(this.angle) * this.dist; this.dist += 10; } noStroke(); fill(255); ellipse(this.x, this.y, 30, 30); for(var haha = Targets.length - 1; haha >= 0; haha --){ if(this.x > Targets[haha].x && this.y > Targets[haha].y - Targets[haha].h / 2 && this.y < Targets[haha].y + Targets[haha].h / 2 && !this.exploded && this.x < Targets[haha].x + 40){ if(delag){ for(var i = 0; i < 20; i ++){ Particles.push(new Particle(this.x, this.y)); } } else { for(var i = 0; i < 100; i ++){ Particles.push(new Particle(this.x, this.y)); } } if(Targets[haha].type < 1){ snowballs += 15; } score += floor( (200 - (dist( this.x, this.y, Targets[haha].x, Targets[haha].y) )) / 20 ); this.exploded = true; if(!Targets[haha].broken){ Targets[haha].broken = true; } } } }; var Snowballs = []; /* Snowman / var Snowman = function(){ this.x = 80; this.y = 330; this.angle = 0; this.throwSnowball = true; this.armReturn = false; }; Snowman.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); noStroke(); fill(214, 214, 214); ellipse(0, 0, 70, 70); ellipse(0, -48, 50, 50); ellipse(0, -100, 80, 80); fill(245, 245, 245); ellipse(3, -3, 60, 60); ellipse(2, -50, 40, 40); ellipse(3, -102, 70, 70); fill(255, 255, 255); ellipse(7, -104, 19, 20); ellipse(27, -104, 15, 18); fill(46, 46, 46); ellipse(10, -104, 13, 14); ellipse(29, -104, 10, 12); pushMatrix(); translate(-10, -128); rotate(-16); fill(56, 56, 56); rect(0, -32, 56, 63, 5); fill(232, 14, 72); rect(0, -7, 56, 12); fill(38, 38, 38); rect(0, 0, 85, 10, 5); popMatrix(); popMatrix(); pushMatrix(); translate(this.x, this.y - 54); rotate(this.angle); strokeWeight(5); stroke(99, 75, 40); line(0, 0, 0, 50); line(0, 50, -6, 61); line(0, 50, 0, 66); line(0, 50, 6, 61); popMatrix(); pushMatrix(); translate(this.x + sin(-this.angle) 50, this.y - 100 + cos(this.angle) * 50); noStroke(); fill(255); if(mouseIsPressed && snowballs > 0){ ellipse(0, 50, 30, 30); } popMatrix(); if(mouseIsPressed){ this.angle += 6; } if(this.armReturn){ this.angle += (360 - this.angle) / 5; } if(this.angle > 350){ this.angle = 0; this.armReturn = false; } }; var snowman = new Snowman(); /* Processing events / mouseReleased = function(){ if(snowballs > 0){ snowballs --; Snowballs.push(new Snowball(snowman.x + sin(-snowman.angle) 50, snowman.y - 50 + cos(snowman.angle) * 50, -snowman.angle - 80)); } snowman.armReturn = true; }; mouseClicked = function(){ clicked = true; }; /* Object for transition / var transVars = { menuX: 0, moveMenu: false }; / Draw function / draw = function() { / Load images / for(var i in images){ if(typeof images[i] !== 'object'){ background(0, 0, 0, 0); images[i] = images[i](); } } / Logo scene / if(scene === 'Logo'){ image(images.bg, 0, 0); noStroke(); fill(255, 255, 255, 100); rectMode(CORNER); rect(0, 0, frameCount 2, 15); rectMode(CENTER); logo(200, 200, 1.5 + sin(frameCount * 10) / 10); if(frameCount > 200 \|\| clicked){ scene = 'Menu'; clicked = false; } } /* Menu scene / if(scene === 'Menu'){ background(255); pushMatrix(); translate(transVars.menuX, 0); image(images.menu, 0, 0); fill(255); rect(600, 200, 400, 400); fill(32, 74, 107); textSize(40); text('INSTRUCTIONS', 600, 70); fill(116, 166, 204); textSize(15); text('+ PRESS AND HOLD TO AIM YOUR\nSNOWBALL\n\n+ RELEASE TO THROW THE SNOWBALL\n\n+ HIT THE TARGETS AS CLOSE TO THE BULLSEYE AS POSSIBLE\n\n+ HIT BLUE TARGETS TO GET MORE\nSNOWBALLS\n\n+ HAVE FUN!', 425, 26, 350, 350); fill(211, 228, 240); textSize(29); text('CLICK TO BEGIN!', 600, 335); popMatrix(); if(-mouseX + 680 < mouseY && mouseX < 400 + transVars.menuX){ overButton = true; if(clicked){ transVars.moveMenu = true; clicked = false; } } if(transVars.moveMenu){ transVars.menuX += (-400 - transVars.menuX) / 20; if(clicked){ scene = 'Game'; } } } / Game scene / if(scene === 'Game'){ gameTimer += 0.1; if(gameTimer < 40){ frequency = 250; } else if (gameTimer < 70){ frequency = 150; } else if (gameTimer < 100){ frequency = 120; } else if (gameTimer < 160){ targetSpeed = 2; frequency = 90; } else if (gameTimer < 200){ targetSpeed = 2; frequency = 50; } else { targetSpeed = 3; } if(frameCount % frequency < 1){ Targets.push(new Target(500, random(100, 250), random(50, 250))); } background(97, 192, 224); if(!delag){ Snows.push(new Snow()); for(var i = Snows.length - 1; i >= 0; i --){ Snows[i].draw(); if(Snows[i].y > 420 \|\| Snows[i].x < -20 \|\| Snows[i].x > 620){ Snows.splice(i, 1); i--; } } } fill(255, 255, 255, 100); textSize(24); text('LIVES: ' + lives, 200, 70); text('SCORE: ' + score, 200, 100); text('SNOWBALLS: ' + snowballs, 200, 40); noStroke(); stroke(255, 255, 255, 100); for(var i = 166; i <= 198; i += 2){ tree(200 + sin(i) 800, 988 - noise(i62, 0.28, 50)124 + cos(i) * 639, noise(i62, 0.28, 50)124); } fill(120, 200, 227); fill(250, 250, 250); ellipse(200, 495, 800, 350); fill(227, 227, 227); ellipse(264, 516, 800, 350); snowman.draw(); for(var i = Targets.length - 1; i >= 0; i --){ Targets[i].draw(); if(Targets[i].x < -30){ lives --; Targets.splice(i, 1); } else if(Targets[i].y > 550){ Targets.splice(i, 1); } } for(var i = Snowballs.length - 1; i >= 0; i --){ Snowballs[i].draw(); if(Snowballs[i].exploded \|\| Snowballs[i].x > 500 \|\| Snowballs[i].y < -50 \|\| Snowballs[i].y > 500 \|\| Snowballs[i].x < -50){ Snowballs.splice(i, 1); } } for(var i = Particles.length - 1; i >= 0; i --){ Particles[i].draw(); if(Particles[i].y > 500){ Particles.splice(i, 1); } } noStroke(); fill(0, 0, 0, 80); triangle(400, 400, 320, 400, 400, 320); pushMatrix(); translate(360, 360); rotate(-45); fill(255); textSize(14); text(delag ? 'LAG' : 'DE-LAG', 0, 15); popMatrix(); if(-mouseX + 720 < mouseY && mouseX < 400){ overButton = true; if(clicked){ delag = !delag; } } if(lives < 0 \|\| snowballs <= 0){ scene = 'Lose'; takeSnapshot = true; } if(typeof snapshot !== 'object' && takeSnapshot){ snapshot = get(0, 0, width, height); takeSnapshot = false; } else { snapshot = 'empty string'; } } /* Lose scene / if(scene === 'Lose'){ background(255); fill(201, 201, 201); textSize(60); text('YOU LOST', 200, 70); textSize(27); text('YOUR SCORE WAS ' + score, 200, 116); image(snapshot, 100, snapshotY, snapshotSz, snapshotSz); snapshotY += (160 - snapshotY) / 10; snapshotSz += (200 - snapshotSz) / 10; noStroke(); fill(12, 52, 82); triangle(400, 400, 280, 400, 400, 280); noFill(); stroke(255); strokeWeight(4); arc(363, 363, 30, 30, -365, -82); line(365, 348, 360, 356); line(365, 349, 357, 342); if(-mouseX + 680 < mouseY && mouseX < 400){ overButton = true; if(clicked){ snowballs = 15; lives = 3; score = 0; Targets = []; Particles = []; gameTimer = 0; frequency = 150; snapshot = 'nile™'; scene = 'Game'; } } } / Frosty frame / noFill(); stroke(255, 255, 255, 5); for(var i = 0; i < 46; i += 2){ strokeWeight(i); rect(200, 200, width + 10, height + 10, 30); } / Cursor / cursor(overButton ? 'pointer' : 'default'); / Reset mouse properties */ overButton = false; clicked = false; };
Folds	39,104,105,118,122,128,129,135,139,169,170,200,204,211,213,224,227,234,235,245,249,257,258,310,314,325,365,372,373,433,437,443,444,446,449,452,465,480,483,518
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPzk69b_CAw
Votes	237
Spin-Offs	24
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739374108234
Updated	6 months ago, 1739374116987
Source Deleted	unknown