Viewing Program

Program Data

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

Title	A collection of illusions
ID	4603225896337408
Created	4 years ago, 1623859102528
Updated	4 years ago, 1623883607929
Code	/ WARNING: viewing the hallucinations may cause you to feel dizzy. Also DO NOT VIEW them if you have epilepsy! / /* Some of you may have seen the room shrinking hallucination, I made it before and some of you commented on it. It got on the hl and wasn't even done, so I deleted it. @Credits * @Chromedog11 - all code * @Internet_and_books - the illusions and hallucinations (remade by me) / var scl = { x: width/400, y: height/400 }; scale(scl.x,scl.y); frameRate(0); //{ var particle = function(x,y) { this.x = x; this.y = y; this.past = []; }; particle.prototype.all = function() { this.past.push([this.x+random(-5,5),this.y+random(-5,5)]); this.angle = atan2(200-this.y,200-this.x); strokeWeight(2); stroke(91, 79, 255,dist(this.x,this.y,200,200)); noFill(); beginShape(); for(var i in this.past) { vertex(this.past[i][0],this.past[i][1]); } endShape(); noStroke(); this.x-=cos(this.angle)2; this.y-=sin(this.angle)2; if(this.x>400\|\|this.x<0\|\|this.y>400\|\|this.y<0) { this.x = random(195,205); this.y = random(195,205); } if(this.past.length>10) { this.past.splice(0,1); } }; var particles = []; for(var i = 0; i < 50; i++) { particles.push(new particle(random(400),random(400))); } //} // PARTICLES (LIGHTNING THINGS) //{ var inv = false; var del = 0; var scene = "overall_menu"; var x = 200; var g = createGraphics(width,height,P2D); var a = 0; g.noStroke(); g.rectMode(3); g.background(0,0); g.noStroke(); g.fill(255); g.ellipse(200,200,200,200); var cir = g.get(); //} // SHRINK/GROW HALLUCINATION textFont(createFont("Trebuchet MS"),30); textAlign(3,3); rectMode(3); noStroke(); var going = false; //{ var Button = function(config) { this.x = config.x \|\| 200; this.y = config.y \|\| 200; this.w = config.w \|\| 50; this.w_ = this.w; this.addW = config.addW; this.h = config.h \|\| this.w; this.h_ = this.h; this.addH = config.addH; this.col = config.col \|\| color(255); this.shadeBlack = config.shadeBlack; this.txt = config.txt \|\| "Hi!"; this.txtCol = config.txtCol \|\| color(91,79,255); this.txtFnt = config.txtFnt \|\| createFont("Trebuchet Ms Bold"); this.txtFnt_ = this.txtFnt; this.txtFnt2 = config.txtFnt2 \|\| createFont("Trebucht Ms Bold Italic"); this.txtSz = config.txtSz \|\| 20; this.txtSz_ = this.txtSz; this.addTxtSz = config.addTxtSz \|\| 0; this.del = 0; this.delNeeded = config.delNeeded \|\| 15; this.func = config.func \|\| function() { println("Hi!"); }; }; Button.prototype.display = function() { textAlign(3, 3); textFont(this.txtFnt, this.txtSz); rectMode(3); stroke(this.txtCol); strokeWeight(2); fill(this.col); rect(this.x, this.y, this.w, this.h); fill(this.txtCol); text(this.txt, this.x, this.y); }; Button.prototype.onClick = function() { rectMode(3); stroke(this.txtCol); strokeWeight(2); this.del++; if (mouseX > ((this.xscl.x) - ((this.wscl.x) / 2)) && mouseX < ((this.xscl.x) + ((this.wscl.x) / 2)) && mouseY > ((this.yscl.y) - (this.hscl.y) / 2) && mouseY < ((this.yscl.y) + ((this.hscl.y) / 2))) { cursor("pointer"); if (this.shadeBlack === true) { fill(0, 100); } else { fill(255, 100); } rect(this.x, this.y, this.w, this.h); this.txtFnt = this.txtFnt2; this.w = this.w_ + this.addW; this.h = this.h_ + this.addH; this.txtSz = this.txtSz_ + this.addTxtSz; if (mouseIsPressed && this.del >= this.delNeeded) { this.func(); this.del = 0; } } else { this.txtFnt = this.txtFnt_; this.w = this.w_; this.h = this.h_; this.txtSz = this.txtSz_; } }; var Start = new Button({y:200,w:200,addW:20,h:50,addH:0,shadeBlack:true,txt:"Begin",func:function(){scene="overall_choose";del=0;}}); var Menu = new Button({x:50,y:375,w:100,addW:10,h:50,addH:0,shadeBlack:true,txt:"Menu",func:function(){scene="overall_menu";}}); var Back = new Button({x:50,y:375,w:100,addW:10,h:50,addH:0,shadeBlack:true,txt:"Back",func:function(){scene="overall_choose";}}); var n1 = new Button({x:100,y:75,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Bending Lines",func:function(){scene="bending_lines";}}); var n2 = new Button({x:300,y:75,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Disappearing\nDots",func:function(){scene="disappearing_dots";}}); var n3 = new Button({x:100,y:130,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Square Wedges",func:function(){scene="square_wedges";}}); var n4 = new Button({x:300,y:130,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Is It Rotating?",func:function(){scene="is_it_rotating";println("Look at the cross in the middle and move your head closer and farther away from the screen.");}}); var n5 = new Button({x:200,y:185,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"What color?",func:function(){scene="what_color";}}); var h1 = new Button({x:100,y:275,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Room Shrinks",func:function(){scene="shrink_grow_instruction";inv=false;}}); var h2 = new Button({x:300,y:275,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Room Grows",func:function(){scene="shrink_grow_instruction";inv=true;}}); var h3 = new Button({x:100,y:330,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Room Waves",func:function(){scene="wave_instruction";}}); var h4 = new Button({x:300,y:330,w:150,addW:10,h:50,addH:0,shadeBlack:true,txt:"Room Stretches",func:function(){scene="stretch_instruction";}}); var go = new Button({x:350,y:375,w:100,addW:10,h:50,addH:0,shadeBlack:true,txt:"Continue",func:function(){going = true;}}); //} // BUTTONS var title = function(x,y,s,r) { fill(255); pushMatrix(); translate(x-20s.x,y); rotate(r); scale(s.x,s.y); textSize(75); text("OPTICAL",0,-30); text(" ILLUSIONS",0,30); textSize(10); text("-optical illusions-optical illusions-optical illusions-optical illusions-optical-illu",20,70); text("-optical-ill",175,-5); text("-optical illusions-optical illusions-optical illusions-optical illusions",0,-70); rotate(90); text("-optical illusions-",35,-200); text("optical-illusions-",-35,-150); text("-optical illusions-optical illusions",0,150); popMatrix(); }; //{ var c = 0; var bent1 = function() { if(going) { c = lerp(c,255,0.1); } background(255); strokeWeight(1); for(var i = 0; i < 360; i+=5) { stroke(c); pushMatrix(); translate(200,200); rotate(i); line(0,-175,0,0); popMatrix(); } stroke(255,0,0); line(50,0,50,400); line(150,0,150,400); line(250,0,250,400); line(350,0,350,400); }; var dots = function() { background(255/2); noStroke(); for(var i = 20; i < 400; i+=40) { for(var j = 20; j < 400; j+=40) { fill(0); rect(i,j,30,30); } } for(var i = 0; i <= 400; i+=40) { for(var j = 0; j <= 400; j+=40) { fill(255); ellipse(i,j,12.5,12.5); } } }; var c2 = 0; var wedge = function() { background(255/2); if(going) { c2 = lerp(c2,15,0.1); } noStroke(); var strip = function(xx,y) { for(var i = xx; i <= 450+xx; i+=60) { fill(255); rect(i,y,28,28); fill(0); rect(i+30,y,28,28); } }; for(var i = 0; i < 400; i+=30) { if(i%60) { strip(0,i); }else{ strip(-15+c2,i); } } }; var rot1 = function() { background(255/2); strokeWeight(1); for(var i = 0; i < 360; i+=10) { pushMatrix(); translate(200,200); rotate(i); noFill(); stroke(0); line(-5,-150,5,-150); line(-5,-150,-5,-140); stroke(255); line(-5,-140,5,-140); line(5,-150,5,-140); popMatrix(); } for(var i = 0; i < 360; i+=10) { pushMatrix(); translate(200,200); rotate(i); stroke(0); line(-5,-100,5,-100); stroke(255); line(-5,-100,-5,-90); stroke(255); line(-5,-90,5,-90); stroke(0); line(5,-100,5,-90); popMatrix(); } stroke(0); line(200,195,200,205); line(195,200,205,200); }; var y = 200; var gradient = function() { if(going) { y = lerp(y,35,0.1); } background(0); for(var i = 0; i < 400; i+=2) { strokeWeight(2); stroke(lerpColor(color(0),color(255),i/400)); line(i,75,i,400); noStroke(); strokeWeight(1); } fill(255/2); rect(200,y,300,50); }; var abc = 0; var wave = function() { abc+=0.25; if(abc>10) { abc = 0; } background(255); for(var i = 0; i < 500; i+=20) { fill(0); rect(i-abc,200,10,400); } fill(255, 255, 255); ellipse(200,200,30,30); fill(0); rect(200,200,2,10); rect(200,200,10,2); }; var sct = 0; var stretch = function() { sct-=0.25; if(sct<-10) { sct = 0; } background(255); for(var i = 0; i < 220; i+=20) { fill(0); rect(200,i-sct,400,10); rect(200,200+i+sct,400,10); } fill(255, 255, 255); ellipse(200,200,30,30); fill(0); rect(200,200,2,10); rect(200,200,10,2); }; //} // ILLUSIONS draw = function() { x = 200; cursor(); del++; textFont(createFont("Trebuchet MS")); switch(scene) { case "overall_menu": //{ background(0); for(var i in particles) { var cur = particles[i]; cur.all(); } title(200,50,{x:1,y:0.5},0); Start.display(); Start.onClick(); //} break; case "overall_choose": //{ c = 0; c2 = 0; y = 200; abc = 0; sct = 0; going = false; background(0); for(var i in particles) { var cur = particles[i]; cur.all(); } fill(255); textSize(25); text("Optical Illusions",200,25); text("Hallucinations",200,225); Menu.display(); Menu.onClick(); n1.display(); n1.onClick(); n2.display(); n2.onClick(); n3.display(); n3.onClick(); n4.display(); n4.onClick(); n5.display(); if(del>20) { n5.onClick(); } h1.display(); h1.onClick(); h2.display(); h2.onClick(); h3.display(); h3.onClick(); h4.display(); h4.onClick(); //} break; case "shrink_grow": //{ x-=5; if(!inv) { a++; if(a>=20) { a = 0; } }else{ a--; if(a<=0) { a = 20; } } g.background(255, 255, 255); g.pushMatrix(); g.translate(200,200); g.rotate(PI1.25); for(var i = 20; i > 0; i-=2){ g.fill(255); g.rect(0,0,abs(i)10+a,abs(i)10+a); g.fill(0); g.rect(0,0,(abs(i-1))10+a,(abs(i-1))10+a); } g.fill(255); g.rect(0,0,a,a); g.popMatrix(); var txt = g.get(); txt.mask(cir); noStroke(); rectMode(3); background(255, 255, 255); pushMatrix(); translate(200,200); rotate(45); for(var i = 61; i > 10; i-=2){ fill(255); rect(0,0,abs(i)10+a,abs(i)10+a); fill(0); rect(0,0,(abs(i-1))10+a,(abs(i-1))10+a); } fill(255); rect(0,0,a,a); popMatrix(); image(txt,0,0); if(mouseY>300scl.y) { Back.display(); Back.onClick(); } //} break; case "shrink_grow_instruction": //{ fill(0); textSize(20); rect(x,200,400,400); for(var i in particles) { var cur = particles[i]; pushMatrix(); translate(x-200,0); cur.all(); popMatrix(); } fill(255); text("To see this optical illusion,\nstare into the center of the\nscreen and count to 50.\nTry not to blink. Then, take\nyour eyes off the screen\nand look around the room\nyou're in.",x,200); fill(255); if(frameCount%50<25) { fill(0); } text("click to start",x,380); if(mouseIsPressed&&del>20) { scene = "shrink_grow"; } //} break; case "wave_instruction": //{ fill(0); textSize(20); rect(x,200,400,400); for(var i in particles) { var cur = particles[i]; pushMatrix(); translate(x-200,0); cur.all(); popMatrix(); } fill(255); text("To see this optical illusion,\nstare at the cross and count to 50.\nTry not to blink. Then, take\nyour eyes off the screen\nand look around the room\nyou're in.",x,200); fill(255); if(frameCount%50<25) { fill(0); } text("click to start",x,380); if(mouseIsPressed&&del>20) { scene = "wave"; } //} break; case "wave": wave(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); } break; case "stretch_instruction": //{ fill(0); textSize(20); rect(x,200,400,400); for(var i in particles) { var cur = particles[i]; pushMatrix(); translate(x-200,0); cur.all(); popMatrix(); } fill(255); text("To see this optical illusion,\nstare at the cross and count to 50.\nTry not to blink. Then, take\nyour eyes off the screen\nand look around the room\nyou're in.",x,200); fill(255); if(frameCount%50<25) { fill(0); } text("click to start",x,380); if(mouseIsPressed&&del>20) { scene = "stretch"; } //} break; case "stretch": stretch(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); } break; //{ case "bending_lines": bent1(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); if(going===false) { go.display(); go.onClick(); } } break; case "disappearing_dots": dots(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); } break; case "square_wedges": wedge(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); if(going===false) { go.display(); go.onClick(); } } break; case "is_it_rotating": rot1(); if(mouseY>300scl.y) { Back.display(); Back.onClick(); } break; case "what_color": gradient(); if(mouseY>300*scl.y) { Back.display(); Back.onClick(); if(going===false) { go.display(); go.onClick(); } } break; //} } if(width===400) { background(0); for(var i in particles) { var cur = particles[i]; cur.all(); } title(200,200,{x:1,y:1},-45); } }; //done
Folds	14,17,23,56,58,72,80,160,162,181,183,337,339,600
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3iwNOWCAw
Votes	169
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chromedog
Author Name	Chromedog11
Author ID	kaid_1184710932010152733005988
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739364502409
Updated	10 months ago, 1739364510556
Source Deleted	unknown