let maxradius = 30; /* 🍧 Jumping Balls ⚽ 🍧 Coded by: Aakaansha Vashisht💕 🍧 Date of submission: 29-Aug-2019 🍧 ❌ Don't copy(❌) & post publicly ✔️ You can keep in ur account privately ✔️ for learning purpose. 🍧 ©️ Owner: Aakaansha💕©️ 🍧 🍧 (Made on 📱 😅) 🍧 🍧 Made with love♥️😍 🍧 Have some: (🍧🍰🍬🍨🍦🍭🍧🍰🍨🍬🍭🍦) ---------------------------- */ var colors = ["red", "orange", "blue", "purple", "hotpink", "yellow", "green", "aqua", "white", "lightgreen", "MediumSlateBlue"], c = 0; alert("Click on the screen to add more balls"); var myHeight = innerHeight - 60; function distance(x1,y1,x2,y2) { return Math.abs(Math.sqrt(Math.pow(x2-x1,2) +Math.pow(y2-y1,2))); } function randomno(min,max) { return Math.random()*(max-min)+min; } var mouse ={ x:innerWidth/2, y:myHeight /2 }; window.onload = function() { function Moveaway(x,y){ this.x =x; this.y=y; this.life =100; this.extravelocity = { x:(Math.random()-0.5)*5, y:(Math.random()-0.5)*5 }; this.update = function() { this.life--; this.draw(); }; this.draw = function() { ctx.beginPath(); ctx.strokeStyle ="white"; ctx.arc(this.x,this.y,50,0,Math.PI*2); ctx.stroke(); ctx.closePath(); for(var i=0;i0) { this.thump.x--; } if(this.thump.x<=0) { this.thump.x=0; if(this.velocity.x<0) this.velocity.x = -this.orgvelocity.x ; else this.velocity.x = this.orgvelocity.x ; } if(this.thump.y>0) { this.thump.y--; } if(this.thump.y<=0) { this.thump.y =0; if(this.velocity.y<0) this.velocity.y = -this.orgvelocity.y; else this.velocity.y = this.orgvelocity.y; } this.draw(); this.x += this.velocity.x; this.y += this.velocity.y; if (this.x+this.radius +this.velocity.x >innerWidth ||this.x-this.radius<=0 ) { this.velocity.x = -this.velocity.x} if(this.y+this.radius +this.velocity.y> myHeight ||this.y-this.radius<=0) { this.velocity.y =-this.velocity.y; } this.velocity.x +=this.acceleration.x; this.velocity.y+=this.acceleration.y ; this.acceleration.x = this.thump.x; this.acceleration.y = this.thump.y; } Object.prototype.draw = function() { ctx.beginPath(); ctx.fillStyle = this.color; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2); ctx.fill(); ctx.closePath(); } let Objects ; let Extravels; function init() { Objects =[]; Extravels =[]; for(var i=0;i<5;i++){ var radius = randomno(4,maxradius ); var x = randomno(radius,innerWidth-radius); var y = randomno(radius,myHeight-radius); Objects.push(new Object(x,y,radius,colors[randomno(0,colors.length) | 0])); } } function animate() { requestAnimationFrame(animate); ctx.save(); ctx.fillStyle ="black"; ctx.fillRect(0,0,innerWidth,myHeight ); ctx.restore(); for(var i =0;i= colors.length) c=0; var color = colors[c++]; Objects.push(new Object(e.clientX,e.clientY ,radius, color)); }); };

🔒 Jumping Balls ⚽