var angles1 = 0; var angles2 = 0; var angles3 = 0; var angles4 = 0; var numClicks = 0; var drawArcs = function() { noFill(); stroke(0, 255, 255); strokeCap(SQUARE); strokeWeight(20); var start1 = 110 + angles1; var start2 = 110 + angles2; var start3 = 110 + angles3; var start4 = 110 + angles4; var end1 = 430 + angles1; var end2 = 430 + angles2; var end3 = 430 + angles3; var end4 = 430 + angles4; arc(200, 200, 200, 200, start1, end1); arc(200, 200, 150, 150, start2, end2); arc(200, 200, 100, 100, start3, end3); arc(200, 200, 50, 50, start4, end4); }; var spinArcs = function() { if (numClicks < 4) { angles4 += 4; } if (numClicks < 3) { angles3 += 3; } if(numClicks < 2) { angles2 += 2; } if(numClicks < 1) { angles1 += 1; } }; var checkWin = function() { if (numClicks > 3){ if (abs(angles1 % 360 - angles2 % 360) < 30 && abs(angles2 % 360 - angles3 % 360) < 30 && abs(angles3 % 360 - angles4 % 360) < 30) { background(0, 255, 0); } else { background(255, 0, 0); } } }; var mouseClicked = function() { numClicks += 1; }; var draw = function() { background(0, 0, 0); spinArcs(); checkWin(); drawArcs(); };