Viewing Program

Program Data

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

Title	Target Practice with Khan Academy Sound!
ID	5614180936712192
Created	11 years ago, 1399379835470
Updated	10 years ago, 1424384881767
Code	/** * Target Practice with New Avatars * * No creatures are harmed during target practice * * Left click on a target to shoot it * * Right click for machine gun mode * * Score reduces 1 point per shot * * Sound defaults to Off * Toggle with S * * Uses Khan Academy Sound! * * * Troy Cook / / Here is a list of some of the requests: Completed: Smaller Debris Pieces Muzzle flash Machine Gun Mode Recoil Cursor Cross Hairs Visible harmless beam (NO BULLETS!) Change target size and value Start screen 60 second time limit Eliminate beam (reduced brightness instead) Make shots on farther targets smaller Temporarily added sounds because it's on the Hot List and wanted to show it can be properly used in a program sounds are calculated with no external links To Do: Display statistics: high scores, hit/miss ratios, Save high scores and other information 400 point target that appears randomly about every ten seconds! Target to avoid like Baby Winston 1000 point target that appears every 40 seconds Targets renew when they leave the screen Hunting mode where targets randomly pop up Targets that deduct points Bonus for shooting a target multiple times quickly Remove targets when they are less than 50% intact Have limited ammo (shots) Reload by spending points Skeet game Safari type game Shoot targets before they reach you Night time hunt Have enemy and friendly targets (just shoot the enemies) Lose if you shoot a friendly target Display different scenes (town, building, forest) Walk through halls with targets popping out Shoot targets before they shoot you Add grenade launcher and machine gun Shoot ghost targets with a proton accelerator Mobile version Themed rounds: space, adventure, etc First person shooter Ammo clips Rocket launcher to remove entire target (limited shots) / angleMode = "degrees"; var sounds = { ready: false, button: getSound("rpg/metal-chime"), start: getSound("rpg/door-open"), lock: getSound("rpg/step-heavy"), load: getSound("rpg/hit-splat"), engage: getSound("rpg/giant-yah"), gunshot: getSound("retro/hit2"), machinegun: getSound("retro/laser2"), hits: 6, hit0: getSound("retro/hit1"), hit1: getSound("rpg/hit-clop"), hit2: getSound("rpg/hit-thud"), hit3: getSound("rpg/hit-whack"), hit4: getSound("rpg/coin-jingle"), hit5: getSound("retro/coin"), stop: getSound("retro/boom2"), }; var play = function(a) { if (a==="toggle"){ sounds.ready = !sounds.ready; } if (sounds.ready){ playSound(sounds[a]); return; } }; var Debris = function(i,x,y) { this.i = i; this.x = x; this.y = y; this.xs = random(-8,8); this.ys = random(-6,-18); this.move = function(a,i) { this.ys += 0.3; this.x += this.xs; this.y += this.ys; }; this.draw = function(a,i) { this.move(a,i); pushMatrix(); imageMode(CENTER); translate(this.x,this.y); rotate(this.xthis.xs); scale(sin(this.ythis.ys),1); image(this.i,0,0); popMatrix(); if (this.x<0 \|\| this.x>400 \|\| this.y>400){ a.splice(i,1); } }; }; var makeTarget = function(c) { // c color of bulls-eye background(0x00010101); fill(0xFFDDDDDD); stroke(0); strokeWeight(2); for (var w=200; w>80; w-=50){ ellipse(100,100,w,w); } line(0,100,200,100); line(100,0,100,200); fill(c); ellipse(100,100,w,w); var i=get(0,0,200,200); return i; }; var Target = function(o,x,y,l,v) { this.o = o; // original image this.x = x; // current image center x this.y = y; // current image center y this.l = l; // longest dimension this.v = v; // target value this.h = this.lmax(o.height/o.width,1); // adjusted height this.w = this.l; // width is set to l this.i = createGraphics(this.w,this.h,P2D); // working image this.ym = y; // path y median this.yt = y-this.h2/3; // path y top this.yb = y+this.h/2; // path y bottom this.a = 0; // rotation angle this.xs = random(3,7)((x%2===0)?1:-1); // x speed per move this.ys = random(3,7); // y speed per move this.xl = -floor(random(100,150)); // x left (offscreen) this.xr = 400 - this.xl; // x right (offscreen) this.sr = constrain(round(this.w/10),5,20); // shot radius this.ready = false; // working image status this.bg = 0x00010000; // background color this.bc = color(y/2, y/4, y/6); // barrier color this.hit = 0; // hit level this.ui = random(35,60); // update interval in ms this.ut = millis()+this.ui; // next update this.score = 0; this.debris = []; this.shoot = function(x,y) { play("hit"+floor(random(sounds.hits))); // get debris from current image var yp = 2; for (var yd=y-this.sr; yd<y+this.sr; yd+=yp){ var xp = 2; for (var xd=x-this.sr; xd<x+this.sr; xd+=xp){ this.debris.push(new Debris(this.i.get(xd,yd,xp,yp),x+this.x,y+this.y)); xp = round(random(this.sr/4,this.sr)); } yp = round(random(this.sr/4,this.sr)); } var c = [1,0,0,0]; // clear color array // loop through shot row for (var yi=-this.sr; yi<=this.sr; yi++){ var ym = round(y+yi); if (ym>=0 && ym<this.h){ var xa = round(sqrt(sq(this.sr)-sq(yi))); // loop through shot column for (var xi=-xa; xi<=xa; xi++){ var xm = round(x+xi); if (xm>=0 && xm<this.w){ var p = (ymthis.w+xm)4; for (var ci=0; ci<4; ci++){ this.id[p+ci]=c[ci]; } } } } } this.i.updatePixels(); }; this.mousePressed = function(mx,my) { // if mouse position y is less than top of barrier if (my<this.ym){ // adjust mouse position mx += -this.x + this.w/2; my += -this.y + this.h/2; // determine if new position is within target if (mx>0 && mx<this.w && my>0 && my<this.h){ mx = round(mx); my = round(my); // if the color is foreground then hit if (this.i.get(mx,my)+this.i.get(mx-4,my-4)+ this.i.get(mx-4,my+4)+this.i.get(mx+4,my-4)+ this.i.get(mx+4,my+4) !== 0){ this.hit = 1; this.hitX = mx; this.hitY = my; this.shoot(mx,my); this.score += this.v; } } } }; this.move = function() { this.a = sin(this.x%360)25; this.y += this.ys; this.x += this.xs; if (this.y<this.yt \|\| this.y>this.yb){ this.ys = -this.ys; this.y = constrain(this.y,this.yt,this.yb); } if (this.x<this.xl \|\| this.x>this.xr){ this.xs = -this.xs; this.x = constrain(this.x,this.xl,this.xr); } }; this.draw = function() { if (!this.ready){ if (!this.i.background){ return; } this.i.background(this.bg); this.i.image(this.o,0,0,this.w,this.h); this.i.filter(POSTERIZE,4); this.i.fill(0,0,0,128); this.i.textSize(8); this.i.textAlign(CENTER,CENTER); this.i.text("ACME\nTARGETS",this.w/2,this.h-20); if (!this.i.loadPixels){ return; } this.i.loadPixels(); this.id = this.i.imageData.data; delete this.o; this.ready = true; } if (millis()>this.ut){ this.ut = millis()+this.ui; this.move(); } noStroke(); pushMatrix(); pushStyle(); pushMatrix(); imageMode(CENTER); translate(this.x,this.y); // stand fill(87, 80, 80); rect(-10,0,20,this.h); ellipse(0,0,this.w/3,this.w/3); //rotate(this.a); // figure image(this.i,0,0); popMatrix(); // shot var score = 0; if (this.hit>0){ this.hit -=0.1; / fill(lerpColor(0xFFFF0000,0xFFFFFF00,this.hit)); noStroke(); ellipse(this.x+this.hitX-this.w/2,this.y+this.hitY-this.h/2,this.wthis.hit,this.wthis.hit); / textSize(45); textAlign(CENTER,CENTER); fill(0); text(this.score,this.x+2,this.yt+2); fill(255); text(this.score,this.x,this.yt); } else { score = this.score; this.score = 0; } popMatrix(); // debris for (var i=0; i<this.debris.length; i++){ this.debris[i].draw(this.debris,i); } // barrier fill(this.bc); rect(0,this.ym,400,100); popStyle(); return score; }; }; var engage = function(g){ // this relies on global variables background(128, 90, 49); // target set name textAlign(CENTER,TOP); if (g.tss===undefined){ textSize(50); g.tss=(50380/textWidth(g.tl[g.ts])); } textSize(g.tss); fill(0xFFAA6600); text(g.tl[g.ts],200,0); // score and time if (g.scoreAdd>0){ g.score += min(g.scoreAdd,21); g.scoreAdd -= min(g.scoreAdd,21); } textAlign(CENTER,CENTER); textSize(40); fill(0); var st = "Score "+g.score+"\nTime "+nf(g.stl()/1000,0,1)+" "; text(st,202,42); fill(89, 211, 230); text(st,200,40); // draw all targets for (var t in g.gallery){ g.scoreAdd += g.gallery[t].draw(); } // gun and scope // get current mouse position and constrain // to within 15 pixels of window edge var mx = mouseX; var my = mouseY; // get image at mouse position every third frame if (!g.si.width \|\| frameCount%3===0){ g.si = get(mx-10,my-10,21,21); } // map mouse position to gun barrel end points var ex = map(mx,0,400,95+50g.mf,305-50g.mf); var ey = map(my,0,400,200-50g.mf,400); var bx = map(mx,0,400,175,225); var by = map(my,0,400,390,430+50g.mf); // beam and muzzle flash if (g.mf>0) { // beam stroke(255, 0, 0, 20); strokeWeight(g.mf15); line(mx,my,ex,ey); // flash fill(255,200,100); ellipse(ex,ey,g.mf100,g.mf100); g.mf -= 0.1; } // sights stroke(20); strokeWeight(4); fill(0); rect(ex-2,ey-25,5,20); // barrel strokeWeight(40); line(bx,by,ex,ey); // scope body strokeWeight(57); stroke(60); line(bx/2+ex/2,by/2+ey/2-40,bx,by-40); // scope view pushMatrix(); translate(bx,by-40); imageMode(CENTER); image(g.si,0,0,42,42); // eye piece strokeWeight(9); stroke(50); noFill(); ellipse(0,0,50,50); // cross hairs stroke(0); strokeWeight(1); line(-15,0,-5,0); line(5,0,15,0); line(0,-15,0,-5); line(0,5,0,15); popMatrix(); // machine gun mode if (mouseIsPressed && // if a mouse button is currently pressed mouseButton===RIGHT && // and it is the button on the right millis()>g.mg){ // and the delay time has passed play("machinegun"); g.mg = millis()+g.mgd; // set the next time available mousePressed(); // call the existing mouse function } // draw mouse cursor pushMatrix(); stroke(0); noFill(); strokeWeight(2); translate(mx,my); for (var l=0; l<2; l++){ ellipse(0,0,40,40); line(-15,0,-5,0); line(5,0,15,0); line(0,-15,0,-5); line(0,5,0,15); translate(-2,-2); stroke(200); } popMatrix(); }; var textFade = function(t,x,y,c,v){ textAlign(CENTER,CENTER); fill(lerpColor(c,0x00FFFFFF,v)); textSize(map(v,0,1,20,120)); text(t,x,y); }; var gameReset = function(g){ g.s = "start"; // game state g.st = millis()+1000; // state time g.sc = 1000; // countdown g.sset = function(s,c){ // set state this.s = s; this.sc = c; this.st = millis()+c; }; g.stl = function(){ // time left return (this.st-millis()); }; g.si = {}; // scope image g.score = 0; g.scoreAdd = 0; g.mg = 0; // machine gun timing g.mgd = 100; // machine gun rate g.mf = 0; // muzzle flash // load gallery with targets // order by y position from lowest to highest g.tss = undefined; g.tl = ["Plain","Kaiju","Flora","Quest","Treasure","Space","Avatar","Partay!"]; switch (g.ts){ case 1: // Kaiju g.gallery = [ new Target( getImage("avatars/leafers-sapling"),500,100,40,400), new Target( getImage("avatars/piceratops-sapling"),-100,100,40,400), new Target( getImage("avatars/aqualine-sapling"),500,150,60,300), new Target( getImage("avatars/starky-sapling"),-100,150,60,300), new Target( getImage("avatars/leafers-tree"),500,200,80,250), new Target( getImage("avatars/piceratops-tree"),-100,200,80,250), new Target( getImage("avatars/starky-tree"),500,250,100,200), new Target( getImage("avatars/aqualine-tree"),-100,250,100,200), new Target( getImage("avatars/leafers-ultimate"),500,300,130,150), new Target( getImage("avatars/piceratops-ultimate"),-100,300,130,150), new Target( getImage("avatars/starky-ultimate"),500,350,150,100), new Target( getImage("avatars/aqualine-ultimate"),-100,350,150,100), ]; break; case 2: // Flora g.gallery = [ new Target(getImage("avatars/leaf-blue"),500,100,40,400), new Target(getImage("avatars/leaf-green"),-100,100,40,400), new Target(getImage("avatars/leaf-grey"),500,150,60,300), new Target(getImage("avatars/leaf-orange"),-100,150,60,300), new Target(getImage("avatars/leaf-red"),500,200,80,250), new Target(getImage("avatars/leaf-yellow"),-100,200,80,250), new Target(getImage("cute/TreeShort"),500,250,100,200), new Target(getImage("cute/TreeUgly"),-100,250,100,200), new Target(getImage("cute/TreeTall"),500,300,130,150), new Target(getImage("cute/TreeShort"),-100,300,130,150), new Target(getImage("cute/TreeUgly"),500,350,150,100), new Target(getImage("cute/TreeTall"),-100,350,150,100), ]; break; case 3: // Quest g.gallery = [ new Target(getImage("cute/Heart"),500,100,40,400), new Target(getImage("cute/Selector"),-100,100,40,400), new Target(getImage("cute/DoorTallClosed"),500,150,60,300), new Target(getImage("cute/StoneBlock"),-100,150,60,300), new Target(getImage("cute/EnemyBug"),500,200,80,250), new Target(getImage("cute/Key"),-100,200,80,250), new Target(getImage("cute/GrassBlock"),500,250,100,200), new Target(getImage("cute/WaterBlock"),-100,250,100,200), new Target(getImage("cute/DirtBlock"),500,300,130,150), new Target(getImage("cute/EnemyBug"),-100,300,130,150), new Target(getImage("cute/EnemyBug"),500,350,150,100), new Target(getImage("cute/Rock"),-100,350,150,100), ]; break; case 4: // treasure g.gallery = [ new Target(getImage("cute/GemBlue"),500,100,40,400), new Target(getImage("cute/GemBlue"),-100,100,40,400), new Target(getImage("cute/GemGreen"),500,150,60,300), new Target(getImage("cute/GemGreen"),-100,150,60,300), new Target(getImage("cute/GemOrange"),500,200,80,250), new Target(getImage("cute/GemOrange"),-100,200,80,250), new Target(getImage("cute/ChestClosed"),500,250,100,200), new Target(getImage("cute/Key"),-100,250,100,200), new Target(getImage("cute/Heart"),500,300,130,150), new Target(getImage("cute/Star"),-100,300,130,150), new Target(getImage("cute/Star"),500,350,150,100), new Target(getImage("cute/Heart"),-100,350,150,100), ]; break; case 5: // space g.gallery = [ new Target(getImage("space/star"),500,100,40,400), new Target(getImage("space/planet"),-100,100,40,400), new Target(getImage("cute/Rock"),500,150,60,300), new Target(getImage("space/rocketship"),-100,150,60,300), new Target(getImage("avatars/robot_male_3"),500,200,80,250), new Target(getImage("avatars/robot_female_3"),-100,200,80,250), new Target(getImage("cute/Rock"),500,250,100,200), new Target(getImage("space/octopus"),-100,250,100,200), new Target(getImage("avatars/robot_male_2"),500,300,130,150), new Target(getImage("avatars/robot_female_2"),-100,300,130,150), new Target(getImage("cute/Rock"),500,350,150,100), new Target(getImage("space/beetleship"),-100,350,150,100), ]; break; case 6: // avatar g.gallery = [ new Target(getImage("creatures/BabyWinston"),500,100,40,400), new Target(getImage("creatures/Winston"),-100,100,40,400), new Target(getImage("creatures/OhNoes"),500,150,60,300), new Target(getImage("creatures/Hopper-Jumping"),-100,150,60,300), new Target(getImage("avatars/marcimus"),500,200,80,250), new Target(getImage("avatars/mr-pink"),-100,200,80,250), new Target(getImage("avatars/mr-pants"),500,250,100,200), new Target(getImage("avatars/old-spice-man"),-100,250,100,200), new Target(getImage("avatars/orange-juice-squid"),500,300,130,150), new Target(getImage("avatars/robot_male_1"),-100,300,130,150), new Target(getImage("avatars/robot_female_1"),500,350,150,100), new Target(getImage("avatars/spunky-sam"),-100,350,150,100), ]; break; case 7: // partay g.gallery = [ new Target(getImage("cute/CharacterPrincessGirl"),500,100,40,400), new Target(getImage("cute/CharacterBoy"),-100,100,40,400), new Target(getImage("cute/CharacterBoy"),500,150,60,300), new Target(getImage("cute/CharacterHornGirl"),-100,150,60,300), new Target(getImage("cute/CharacterCatGirl"),500,200,80,250), new Target(getImage("cute/CharacterBoy"),-100,200,80,250), new Target(getImage("cute/CharacterBoy"),500,250,100,200), new Target(getImage("cute/CharacterPinkGirl"),-100,250,100,200), new Target(getImage("space/girl3"),500,300,130,150), new Target(getImage("cute/CharacterBoy"),-100,300,130,150), new Target(getImage("cute/CharacterBoy"),500,350,150,100), new Target(getImage("cute/CharacterBoy"),-100,350,150,100), ]; break; default: // 0 Plain g.gallery = [ new Target(makeTarget(0xFFFF0000),-100,100,40,400), new Target(makeTarget(0xFFFF0000),500,100,40,400), new Target(makeTarget(0xFFFF00FF),-100,150,60,300), new Target(makeTarget(0xFFFF00FF),500,150,60,300), new Target(makeTarget(0xFF0000FF),-100,200,80,250), new Target(makeTarget(0xFF0000FF),500,200,80,250), new Target(makeTarget(0xFF00FFFF),-100,250,100,200), new Target(makeTarget(0xFF00FFFF),500,250,100,200), new Target(makeTarget(0xFF00FF00),-100,300,130,150), new Target(makeTarget(0xFF00FF00),500,300,130,150), new Target(makeTarget(0xFFFFFF00),-100,350,150,100), new Target(makeTarget(0xFFFFFF00),500,350,150,100), ]; break; } }; var fb = createFont('arial bold',null); textFont(fb,20); var game = {ts:0}; gameReset(game); draw = function() { switch (game.s){ case "start": background(sin(millis()/7%360)64+64,sin(millis()/9%360)64+64,sin(millis()/11%360)96+96); textAlign(CENTER,CENTER); textSize(45); var t = "Target Practice\n\nScore "+game.score+"\nT Target "+game.tl[game.ts]+"\nS Sound is "+((sounds.ready)?"On":"Off")+"\nClick Here to Play"; fill(0); text(t,203,203); fill(255, 180, 0); text(t,200,200); textSize(15); text("by Troy Cook",300,120); if (mouseIsPressed && mouseY>230){ } break; case "lock": background(60, 37, 107); textFade("LOCK",200,200,0xFFFFFF00,1-game.stl()/game.sc); if (game.stl()<0){ game.sset("load",2000); play("load"); void(0); } break; case "load": background(60, 37, 107); textFade("LOAD",200,200,0xFFFFFF00,1-game.stl()/game.sc); if (game.stl()<0){ this.noCursor(); game.sset("engage",60000); play("engage"); } break; case "engage": engage(game); if (game.stl()<0){ this.cursor(ARROW); game.sset("stop",5000); game.score += game.scoreAdd; play("stop"); } else if (game.stl()>game.sc-2000){ textFade("ENGAGE",200,200,0xFFFFFF00,1-(game.stl()-game.sc+2000)/2000); } break; case "stop": background(random(120),random(120),random(120)); fill(255); textAlign(CENTER,CENTER); textSize(70); text("Final Score\n"+game.score,200,200); if (game.stl()<0){ game.s="start"; play("start"); mouseIsPressed=false; } break; } }; keyTyped = function() { switch (key.toString()){ case "S": case "s": play("toggle"); play("button"); break; case "T": case "t": game.ts = (game.ts+1)%game.tl.length; } }; mousePressed = function() { switch(game.s){ case "start": if (mouseY>320){ gameReset(game); game.sset("lock",2000); play("lock"); } else if (mouseY>260) { play("toggle"); play("button"); } else if (mouseY>200) { game.ts = (game.ts+1)%game.tl.length; play("button"); } break; case "engage": play("gunshot"); game.mf = 1; // check all targets if mouse hits game.score -= (game.score>0)?1:0; for (var t in game.gallery){ game.gallery[t].mousePressed(mouseX,mouseY); } break; } }; mouseOut = function() { mouseIsPressed = false; this.cursor(ARROW); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMDjlcL8CQw
Votes	391
Spin-Offs	29
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Troy Cook
Author Name	onetruetroy
Author ID	kaid_1050040908180717789041673
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739397856626
Updated	8 months ago, 1744828477239
Source Deleted	unknown