Viewing Program

Program Data

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

Title	5-Color Loading Symbols: The Third
ID	6399085968818176
Created	7 years ago, 1514645633691
Updated	7 years ago, 1514761775942
Code	/ Link to the first collection: https://www.khanacademy.org/computer-programming/5-color-loading-symbols/5872717037502464 Link to the second collection: https://www.khanacademy.org/computer-programming/more-5-color-loading-symbols/4821624567824384 / // Are you kidding me... another 1000 Kelvin? O.o // This is my second program to pass 100 votes o.O noStroke(); smooth(); var scene = 0; var howManyThings = 8; var colors = [ color(0, 13, 41), color(17, 140, 139), color(188, 161, 141), color(212, 116, 107), color(241, 77, 73) ]; { var newtons_cradle = function(x, y, l){ pushMatrix(); translate(x, y); rectMode(CORNER); pushMatrix(); translate(100, 0); fill(200); if(sin(frameCount * 4) <= 0){ rotate(sin(frameCount * 4) * 20); } else{ rotate(0); } rect(-1, 0, 2, l); fill(colors[4]); ellipse(0, l, 50, 50); popMatrix(); pushMatrix(); translate(-100, 0); fill(200); if(sin(-(frameCount * 4) + 180) >= 0){ rotate(sin(-(frameCount * 4) + 180) * 20); } else{ rotate(0); } rect(-1, 0, 2, l); fill(colors[0]); ellipse(0, l, 50, 50); popMatrix(); for(var i = 1; i <= 3; i ++){ pushMatrix(); translate((i - 2) * 50, 0); rotate(sin(frameCount * 4)); fill(200); rect(-1, 0, 2, l); fill(colors[i]); ellipse(0, l, 50, 50); popMatrix(); } popMatrix(); }; // This is for you, Tobi :) var square_sin = function(x, y){ pushMatrix(); translate(x, y); for(var q = 0; q <= 4; q ++){ fill(colors[q]); rect((q - 2.5) * 50, 50, 50, -100 -sin((frameCount + (q * 10)) * 5) * 20); } popMatrix(); }; var ripple = function(x, y){ noFill(); pushMatrix(); translate(x, y); for(var k = 0; k <= 4; k ++){ strokeWeight(5); stroke(colors[k]); ellipse(0, 0, 150 + sin((frameCount + (k * 20) * 5)) * 100, 150 - sin((frameCount + (k * 20) * 5)) * 100); } popMatrix(); }; var rockets = function(x, y){ var allRockets = []; pushMatrix(); translate(x, y); var Rocket = function(left, down, cV, s){ this.left = left; this.down = down; this.cV = cV; this.s = s; }; Rocket.prototype.draw = function() { pushMatrix(); translate(this.left + random(-0.5, 0.5), this.down + random(-1, 1) + sin((frameCount + this.s) * 2) * 20); fill(colors[this.cV]); triangle(0, -25, 20, 15, -20, 15); fill(240); ellipse(0, 0, 10, 10); fill(255, 128, 32); triangle(10, 20, -10, 20, 0, 30 + random(-1, 5)); popMatrix(); }; for(var o = 0; o <= 4; o ++){ allRockets.push(new Rocket((o - 2) * 75, 0, o, o * 100)); allRockets[o].draw(); } popMatrix(); }; var leaves = function(x, y){ pushMatrix(); translate(x, y); for(var i = 0; i <= 4; i ++){ pushMatrix(); rotate(i * 72 + frameCount); fill(colors[i]); pushMatrix(); translate(0, sin(frameCount * 2) * 10); beginShape(); vertex(0, -40); bezierVertex(-10, -60, 30, -80, 50, -70); bezierVertex(45, -50, 30, -25, 3, -37); vertex(20, -50); endShape(CLOSE); popMatrix(); popMatrix(); } popMatrix(); }; var towers = function(x, y){ pushMatrix(); translate(x, y); { pushMatrix(); translate(-200, sin(frameCount * 5) * 5); fill(colors[0]); beginShape(); vertex(0, -40); vertex(5, -35); vertex(0, -30); vertex(35, -10); vertex(40, -5); vertex(40, 0); vertex(35, 5); vertex(-35, 5); vertex(-40, 0); vertex(-40, -5); vertex(-35, -10); vertex(0, -30); vertex(-5, -35); endShape(CLOSE); rect(-35, 4, 70, 6); rect(-30, 8, 60, 7); rect(-35, 12, 70, 28); popMatrix(); } // Tower 1 (The Bronze Sea's Guard) { pushMatrix(); translate(-100, sin((frameCount + 350) * 5) * 5); fill(colors[1]); quad(-10, -40, 10, -40, 20, -30, -20, -30); rect(5, -30, 5, 5); rect(-10, -30, 5, 5); quad(-20, -25, -40, 0, 40, 0, 20, -25); rect(-35, -1, 70, 41); popMatrix(); } // Tower 2 (Secret's Keep) { pushMatrix(); translate(0, sin((frameCount + 340) * 5) * 5); fill(colors[2]); beginShape(); vertex(30, -35); vertex(35, 10); vertex(40, 7); vertex(40, 12); vertex(35, 15); vertex(-35, 15); vertex(-40, 12); vertex(-40, 7); vertex(-35, 10); vertex(-30, -35); endShape(CLOSE); for(var i = -20; i <= 20; i += 13){ rect(i - 3, -40, 7, 5); } rect(-35, 14, 70, 5); rect(-30, 18, 60, 4); rect(-35, 21, 70, 19); fill(0, 0, 0, 20); popMatrix(); } // Tower 3 (Barswick Spire) { pushMatrix(); translate(100, sin((frameCount + 330) * 5) * 5); fill(colors[3]); quad(0, -40, 5, -35, 0, -30, -5, -35); arc(0, 20, 80, 100, -180, 0); rect(-35, 19, 70, 7); rect(-40, 25, 80, 15); popMatrix(); } // Tower 4 (Moondust Stronghold) { pushMatrix(); translate(200, sin((frameCount + 320) * 5) * 5); fill(colors[4]); beginShape(); vertex(35, -10); vertex(40, -5); vertex(40, 0); vertex(35, 5); vertex(-35, 5); vertex(-40, 0); vertex(-40, -5); vertex(-35, -10); vertex(-5, -30); vertex(0, -40); vertex(5, -30); endShape(CLOSE); for(var i = -26; i <= 30; i += 17){ rect(i - 3, 5, 7, 10); } rect(-35, 12, 70, 28); popMatrix(); } // Tower 5 (Terra's Eye) popMatrix(); }; var pentagon = function(x, y){ pushMatrix(); translate(x, y); for(var w = 0; w <= 4; w ++){ pushMatrix(); rotate((w * 72) + frameCount); fill(colors[w]); triangle(0, 0, 20, -50, -20, -50); quad(0, -80, 5, -85, 0, -90, -5, -85); popMatrix(); } for(var w = 0; w <= 4; w ++){ pushMatrix(); rotate((w * 72) - frameCount); fill(colors[w]); triangle(0, -70, 20, -50, -20, -50); popMatrix(); } popMatrix(); }; var pinwheel = function(x, y){ pushMatrix(); translate(x, y); fill(200); rect(-10, 0, 20, width - y); for(var p = 0; p <= 4; p ++){ pushMatrix(); rotate((frameCount + (30 + sin(frameCount * 2) * 30)) + p * 72); fill(colors[p]); triangle(0, 0, 150, 100, -28, 100); fill(0, 0, 0, 50); triangle(0, 0, 60, 100, -28, 100); fill(colors[p]); triangle(0, 0, 50, 105, -28, 100); popMatrix(); } fill(200); ellipse(0, 0, 50, 50); popMatrix(); }; } // Actual animations in here draw = function() { noStroke(); background(240); switch(scene){ case 0: newtons_cradle(250, 0, 250); break; case 1: square_sin(250, 250); break; case 2: ripple(250, 250); break; case 3: rockets(250, 250); break; case 4: leaves(250, 250); break; case 5: towers(250, 250); break; case 6: pentagon(250, 250); break; case 7: pinwheel(250, 250); break; } // Just learned how to use switch xP if(scene >= howManyThings){ scene -= howManyThings; } }; mouseClicked = function(){ scene ++; };
Folds	20,26,28,410,412,455,457,459
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLzw9P2uCww
Votes	242
Spin-Offs	8
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	RandomProgrammer24
Author Name	RP2Four
Author ID	kaid_452123408199832603770169
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739457485756
Updated	6 months ago, 1739457485756
Source Deleted	unknown