Viewing Program

Program Data

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

Title	Color (Updated)
ID	6164137789489152
Created	10 years ago, 1445004079521
Updated	8 years ago, 1492304798023
Code	/** * Color - WillTheProgrammer * September 2015 * * Click on the color different from the rest. * * Updated April 2017: * > 1/3 as many lines * > Better graphics * > Removed lose screen / var scene = 1; var correct = false; var incorrect = false; var redTrans = 0; var clicked = false; mouseClicked = function() { clicked = true; }; draw = function() { cursor(ARROW); pushMatrix(); if (incorrect) { translate(sin(frameCount 100) * 5, 0); } if (scene === 1) { background(204, 204, 204); strokeWeight(2); pushMatrix(); if (dist(200, 297, mouseX, mouseY) < 50) { cursor(HAND); translate(200, 191); scale(1.1); translate(-200, -200); if (clicked) { scene++; clicked = false; } } fill(36, 217, 9); noStroke(); ellipse(200, 297, 100, 100); strokeWeight(5); stroke(9, 176, 0); arc(200, 297, 95, 95, 17, 102); popMatrix(); fill(0, 0, 0); textFont(createFont("monospace"), 110); textAlign(CENTER); text("Color", 200, 120); textFont(createFont("Century Gothic"), 40); pushMatrix(); if (dist(200, 297, mouseX, mouseY) < 50) { translate(200, 191); scale(1.1); translate(-200, -200); } text("Play", 200, 309); popMatrix(); stroke(156, 156, 156); strokeWeight(1); line(75, 180, 325, 180); } else if (scene === 2) { background(250, 190, 190); fill(77, 0, 0); textSize(50); text("Level 1", 200, 60); stroke(199, 6, 6); strokeWeight(2); fill(225, 20, 5); ellipse(250, 250, 70, 70); fill(255, 0, 0); ellipse(150, 150, 70, 70); ellipse(250, 150, 70, 70); ellipse(150, 250, 70, 70); if (clicked && dist(250, 250, mouseX, mouseY) < 37 && !correct) { correct = true; clicked = false; } } else if (scene === 3) { background(204, 231, 255); textSize(50); fill(0, 21, 74); text("Level 2", 200, 60); fill(0, 174, 255); stroke(0, 63, 179); pushMatrix(); translate(35, 6); scale(0.8); for (var i = 0; i < 3; i++) { ellipse(100 + i * 105, 200, 70, 70); ellipse(100 + i * 105, 308, 70, 70); } fill(60, 149, 201); ellipse(310, 200, 70, 70); popMatrix(); if (clicked && dist(283, 166, mouseX, mouseY) < 30 && !correct) { correct = true; clicked = false; } } else if (scene === 4) { background(250, 245, 147); textSize(50); fill(54, 52, 6); text("Level 3", 200, 60); stroke(183, 189, 0); fill(238, 255, 0); pushMatrix(); translate(35, -36); scale(0.8); for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { ellipse(100 + i * 105, 200 + j * 105, 70, 70); } } fill(254, 254, 47); ellipse(100, 200, 70, 70); popMatrix(); if (clicked && dist(115, 124, mouseX, mouseY) < 30 && !correct) { correct = true; clicked = false; } } else if (scene === 5) { background(114, 255, 107); textSize(50); fill(2, 115, 2); text("Level 4", 200, 60); stroke(1, 102, 1); fill(40, 184, 4); pushMatrix(); translate(35, -36); scale(0.75); for (var i = 0; i < 4; i++) { for (var j = 0; j < 3; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(3, 161, 3); ellipse(165, 305, 70, 70); popMatrix(); if (clicked && dist(159, 193, mouseX, mouseY) < 28 && !correct) { correct = true; clicked = false; } } else if (scene === 6) { background(209, 171, 205); textSize(50); fill(82, 0, 74); text("Level 5", 200, 60); stroke(92, 0, 87); fill(171, 0, 151); pushMatrix(); translate(35, -36); scale(0.75); for (var i = 0; i < 4; i++) { for (var j = 0; j < 4; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(176, 10, 173); ellipse(270, 410, 70, 70); popMatrix(); if (clicked && dist(237, 271, mouseX, mouseY) < 28 && !correct) { correct = true; clicked = false; } } else if (scene === 7) { background(255, 170, 79); fill(148, 69, 0); textSize(50); text("Level 6", 200, 60); stroke(158, 68, 0); fill(255, 132, 0); pushMatrix(); translate(23, -9); scale(0.65); for (var i = 0; i < 5; i++) { for (var j = 0; j < 4; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(255, 147, 5); ellipse(480, 410, 70, 70); popMatrix(); if (clicked && dist(335, 258, mouseX, mouseY) < 24 && !correct) { correct = true; clicked = false; } } else if (scene === 8) { background(173, 255, 185); fill(0, 54, 23); textSize(50); text("Level 7", 200, 60); fill(54, 224, 108); stroke(0, 69, 30); pushMatrix(); translate(23, 1); scale(0.55); for (var i = 0; i < 6; i++) { for (var j = 0; j < 5; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(0, 214, 89); ellipse(480, 410, 70, 70); popMatrix(); if (clicked && dist(287, 227, mouseX, mouseY) < 22 && !correct) { correct = true; clicked = false; } } else if (scene === 9) { background(255, 163, 234); fill(87, 30, 80); textSize(50); text("Level 8", 200, 60); fill(255, 0, 238); stroke(115, 0, 84); pushMatrix(); translate(12, 1); scale(0.5); for (var i = 0; i < 7; i++) { for (var j = 0; j < 5; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(255, 61, 237); ellipse(690, 305, 70, 70); popMatrix(); if (clicked && dist(357, 153, mouseX, mouseY) < 19 && !correct) { correct = true; clicked = false; } } else if (scene === 10) { background(175, 148, 255); fill(0, 12, 89); textSize(50); text("Level 9", 200, 60); stroke(6, 0, 48); fill(50, 95, 209); pushMatrix(); translate(12, 1); scale(0.5); for (var i = 0; i < 7; i++) { for (var j = 0; j < 5; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(54, 77, 227); ellipse(270, 515, 70, 70); popMatrix(); if (clicked && dist(147, 259, mouseX, mouseY) < 19 && !correct) { correct = true; clicked = false; } } else if (scene === 11) { background(217, 217, 217); fill(71, 71, 71); textSize(50); text("Level 10", 200, 60); stroke(41, 41, 41); fill(125, 125, 125); pushMatrix(); translate(12, 1); scale(0.5); for (var i = 0; i < 7; i++) { for (var j = 0; j < 5; j++) { ellipse(60 + i * 105, 200 + j * 105, 70, 70); } } fill(104, 104, 114); ellipse(480, 410, 70, 70); popMatrix(); if (clicked && dist(252, 206, mouseX, mouseY) < 19 && !correct) { scene++; } } else if (scene === 12) { background(206, 224, 208); strokeWeight(1); stroke(0, 0, 0); line(100, 100, 300, 100); textFont(createFont("Century Gothic Bold"), 60); fill(0, 0, 0); text("You win!", 200, 75); textFont(createFont("Century Gothic"), 45); text("Nice job! Click\nanywhere to\nrestart.", 200, 211); if (clicked) { scene = 1; } } if (correct) { background(0, 255, 9); fill(0, 163, 5); textSize(77); text("Correct!", 200, 120); textSize(40); text("Click to advance", 200, 370); if (clicked) { scene++; correct = false; clicked = false; } } if (!correct && scene >= 2 && scene <= 11 && clicked) { incorrect = true; } if (incorrect && redTrans < 30) { noStroke(); fill(224, 74, 74, sin(redTrans * 10) * 100); rect(-100, 0, 600, 400); redTrans++; } else if (incorrect) { incorrect = false; redTrans = 0; } if (clicked) { clicked = false; } popMatrix(); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjagsj5Cgw
Votes	194
Spin-Offs	5
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	WillTheProgrammer
Author Name	WillTheProgrammer
Author ID	kaid_519533518564725127068312
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739454222004
Updated	10 months ago, 1739454227207
Source Deleted	unknown