Viewing Program

Program Data

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

Title	Sing your heart out - NitOwl007 and TNT guy collab
ID	5655671329472512
Created	4 years ago, 1616082833975
Updated	4 years ago, 1616083367374
Code	/*** * * I did the OOP, the guitar and the notes * * NitOwl007 did the marshmello * * Subscribe to both of us if you liked this * TNT guy: * https://www.khanacademy.org/computer-programming/pixel-subpage-re-release/6496762710081536 * NitOwl: * https://www.khanacademy.org/computer-programming/nitowl007s-subscription-page/6082510550433792 * **/ var c = color(252, 254, 252); var blink = 0; var time = 0; var customRect = function(x, y, w, h, r, radius1, radius2, radius3, radius4) { pushMatrix(); translate(x, y); rotate(r); rect(0, 0, w, h, radius1, radius2, radius3, radius4); popMatrix(); }; var customEllipse = function(x, y, w, h, r) { pushMatrix(); translate(x, y); rotate(r); ellipse(0, 0, w, h); popMatrix(); }; var callsBlink = function() { fill(c); rect(-7, -146, 23, 0 + blink); customRect(-88, -122, 23, 0 + blink, -24); //blinks if(blink < 72) { blink = lerp(blink, 75, 0.15); blink = round(blink); if (blink >= 67) { blink = 1; } } }; var guitar = function(x, y, r, s) { pushMatrix(); translate(x,y); scale(s); rotate(r); //bottom base stroke(133, 53, 22); strokeWeight(4); fill(255, 193, 94); ellipse(0,0,90,90); rect(27,-45,73,90,60); noStroke(); ellipse(29,1,50,60); stroke(133, 53, 22); strokeWeight(4); //top ellipse(0,-10,90,90); rect(27,-55,73,90,60); noStroke(); ellipse(29,-10,50,60); stroke(133, 53, 22); strokeWeight(4); //thing at the end rect(140,-24,53,42,40); rect(140,-32,53,42,40); //circle and the long thing fill(207, 128, 50); ellipse(0,-10,46,46); rect(-5,-23,10,24); rect(8,-21,140,20); rect(171,-22,10,22,40); //strings stroke(133, 53, 22); strokeWeight(1); for(var i=-16;i<-3;i+=5){ line(-3,i,171,i); } strokeWeight(3); stroke(133, 53, 22); for(var i=158;i<185;i+=9){ line(i,-40,i,-32); ellipse(i,-40,7,7); line(i,12,i,26); ellipse(i,28,7,7); } popMatrix(); }; var note = function(x, y, r) { pushMatrix(); translate(x,y); rotate(r); stroke(89, 40, 0); strokeWeight(4); line(0,-10,0,10); noFill(); ellipse(-4,12,8,8); arc(2,-25,30,30,46,94); arc(2,-19,30,30,46,94); noStroke(); popMatrix(); }; var note2 = function(x, y, r) { pushMatrix(); translate(x,y); rotate(r); stroke(89, 40, 0); strokeWeight(4); line(-12,-10,12,-10); fill(89,40,0); ellipse(-22,11,8,8); ellipse(3,11,8,8); noFill(); arc(6,-8,14,40,0,81); arc(-19,-8,14,40,0,81); noStroke(); popMatrix(); }; var musicNote = function(x, y, r) { this.x=x; this.y=y; this.r=r; this.n=random(0,100); this.ychange=random(-4,2); this.speed=random(3,5); }; musicNote.prototype.rain = function() { this.x+=this.speed; this.speed+=0.02; this.y+=this.ychange; this.r+=this.speed; if(this.n<50){ note(this.x,this.y,this.r); }else{ note2(this.x,this.y,this.r); } }; var cuteThing = (function() { background(0, 0); strokeWeight(3); stroke(133, 53, 22); beginShape(); vertex(143, 279); bezierVertex(89, 265, 44, 233, 54, 157); bezierVertex(70, 78, 131, 73, 155, 66); bezierVertex(217, 57, 245, 73, 268, 96); bezierVertex(334, 177, 292, 232, 251, 254); bezierVertex(269, 262, 291, 284, 271, 287); vertex(266, 338); bezierVertex(284, 359, 270, 369, 241, 358); bezierVertex(235, 353, 232, 374, 191, 374); bezierVertex(187, 386, 174, 404, 156, 363); endShape(CLOSE); noStroke(); // eyes fill(133, 53, 22); ellipse(124, 164, 22, 22); ellipse(202, 149, 22, 22); noFill(); stroke(133, 53, 22); strokeWeight(3); // stem bezier(156, 67, 153, 58, 154, 50, 145, 45); // leaves fill(155, 217, 131); bezier(145, 45, 202, 36, 154, -2, 144, 44); bezier(145, 45, 94, 80, 103, 15, 144, 44); guitar(179, 328, -18, 0.94); stroke(133, 53, 22); fill(c); ellipse(276, 296, 24, 19); return get(); })(); var arm = (function() { background(0, 0); stroke(133, 53, 22); strokeWeight(3); fill(c); beginShape(); vertex(136, 271); bezierVertex(128, 289, 132, 317, 148, 318); bezierVertex(176, 311, 144, 279, 155, 272); endShape(); return get(); })(); var Notes=[]; draw= function() { time += 1 / 60; background(255, 255, 255); pushMatrix(); translate(197, 280); rotate(10 + sin(frameCount 6) * 13); image(cuteThing, -197, -280); pushMatrix(); translate(-47, -9 + sin(frameCount * 8) * 2); rotate(0 + sin(frameCount * 8) * 16); image(arm, -147, -273); popMatrix(); noStroke(); if(time >= 3){ callsBlink(); if (blink === 1) { time = random(2, 0); } } //blush fill(255, 151, 82, 80); customEllipse(-90, -102, 30, 19, -19); customEllipse(29, -130, 30, 19, -1); //mouth fill(244, 161, 147); stroke(133, 53, 22); strokeWeight(2); customRect(-41, -121, 21, 18 + sin(frameCount * 12) * 10, -15, 10, 10, 10, 10, 10); //nose pushMatrix(); translate(-198, -280); stroke(133, 53, 22); strokeWeight(3); fill(c); bezier(153, 157, 151, 164, 167, 171, 167, 153); bezier(181, 147, 192, 164, 168, 163, 167, 153); popMatrix(); popMatrix(); if(frameCount % 40===0){ for(var g=0;g<1;g++){ Notes.push(new musicNote(281,73,random(0,360))); } } if(frameCount % 120===0){ for(var g=0;g<4;g++){ Notes.push(new musicNote(281,113,random(0,360))); } } for(var t=0;t<Notes.length;t++){ Notes[t].rain(); if(Notes[t].x>691){ Notes.splice(t,1); } } };
Folds	17,23,24,31,32,45,47,93,94,107,108,123,124,131,132,142,144,189,190,205
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3E2fmFCgw
Votes	234
Spin-Offs	2
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TNT Guy [bio]
Author Name	purpleMushroom
Author ID	kaid_18529771668022853937763
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739400086425
Updated	10 months ago, 1739400086425
Source Deleted	unknown