var bow; var stocks = []; var target = []; var arrows = []; var arrowCoords = []; var showDragging = false; var arrowIsReleased = false; var playerOneTurn = true; var game_over = false; var ready = true; var arrow_img,bow_img,bg_img; var restart_btn; var point =""; var score= 0; var font = 0; var opac = 1; function preload(){ arrow_img = loadImage("https://i.ibb.co/Q8WCMPJ/arrow-bow-PNG1.png"); bow_img = loadImage("https://i.ibb.co/tJGN5T5/recurve-bow-silhouette-6.png"); bg_img = loadImage("https://i.ibb.co/zZ3x8MP/wallpaper2you-226437.png") } function setup(){ var loader = select("#loaderbox"); loader.hide(); createCanvas(windowWidth, windowHeight).position(0,0); background(0); colorMode(HSB); restart_btn = createButton("Restart").position(width/2-50,height/2+40).mouseClicked(restart).hide(); bow = new Bow(width/ 2,height- 200); target.push(new Target()); for(var i=0;i<5;i++){ stocks.push(new Stock(10,i*15+15)); } } function draw(){ background("lightblue"); image(bg_img,0,0,width,height); if(!game_over){ textAlign(CENTER); textSize(30); fill("pink"); stroke("crimson"); strokeWeight(5); text("Score : "+score,width/2,40); if(font>80){ font = 0; opac = 1; } if(font>0){ font+=2; opac-=0.02; textSize(font); fill(225,225,50,opac); strokeWeight(0); text(point,width/2,120); } for(let s of stocks){ s.show() } bow.show(); for(let o of target){ o.show(); } let gravity = createVector(0, 0.2); if(arrows.length > 10){ arrows.splice(0, 1); } if(arrowIsReleased ){ for(var i=0;iheight-20){ stocks.splice(stocks.length-1,1); arrows.splice(i,1); ready = true; } } if(stocks.length==0){ background("lightblue"); image(bg_img,0,0,width,height); fill(255); strokeWeight(2); textAlign(CENTER); stroke("crimson"); textSize(25); strokeWeight(5) text("Score : "+score,width/2,height/2-50) textSize(30); fill(255); text("Game Over !",width/2,height/2) frameRate(0); restart_btn.show(); } } function Bow(x,y){ this.angle=Math.PI/2; this.x = x; this.y = y; this.w = 240; this.h = 200; this.len = 10; this.xrad= Math.cos(this.angle+(Math.PI/2))* -this.w/3+ this.x; this.yrad= Math.sin(this.angle+(Math.PI/2))* -this.w/3+ this.y; this.xrad2= Math.cos(this.angle-(Math.PI/2))* -this.w/3+ this.x; this.yrad2= Math.sin(this.angle-(Math.PI/2))* -this.w/3+ this.y; this.show = function(){ push(); translate(this.x, this.y); rotate(this.angle); imageMode(CENTER); image(bow_img,0,0,this.w,this.h); pop(); fill(30); stroke(30); strokeWeight(1); if(!showDragging){ line(this.xrad ,this.yrad, this.xrad2 ,this.yrad2); ellipse(this.xrad,this.yrad,5,6); ellipse(this.xrad2,this.yrad2,5,6); } if(showDragging && arrowCoords.length === 2){ push(); translate(this.x, this.y); rotate(this.angle+Math.PI); image(arrow_img,-this.len,-8,85,15); pop(); line(this.xrad ,this.yrad, arrowCoords[1].x, arrowCoords[1].y); line(this.xrad2 ,this.yrad2, arrowCoords[1].x, arrowCoords[1].y); ellipse(this.xrad,this.yrad,5,6); ellipse(this.xrad2,this.yrad2,5,6); } } this.adjust = function(){ this.len= Dist(arrowCoords[1].x,arrowCoords[1].y,this.x,this.y); this.xrad= Math.cos(this.angle+(Math.PI/2))* -this.w/3+ this.x; this.yrad= Math.sin(this.angle+(Math.PI/2))* -this.w/3+ this.y; this.xrad2= Math.cos(this.angle-(Math.PI/2))* -this.w/3+ this.x; this.yrad2= Math.sin(this.angle-(Math.PI/2))* -this.w/3+ this.y; } } function Arrow(coords, bow){ this.w = 85; this.h = 15; this.bow = bow; this.pos = createVector(this.bow.x, this.bow.y); this.acc = createVector(); this.vel = createVector(); try{ this.mag = coords.length === 2 ?Dist(coords[0].x,coords[0].y,coords[1].x,coords[1].y):1; } catch(err){} this.landed = false; this.show = function(){ push(); translate(this.pos.x, this.pos.y); rotate(this.vel.heading()); imageMode(CENTER); image(arrow_img,0,0,this.w,this.h); pop(); } this.update = function(){ if (!this.landed) { this.vel.add(this.acc); this.pos.add(this.vel); this.acc.mult(0); } } this.shoot = function(f) { f.mult(this.mag); f.limit(12); this.applyForce(f); } this.edges = function() { if (this.pos.y > height - this.r/ 2){ this.landed = true; } } this.applyForce = function(f){ this.acc.add(f) } } function mousePressed() { try{ if(ready){ if(mouseY height-300 && mouseX<(width/2)+40 && mouseX>(width/2)-40) { showDragging = true; arrowCoords[0] = {x: bow.x, y: bow.y }; let angle= Ang(arrowCoords[0],bow.x); bow.angle= angle; bow.adjust(); }}} catch(e){} } function mouseDragged() { try{ if(ready){ if(showDragging){ arrowCoords[1] = {x: mouseX, y: mouseY }; let angle= Ang(arrowCoords[1],bow); bow.angle= angle; bow.adjust(); }}} catch(e){} } function mouseReleased() { try{ if(ready){ if(arrowCoords[0].y= b.y && a.pos.y<= b.y+ 10? true: false; } function Target(x,y){ this.x = random(20,width-20); this.y = random(150,320); this.r = 30; this.show = function(){ stroke(0); strokeWeight(0.5); fill("yellow"); ellipse(this.x,this.y,this.r*3,this.r*3); fill("orange"); ellipse(this.x,this.y,this.r*2,this.r*2); fill("red"); ellipse(this.x,this.y,this.r,this.r); } } function Stock(x,y){ this.x =x; this.y =y; this.w =60; this.h =15; this.show=function(){ image(arrow_img,this.x,this.y,this.w,this.h); } } function restart(){ frameRate(200); restart_btn.hide(); arrows.splice(arrows.length-1,1); score = 0; ready = true; target = []; bow = new Bow(width/2,height-200); target.push(new Target()); for(var i=0;i<5;i++){ stocks.push(new Stock(10,i*15+15)); } }

Archery Game