Viewing Program

Program Data

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

Title	optical illusions
ID	4544632621629440
Created	10 years ago, 1421124386594
Updated	10 years ago, 1421614048893
Code	// thank you so much for getting this on the hot list //this is my first program with over 50 votes //every 50 votes there will be a new Illusion //10 votes: done //15 votes: done //20 votes: done //30 votes: done //40 votes: done //50 votes: done //100 votes: done //150 votes: done //200 votes: done //250 votes: done //300 votes: not done //1000 votes: jk //play my game here: // https://www.khanacademy.org/computer-programming/oh-noes-fall-v45/4820667626422272 /************************************************************************************************\ \| Please rate up I spent a lot of time on this \| \| click on the right side of canvas to go to the next page \| \| click on the left side of canvas to go to the previus page \| \| to go back one page click restart and click until you find the correct Optical Illusion \| \************************************************************************************************/ var x = 0; var what = false; var num = 0; var farow = function(x, y) { pushMatrix(); translate(x, y); fill(164, 176, 0); noStroke(); triangle(20, -20, 53, 0, 20, 20); rect(-10, -10, 30, 20); popMatrix(); }; var barow = function(x, y) { pushMatrix(); translate(x, y); fill(164, 176, 0); noStroke(); triangle(20, -20, -10, 0, 20, 20); rect(20, -10, 30, 20); popMatrix(); }; draw = function() { if (num === 0) { colorMode(HSB); noStroke(); fill(x%255, 255, 255); rect(0, 0, 400, 400); var f = createFont("Times-New-Roman"); textFont(f); textSize(50); fill(255, 0, 0); text("Optical Illusions",25, 100); textSize(30); fill(255, 0, 0); text("By Kai Fronsdal",88, 129); textSize(20); fill(255, 0, 0); text("Click on Right Side of Page to go Forward\nClick on Left Side of Page to go Backward",15, 339); } if (num === 1) { colorMode(RGB); background(0, 0, 0); stroke(255, 255, 255, 100); strokeWeight(14); line(40, 0, 40, 400); line(80, 0, 80, 400); line(120, 0, 120, 400); line(160, 0, 160, 400); line(200, 0, 200, 400); line(240, 0, 240, 400); line(280, 0, 280, 400); line(320, 0, 320, 400); line(360, 0, 360, 400); line(0, 40, 400, 40); line(0, 80, 400, 80); line(0, 120, 400, 120); line(0, 160, 400, 160); line(0, 200, 400, 200); line(0, 240, 400, 240); line(0, 280, 400, 280); line(0, 320, 400, 320); line(0, 360, 400, 360); stroke(255, 255, 255); strokeWeight(19); point(40, 40); point(40, 80); point(40, 120); point(40, 160); point(40, 200); point(40, 240); point(40, 280); point(40, 320); point(40, 360); point(80, 40); point(80, 80); point(80, 120); point(80, 160); point(80, 200); point(80, 240); point(80, 280); point(80, 320); point(80, 360); point(120, 40); point(120, 80); point(120, 120); point(120, 160); point(120, 200); point(120, 240); point(120, 280); point(120, 320); point(120, 360); point(160, 40); point(160, 80); point(160, 120); point(160, 160); point(160, 200); point(160, 240); point(160, 280); point(160, 320); point(160, 360); point(200, 40); point(200, 80); point(200, 120); point(200, 160); point(200, 200); point(200, 240); point(200, 280); point(200, 320); point(200, 360); point(240, 40); point(240, 80); point(240, 120); point(240, 160); point(240, 200); point(240, 240); point(240, 280); point(240, 320); point(240, 360); point(280, 40); point(280, 80); point(280, 120); point(280, 160); point(280, 200); point(280, 240); point(280, 280); point(280, 320); point(280, 360); point(320, 40); point(320, 80); point(320, 120); point(320, 160); point(320, 200); point(320, 240); point(320, 280); point(320, 320); point(320, 360); point(360, 40); point(360, 80); point(360, 120); point(360, 160); point(360, 200); point(360, 240); point(360, 280); point(360, 320); point(360, 360); rect(0, 0, 400, 15); fill(255, 0, 0); textSize(24); text("count the black dots", 102, 21); } if (num === 2) { fill(255, 255, 255); noStroke(); rect(0, 0, 400, 400); strokeWeight(5); stroke(0, 0, 0); line(100, 100, 300, 100); line(100, 300, 300, 300); line(100, 100, 150, 50); line(100, 100, 150, 150); line(300, 100, 250, 50); line(300, 100, 250, 150); line(100, 300, 50, 250); line(100, 300, 50, 350); line(300, 300, 350, 250); line(300, 300, 350, 350); } if (num === 3) { fill(255, 255, 255); noStroke(); rect(0, 0, 400, 400); strokeWeight(5); stroke(0, 0, 0); line(100, 100, 300, 100); line(100, 300, 300, 300); line(100, 100, 150, 50); line(100, 100, 150, 150); line(300, 100, 250, 50); line(300, 100, 250, 150); line(100, 300, 50, 250); line(100, 300, 50, 350); line(300, 300, 350, 250); line(300, 300, 350, 350); stroke(255, 0, 0); line(300, 0, 300, 400); line(100, 0, 100, 400); } if (num === 4) { noStroke(); fill(255, 255, 255); rect(0, 0, 400, 400); strokeWeight(5); stroke(0, 0, 0); line(22, 169, 282, 49); line(363, 164, 282, 49); ellipse(27, 185, 19, 34); line(34, 200, 266, 91); line(307, 149, 266, 91); line(261, 132, 266, 92); line(261, 132, 63, 224); line(261, 132, 282, 160); line(306, 151, 72, 258); ellipse(69, 240, 18, 34); line(363, 164, 116, 278); line(364, 164, 359, 201); line(126, 310, 359, 202); ellipse(120, 294, 18, 34); } if (num === 5) { fill(255, 255, 255); noStroke(); rect(0, 0, 400, 400); stroke(0, 0, 0); strokeWeight(1); line(0, 40, 400, 40); line(0, 90, 400, 90); line(0, 140, 400, 140); line(0, 190, 400, 190); line(0, 240, 400, 240); line(0, 290, 400, 290); line(0, 340, 400, 340); fill(0, 0, 0); rect(10, 0, 40, 40); rect(90, 0, 40, 40); rect(170, 0, 40, 40); rect(250, 0, 40, 40); rect(330, 0, 40, 40); rect(40, 40, 40, 50); rect(120, 40, 40, 50); rect(200, 40, 40, 50); rect(280, 40, 40, 50); rect(360, 40, 40, 50); rect(10, 90, 40, 50); rect(90, 90, 40, 50); rect(170, 90, 40, 50); rect(250, 90, 40, 50); rect(330, 90, 40, 50); rect(40, 140, 40, 50); rect(120, 140, 40, 50); rect(200, 140, 40, 50); rect(280, 140, 40, 50); rect(360, 140, 40, 50); rect(10, 190, 40, 50); rect(90, 190, 40, 50); rect(170, 190, 40, 50); rect(250, 190, 40, 50); rect(330, 190, 40, 50); rect(40, 240, 40, 50); rect(120, 240, 40, 50); rect(200, 240, 40, 50); rect(280, 240, 40, 50); rect(360, 240, 40, 50); rect(10, 290, 40, 50); rect(90, 290, 40, 50); rect(170, 290, 40, 50); rect(250, 290, 40, 50); rect(330, 290, 40, 50); rect(40, 340, 40, 60); rect(120, 340, 40, 60); rect(200, 340, 40, 60); rect(280, 340, 40, 60); rect(360, 340, 40, 60); } if (num === 6) { fill(255, 255, 255); noStroke(); rect(0, 0, 400, 400); stroke(0, 0, 0); strokeWeight(1); line(0, 40, 400, 40); line(0, 90, 400, 90); line(0, 140, 400, 140); line(0, 190, 400, 190); line(0, 240, 400, 240); line(0, 290, 400, 290); line(0, 340, 400, 340); } if (num === 7) { fill(255, 255, 255); strokeWeight(1); rect(-1, -1, 403, 407); stroke(0, 0, 0); line(0, 0, 200, 200); line(40, 0, 200, 200); line(80, 0, 200, 200); line(120, 0, 200, 200); line(160, 0, 200, 200); line(200, 0, 200, 200); line(240, 0, 200, 200); line(280, 0, 200, 200); line(320, 0, 200, 200); line(360, 0, 200, 200); line(400, 0, 200, 200); line(0, 40, 200, 200); line(0, 80, 200, 200); line(0, 120, 200, 200); line(0, 160, 200, 200); line(0, 200, 200, 200); line(0, 240, 200, 200); line(0, 280, 200, 200); line(0, 320, 200, 200); line(0, 360, 200, 200); line(0, 400, 200, 200); line(40, 400, 200, 200); line(80, 400, 200, 200); line(120, 400, 200, 200); line(160, 400, 200, 200); line(200, 400, 200, 200); line(240, 400, 200, 200); line(280, 400, 200, 200); line(320, 400, 200, 200); line(360, 400, 200, 200); line(400, 400, 200, 200); line(400, 40, 200, 200); line(400, 80, 200, 200); line(400, 120, 200, 200); line(400, 160, 200, 200); line(400, 200, 200, 200); line(400, 240, 200, 200); line(400, 280, 200, 200); line(400, 320, 200, 200); line(400, 360, 200, 200); fill(0, 0, 0); ellipse(200, 200, 60, 60); strokeWeight(10); line(0, 150, 400, 150); line(0, 250, 400, 250); } if (num === 8) { fill(255, 255, 255); rect(-10, -10, 450, 450); fill(0, 0, 0); ellipse(200, 200, 50, 50); strokeWeight(10); stroke(0, 0, 0); line(0, 150, 400, 150); line(0, 250, 400, 250); } if (num === 9) { fill(255, 255, 255); rect(-39, -53, 511, 505); fill(255, 255, 255); stroke(0, 0, 0); triangle(200, 10, 350, 275, 50, 275); fill(0, 0, 0); ellipse(50, 100, 40, 40); ellipse(350, 100, 40, 40); ellipse(200, 350, 40, 40); noStroke(); fill(255, 255, 255); triangle(50, 100, 350, 100, 200, 350); fill(255, 0, 0); textSize(25); text("how many \ntriangles are \nthere?", 15, 17); textSize(17); text("Answer:\nthere are no triangles \njust 3 V shapes and \nthree shapes that look \nlike pac-men", 241, 309); } if (num === 10) { fill(255, 255, 255); rect(-39, -53, 511, 505); fill(255, 255, 255); stroke(0, 0, 0); strokeWeight(4); line(400, 400, 0, 0); rect(150, -12, 100, 424); line(250, 227, 422, 400); fill(255, 0, 0); textSize(29); text("A",100, 84); text("B",307, 274); text("C",337, 389); text("Which \nline \nconects \nwith line A",5, 128); } if (num === 11) { fill(255, 255, 255); rect(-39, -53, 511, 505); fill(255, 255, 255); stroke(0, 0, 0); strokeWeight(4); line(400, 400, 0, 0); rect(150, -12, 100, 424); line(250, 227, 422, 400); fill(255, 0, 0); textSize(29); text("A",100, 84); text("B",307, 274); text("C",337, 389); text("Which \nline conects \nwith line A\n\n\n\nIts actualy \nline C",5, 128); stroke(0, 68, 255); line(150, 150, 250, 250); } if (num === 12) { fill(255, 255, 255); rect(-39, -53, 511, 505); fill(255, 255, 255); stroke(0, 0, 0); strokeWeight(4); line(80, 40, 340, 150); line(80, 360, 340, 250); line(80, 150, 340, 180); line(80, 253, 340, 214); line(300, 136, 300, 264); line(250, 111, 250, 288); line(180, 81, 180, 315); line(80, 41, 80, 358); line(80, 40, 0, 82); line(80, 360, 0, 320); line(340, 150, 400, 142); line(340, 250, 400, 256); line(340, 214, 400, 218); line(340, 180, 400, 178); line(80, 150, 0, 164); line(80, 254, 0, 243); stroke(255, 0, 0); line(80, 150, 80, 250); line(340, 150, 340, 250); stroke(0, 21, 255); } if (num === 13) { fill(255, 255, 255); rect(-39, -53, 511, 505); fill(255, 255, 255); stroke(0, 0, 0); strokeWeight(4); line(80, 40, 340, 150); line(80, 360, 340, 250); line(80, 150, 340, 180); line(80, 253, 340, 214); line(300, 136, 300, 264); line(250, 111, 250, 288); line(180, 81, 180, 315); line(80, 41, 80, 358); line(80, 40, 0, 82); line(80, 360, 0, 320); line(340, 150, 400, 142); line(340, 250, 400, 256); line(340, 214, 400, 218); line(340, 180, 400, 178); line(80, 150, 0, 164); line(80, 254, 0, 243); stroke(255, 0, 0); line(80, 150, 80, 250); line(340, 150, 340, 250); stroke(255, 255, 255); fill(255, 255, 0); strokeWeight(1); rect(0, 142, 400, 5); rect(0, 252, 400, 5); } if (num === 14) { background(255, 255, 255); noFill(); stroke(0, 0, 0); strokeWeight(5); for (var i = 118; i < 306; i+=28) { ellipse(i, 200, 194, 194); } text("which way do you look \n through the tube\nthe left side or right side\n\n\n\n\n\n\npost in tips and thanks", 59, 28); } if (num === 15) { background(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); noFill(); ellipse(200, 200, 300, 300); fill(255, 255, 255); strokeWeight(1); rect(-1, -1, 403, 407); stroke(0, 0, 0); line(0, 0, 200, 200); line(40, 0, 200, 200); line(80, 0, 200, 200); line(120, 0, 200, 200); line(160, 0, 200, 200); line(200, 0, 200, 200); line(240, 0, 200, 200); line(280, 0, 200, 200); line(320, 0, 200, 200); line(360, 0, 200, 200); line(400, 0, 200, 200); line(0, 40, 200, 200); line(0, 80, 200, 200); line(0, 120, 200, 200); line(0, 160, 200, 200); line(0, 200, 200, 200); line(0, 240, 200, 200); line(0, 280, 200, 200); line(0, 320, 200, 200); line(0, 360, 200, 200); line(0, 400, 200, 200); line(40, 400, 200, 200); line(80, 400, 200, 200); line(120, 400, 200, 200); line(160, 400, 200, 200); line(200, 400, 200, 200); line(240, 400, 200, 200); line(280, 400, 200, 200); line(320, 400, 200, 200); line(360, 400, 200, 200); line(400, 400, 200, 200); line(400, 40, 200, 200); line(400, 80, 200, 200); line(400, 120, 200, 200); line(400, 160, 200, 200); line(400, 200, 200, 200); line(400, 240, 200, 200); line(400, 280, 200, 200); line(400, 320, 200, 200); line(400, 360, 200, 200); noFill(); ellipse(200, 200, 350, 350); stroke(255, 255, 255); strokeWeight(120); ellipse(200, 200, 470, 470); fill(0, 0, 0); noStroke(); ellipse(200, 200, 40, 40); noFill(); stroke(0, 0, 0); strokeWeight(1); ellipse(126, 278, 100, 100); } if (num === 16) { background(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); noFill(); ellipse(200, 200, 300, 300); fill(255, 255, 255); strokeWeight(1); rect(-1, -1, 403, 407); stroke(0, 0, 0); noFill(); ellipse(200, 200, 350, 350); stroke(255, 255, 255); strokeWeight(120); ellipse(200, 200, 470, 470); fill(0, 0, 0); noStroke(); ellipse(200, 200, 40, 40); noFill(); stroke(0, 0, 0); strokeWeight(1); ellipse(126, 278, 100, 100); } if (num === 17) { background(196, 0, 196); for (var i = 20; i < 380; i+=80) { farow(i, 100); farow(i, 150); farow(i, 300); farow(i, 100); barow(i, 50); barow(i, 200); barow(i, 250); } } if (num === 18) { background(255, 255, 255); fill(255, 0, 0); ellipse(200, 100, 30, 30); ellipse(200, 300, 30, 30); fill(0, 0, 0); ellipse(200-80, 100, 50, 50); ellipse(200-57, 100-56, 50, 50); ellipse(200, 100-80, 50, 50); ellipse(200-57, 100+57, 50, 50); ellipse(200, 100+80, 50, 50); ellipse(200+57, 100+57, 50, 50); ellipse(200+80, 100, 50, 50); ellipse(200+57, 100-57, 50, 50); ellipse(200-80/2, 300, 10, 10); ellipse(200-57/2, 300-56/2, 10, 10); ellipse(200, 300-80/2, 10, 10); ellipse(200-57/2, 300+57/2, 10, 10); ellipse(200, 300+80/2, 10, 10); ellipse(200+57/2, 300+57/2, 10, 10); ellipse(200+80/2, 300, 10, 10); ellipse(200+57/2, 300-57/2, 10, 10); } if (num === 19) { fill(0, x, 0); noStroke(); rect(0, 0, 400, 400); fill(255, 0, 255); strokeWeight(4); text("Thanks for viewing\n",75, 100); } x+=0.5; mouseClicked = function() { if (mouseX < 200 && num > 0) { num -= 1; } if (mouseX > 200 && num < 19) { num += 1; } }; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLDom6qJCAw
Votes	324
Spin-Offs	1
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6208975591440384","title":"Optical Illusions and Brainteasers No. 2","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	The Air Guard
Author Name	KaiakF
Author ID	kaid_928394020061075780642815
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739363402582
Updated	8 months ago, 1744828922965
Source Deleted	unknown