let minhrts =0, cirspeed = 3; alert("Choose My Theme Try swiping in the shape of x"); window.onload = function() { /* 🍧 1.5K Followers Celebrations 🎉🎊🎁🎈 🍧 🍧 Coded by: Aakaansha💕 🍧 Date of submission: 21-Aug-2019 🍧 ❌ Don't copy(❌) without permission 🍧 Owner: Aakaansha💕©️ 🍧 🍧 Made with love♥️😍 🍧 Have some: (🍧🍰🍬🍨🍦🍭🍧🍰🍨🍬🍭🍦) ---------------------------- */ var canavs = document.getElementById("canvas"); canvas.width = innerWidth; canvas.height =innerHeight; var ctx = canvas.getContext("2d"); var shade3 = [ { r:240,g:159,b:176}, { r:252,g:218,b:210}, { r:255,g:255,b:255}, { r:152,g:130,b:142}, { r:96,g:82,b:97}, { r:20,g:45,b:84}, ]; var shade2=[ {r:133,g:89,b:136}, {r:107,g:73,b:132}, {r:72,g:52,b:117}, {r:43,g:47,b:119}, {r:20,g:24,b:82}, {r:7,g:11,b:52}, ]; var org=[ {r:133,g:89,b:136}, {r:107,g:73,b:132}, {r:72,g:52,b:117}, {r:43,g:47,b:119}, {r:20,g:24,b:82}, {r:7,g:11,b:52}, ]; //var org = shade2.slice(); //var org = Array.from(shade2); //console.log(org); var back2; function backset() { var sh2 =[]; for(var x=0;x0 && y>0) { if(addallow) { shade2[i].r+=x; shade2[i].g+=y; shade2[i].b+=z; // console.log("adding value"); } } else if(x<0&& y<0) { if(suballow) { shade2[i].r+=x; shade2[i].g+=y; shade2[i].b+=z; // console.log("subtracting value"); } } if(shade2[i].r>=255 || shade2[i].g >=255|| shade2[i].b>=255) { addallow = false; } if( shade2[i].r+x<255 && shade2[i].g+y<255 && shade2[i].b+x+y<255) { addallow = true; } if(shade2[i].r<=0 || shade2[i].g<=0|| shade2[i].b<=0) { suballow = false; } if(shade2[i].r+x>0&& shade2[i].g+y>0&& shade2[i].b+x+y>0) { suballow = true; } if(shade2[i].r>=255) { shade2[i].r=255; } if(shade2[i].g>=255) { shade2[i].g=255; } if(shade2[i].b>=255) { shade2[i].b = 255; } if(shade2[i].r<=0) { shade2[i].r =0; } if(shade2[i].g<=0) { shade2[i].g=0; } if(shade2[i].b<=0) { shade2[i].b =0; } } backset(); } document.getElementById("shade2").onclick= function(){ for(var v=0;v0 ) { shade2[c].r+=x/1; } if(a&&b&&e&& y>0 ) { shade2[c].g+=y/1; } if(a&&b&&e&& y>0 ) { shade2[c].b+=(x+y)/1; } if(x<0) { shade2[c].r+=x/1; } if(y<0) { shade2[c].g+=y/1; } if(x+y<0) { shade2[c].b+=(x+y)/1; } if(shade2[c].r>=255) { a =false; shade2[c].r=255; } if(shade2[c].g>=255) { b = false; shade2[c].g=255; } if(shade2[c].b>=255) { e = false; shade2[c].b=255; } if(shade2[c].r<=0) { shade2[c].r=0; }else { w++; } if(shade2[c].g<=0) { shade2[c].g=0; }else{ x++; } if(shade2[c].b<=0) { shade2[c].b=0; }else { y++; } } backset(); //console.log("touched: "+x); }); */ var pst=[ "25,42,103", "199,76,99", "255,126,126", "236,176,164", "49,124,194", "22,77,162", ]; var pstr =[]; for(var w=0;w=1) { this.imgtick++; } if(this.imgtick%2==1) { this.opacity-=0.008; }else{ this.opacity+=0.008; } if(this.opacity>=1) { this.opacity =1; } if(this.opacity<=0) { this.opacity=0; } } follower.prototype.draw = function() { ctx.save(); ctx.globalAlpha = this.opacity; ctx.shadowBlur = 10; ctx.shadowColor = "white"; roundRect(ctx,this.x,this.y,this.width,this.height,20,false,true); ctx.drawImage(this.img,this.x,this.y,this.width,this.height); ctx.restore(); } var str ="https://api.sololearn.com/Uploads/Avatars/"; let f =["4586359", "11199753","12447674","9210792","4424563","12006051","9088113","9391360","10107008","8798127","4157142","6241792","10059188","8569435","4375139" ]; for(var a=0;a=innerWidth) { this.velocity.x = -this.velocity.x; } if(this.y<=0||this.y+this.height>=innerHeight) { this.velocity.y=-this.velocity.y; } cord.x = this.x+this.width/2; cord.y = this.y+this.height/2; } let imgtick =0; wishbox.prototype.draw = function() { ctx.save(); ctx.strokeStyle = "white"; //ctx.strokeRect(this.x,this.y,this.width,this.height); ctx.shadowBlur = 10; ctx.shadowColor = "white"; roundRect(ctx,this.x,this.y,this.width,this.height,20,false,true); ctx.save(); ctx.shadowBlur=0; if(this.imgalpha>=0.6) { imgtick++; } if(this.imgalpha<=0) { imgtick++; } if(imgtick%2==0) { this.imgalpha+=0.005; }else{ this.imgalpha-=0.005; } if(this.imgalpha>=0.6) { this.imgalpha=0.6; } if(this.imgalpha<=0) { this.imgalpha=0; } ctx.globalAlpha = this.imgalpha; ctx.drawImage(profile,this.x+10,this.y+10,this.width-20,this.height-20); ctx.restore(); ctx.stroke(); ctx.restore(); } window.addEventListener("resize",function() { canvas.width = innerWidth; canvas.height = innerHeight; init(); }); function backball(x,y,radius,color) { this.x =x; this.y = y; this.radius= radius; this.color = color; this.life =50; this.velocity={ x:(Math.random()-0.5)*5, y:(Math.random()-0.5)*4 }; this.acceleration=( Math.random()-0.5)*0.1; this.lastpos= { x:0, y:0 }; this.opacity=1; } backball.prototype.update = function() { this.radius+=0.1; this.opacity-=0.02; if(this.opacity <0) { this.opacity =0; } this.life--; this.draw(this.lastpos); //this.x+=this.velocity.x; //this.y +=this.velocity.y; this.lastpos.x= this.x; this.lastpos.y = this.y; //this.velocity.y+=this.acceleration; } backball.prototype.draw = function(lastpos) { ctx.save(); ctx.beginPath(); ctx.fillStyle = this.color; ctx.globalAlpha= this.opacity; ctx.shadowBlur =3; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false); /* ctx.strokeStyle = "red"; ctx.lineWidth = this.radius; ctx.moveTo(lastpos.x,lastpos.y); ctx.lineTo(this.x,this.y); ctx.stroke(); */ ctx.fill(); ctx.closePath(); ctx.restore(); } function emogi(x,y,color,emogi) { this.x= x; this.y = y; this.color = color; this.emogi = emogi; this.life = 300; this.velocity ={ x:(Math.random()-0.5)*2, y:(Math.random()-0.5)*2 }; this.size =10; this.opacity =1; this.m =0; this.c =0; this.acceleration= (Math.random()-0.5)*0.3; } emogi.prototype.update = function() {this.draw(); //test ... this.m = (cord.y- this.y)/(cord.x-this.x); this.c = this.y- this.m*this.x; if(this.x>wishboxes[0].x && this.y>wishboxes[0].y && this.x<(wishboxes[0].x+wishboxes[0].width)&& this.y<(wishboxes[0].y+wishboxes[0].height)) { this.size++; this.opacity+=0.01; if(this.opacity>0.6) { this.opacity = 0.6; } } if(this.x>cord.x) { this.x--; } else if(this.xcord.x) this.y = this.m*this.x+this.c; this.opacity -=0.01; if(this.opacity<0.1) { this.opacity =0.1; } this.life --; //this.x += this.velocity.x; //this.y += this.velocity.y; //this.velocity.x+= this.acceleration; //this.velocity.y += this.acceleration; } emogi.prototype.draw = function() { ctx.save(); ctx.fillStyle = this.color; ctx.font =""+this.size+"px Arial"; ctx.globalAlpha = this.opacity; ctx.fillText(this.emogi,this.x-this.size/2,this.y+this.size/2-10); ctx.restore(); } function randomno(min,max) { return Math.random()*(max-min)+min; } function distance(x1,x2,y1,y2) { return Math.abs(Math.sqrt(Math.pow(x2-x1,2)+Math.pow(y2-y1,2))); } function obj(x,y,radius,color,ch) { this.x = x; this.y = y; this.radius = radius; this.color = color; this.ch = ch; this.velocity={ x:(Math.random()-0.5)*cirspeed, y:(Math.random()-0.5)*cirspeed } this.acceleration = (Math.random()-0.5)*0.005; this.tick =0; this.newball =0; this.radalter =0; this.radtick =0; } let emogitick =0; obj.prototype.update = function() { this.tick++; this.newball ++; if(this.newball%15==0) { backballs.push(new backball(this.x,this.y,2,this.color )); } this.draw(); if(this.tick % 30 ==0) { this.acceleration = (Math.random()-0.5)*0.005; } for(var i=0;i= innerWidth||this.x- this.radius<=0) { this.velocity.x = -this.velocity.x; } if(this.y+this.radius+this.velocity.y>= innerHeight|| this.y-this.radius<= 0 ) { this.velocity.y= - this.velocity.y; } //RADIUS ALTERATION this.radalter++; if(this.radalter%15==0) { this.radtick ++; } if(this.radtick%2==0) { this.radius--; } if(this.radtick%2==1) { this.radius++; } } obj.prototype.draw = function() { ctx.save(); ctx.beginPath(); ctx.strokeStyle = this.color; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false); ctx.stroke(); ctx.closePath(); ctx.fillStyle = "white"; ctx.font =this.radius+"px verdana"; ctx.fillText(this.ch,this.x-this.radius/2,this.y+this.radius/2); ctx.restore(); // lines.... for(var i=0;i=fi.length) { n=0; } } for(let i=0;i=150) { emogies.splice(i,1); } } for(let i=0;i

1.5k followers 🎉🎊😍