Viewing Program

Program Data

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

Title	ThisIsSand (Draw With Sand!)
ID	6584521244147712
Created	9 years ago, 1454180687652
Updated	9 years ago, 1469242735819
Code	//based on thisissand.com / █▀▄▀█ ██ ▄ ▄█ █▀▄▀█ ▄ ▄▄▄▄▄ █ █ █ █ █ ▀▄ █ ██ █ █ █ █ █ ▀▄ █ ▄ █ █▄▄█ █ ▀ ██ █ ▄ █ █ █ ▄ ▀▀▀▀▄ █ █ █ █ ▄ █ ▐█ █ █ █ █ ▀▄▄▄▄▀ █ █ █ ▀▄ ▐ █ █▄ ▄█ ▀ █ ▀ ▀ ▀▀▀ ▀ █ ▄▄ █▄▄▄▄ ▄█ █▀▄▀█ ▄███▄ █ █ █ ▄▀ ██ █ █ █ █▀ ▀ █▀▀▀ █▀▀▌ ██ █ ▄ █ ██▄▄ █ █ █ ▐█ █ █ █▄ ▄▀ █ █ ▐ █ ▀███▀ ▀ ▀ ▀ >>>> original by nate hacker https://www.khanacademy.org/computer-programming/sand-simulation/5938112892633088 >>>> Menu semi-taken from C. Banks https://www.khanacademy.org/computer-programming/tutorial-improving-a-programs-design/5782146241658880 >>>> RGB color picker https://www.khanacademy.org/computer-programming/rgb-color-picker/5471999993315328 / var quality = 6; var votes = 252; var hot = '2nd'; var logo = true; var selectivepicker=function(x,y,w,h,rgb){ this.x=x; this.y=y; this.w=w; this.h=h; this.rgb=rgb; this.x2=x; this.y2=y; this.draw= function(){ pushMatrix(); for(var r=0;r<1;r+=quality/this.h){ for(var c=0;c<1;c+=quality/this.w){ noStroke(); fill(lerpColor(lerpColor(color(255,255,255),color(0,0,0),r),lerpColor(this.rgb,color(0,0,0),r),c)); rect(this.x+cthis.w,this.y+rthis.h,quality,quality); } } popMatrix(); }; this.mousePressed=function(){ if(mouseIsPressed&&mouseX>=this.x&&mouseX<=this.x+this.w&&mouseY>=this.y&&mouseY<=this.y+this.h){ this.x2=mouseX; this.y2=mouseY; } }; this.constrain=function(){ this.i=constrain(this.x2,this.x,this.x+this.w); this.j=constrain(this.y2,this.y,this.y+this.h); }; this.drawpoint=function(){ noFill(); strokeWeight(1); stroke(0, 0, 0); ellipse(this.i,this.j,5,5); }; this.returnval=function(){ return get(this.i,this.j); }; this.doStuff=function(){ this.draw(); this.mousePressed(); this.constrain(); this.drawpoint(); }; }; var colorslider = function(x,y,w,h){ this.x=x; this.y=y; this.w=w; this.h=h; this.x2=x; this.y2=y; this.draw= function(){ colorMode(HSB); for(var i = 0;i<this.h;i+=(quality/5)){ stroke(i, 400, 400); rect(this.x,this.y+i,this.w,quality/5); } colorMode(RGB); }; this.mousePressed=function(){ if(mouseIsPressed&&mouseX>=this.x&&mouseX<=this.x+this.w&&mouseY>=this.y&&mouseY<=this.y+this.h){ this.y2=mouseY; } }; this.drawpoint=function(){ noFill(); strokeWeight(1); stroke(0, 0, 0); fill(120, 114, 114); triangle(this.x-7,this.i-5,this.x-7,this.i+5,this.x-2,this.i); triangle(this.x+this.w+2,this.i,this.x+this.w+7,this.i-5,this.x+this.w+7,this.i+5); }; this.constrain=function(){ this.i=constrain(this.y2,this.y,this.y+this.h); }; this.returnval=function(){ return get(this.x+(this.w/2),this.i); }; this.doStuff=function(){ this.draw(); this.mousePressed(); this.constrain(); this.drawpoint(); }; }; var p = new colorslider(270,110,50,200); var r = new selectivepicker(50,110,200,200); var returnval = color(237, 228, 61); var sand = []; var pick = false; var amount = 10; var thickness = 10; var bk = []; for(var i = 5; i < width; i += 20){ for(var j = -20; j < height+20; j += 20){ bk.push({x: i, y: j, br: random(0, 20)}); } } var menu = true; //for logo: var scaled = 0.2;var pos = [0,0,20];var bloc = [0,0]; var stage = 0;var timer = 0;var fade = 255;var rotated = 45; // frameRate(60); for(var i = 0;i < 400;i += 1){ sand.push([]); for(var j = 0;j < 400;j += 1){ sand[i].push(!floor(random(0,100))); if( sand[i][j] ){ sand[i][j]=color(237+random(-25,50), 228+random(-25,50), 61+random(-25,50)); } } } var pic = function(){ fill(237, 228, 61); rect(140,140,20,20); rect(200,80,20,20); rect(180,140,20,20); rect(160,120,20,20); fill(230, 215, 46); rect(160,140,20,20); rect(240,140,20,20); rect(180,120,20,20); rect(220,120,20,20); fill(176, 151, 7); rect(200,140,20,20); rect(200,100,20,20); fill(217, 196, 76); rect(180,100,20,20); rect(220,140,20,20); rect(200,120,20,20); }; var bucket = function(x,y,scal){ rectMode(CORNER); pushMatrix(); translate(x,y); scale(scal); fill(150); rect(-4,-2,14,14); fill(168); rect(0,0,6,4); rect(2,4,2,6); fill(216); rect(0,4,2,8); rect(-2,8,2,4); rect(-4,4,2,6); rect(-6,-2,2,10); rect(-2,0,2,4); rect(-4,-2,2,2); rect(-8,-4,2,6); fill(255); rect(-2,4,2,4); rect(-4,0,2,4); fill(81); rect(-10,-6,2,8); rect(-8,2,2,6); rect(-6,8,2,4); rect(2,-12,6,2); rect(8,-10,4,2); fill(53); rect(-4,-12,6,2); rect(-8,-10,4,2); rect(-2,-2,8,2); rect(-6,-4,4,2); rect(-8,-6,2,2); rect(-10,-8,2,2); rect(6,-4,4,2); rect(10,-6,2,2); rect(12,-8,2,10); rect(10,2,2,6); rect(8,8,2,4); rect(-4,12,12,2); fill(114); rect(8,2,2,6); rect(10,-4,2,6); popMatrix(); }; var draw = function() { if(logo===true){ if(mouseIsPressed){ stage=6; bloc[2]=1001;} textFont(createFont("Trebuchet MS Bold")); background(132, 241, 253); pushMatrix(); translate(width/2,height/2); scale(scaled); rotate(rotated); noStroke(); rectMode(CENTER); fill(237, 0, 142); rect(0,0,3250,3250); fill(253,255,53); rect(0,0,2250,2250); fill(237, 0, 142); rect(0,0,2100,2100); fill(79,55,110); rect(0,0,330,330); fill(253,255,53); rect(0,0,1650,1650); fill(79,55,110); rect(0,0,1025,1025); fill(132, 241, 253); rect(0,0,925,925); fill(253,255,53); rect(0,0,825,825); fill(51,41,64); rect(0,0,800,800); rectMode(CORNER); if(stage<2){ fill(255); rect(pos[0]-10,pos[1]-10,pos[2],20); } if(stage===0){ scaled+=0.017; rotated+=3; if(rotated===180){ rotated=0; scaled=1; stage=1; } } if(stage===1){ timer++; if(timer>10){ pos[0]-=dist(pos[0],0,-150,0)/7;} if(timer>10&&timer<20){ pos[2]+=dist(pos[2],0,150,0)/7; } if(timer>20){ pos[2]-=dist(pos[2],0,20,0)/10; } if(timer===50){ stage=2; timer=0; bloc=[pos[0],pos[1],pos[0],pos[1],pos[0],pos[1]]; } } if(stage===2){ timer++; rectMode(CORNER); fill(132, 241, 253); rect(bloc[0]-10,bloc[1]-10,20,20); fill(253,255,53); rect(bloc[2]-10,bloc[3]-10,20,20); fill(237, 0, 142); rect(bloc[4]-10,bloc[5]-10,20,20); bloc[1]-=dist(bloc[1],0,-30,0)/7; bloc[3]+=dist(bloc[3],0,30,0)/7; if(timer===40){ stage=3; timer=0; bloc[2]=20; bloc[3]=-20; bloc[0]=-130; bloc[4]=0; } } if(stage===3){ timer++; rectMode(CORNER); fill(255, 255, 255); textSize(21); textAlign(BASELINE,BASELINE); textLeading(29); text("MAXIMUS\nP\nS",-157,-23); fill(132, 241, 253); rect(bloc[0]-10,bloc[1]-10,bloc[3],20); fill(253,255,53); rect(-160,20,20,bloc[2]); fill(237, 0, 142); rect(-160,-10,bloc[2],20); bloc[2]-=dist(bloc[2],0,0,0)/10; bloc[0]+=dist(bloc[0],0,100,0)/10; if(bloc[0]<0){ bloc[3]-=dist(bloc[3],0,-250,0)/10; } else{bloc[3]+=dist(bloc[3],0,-20,0)/10;} if(timer>50){ stage=4; timer=0; bloc[2]=20; bloc[4]=-20; bloc[5]=20; bloc[6]=-20; bloc[7]=20; } } if(stage===4){ timer++; fill(255, 255, 255); textSize(21); textLeading(29); text("MAXIMUS\nP\nS",-157,-23); if(timer>100){ text("\nRIME\nTUDIOS",-145,-23); bloc[2]-=dist(bloc[2],0,1,0)/5; bloc[5]+=dist(bloc[5],0,38,0)/15; bloc[7]+=dist(bloc[7],0,38,0)/10; bloc[1]+=dist(bloc[1],0,48,0)/5; } rectMode(CORNERS); if(timer>100){ fill(253,255,53); rect(bloc[0]-10,bloc[5],bloc[0]-240,bloc[1]-10); fill(237, 0, 142); rect(bloc[0]-10,bloc[7],bloc[0]-240,bloc[1]-10);} rectMode(CORNER); fill(132, 241, 253); rect(bloc[0]-10,bloc[1]-10,bloc[3],bloc[2]); if(timer<40){ bloc[1]+=dist(bloc[1],0,0,0)/5; if(timer< 60){ } } else{ bloc[3]-=dist(bloc[3],0,-230,0)/10; if(bloc[3]<-225&&timer<100){ bloc[2]+=dist(bloc[2],0,48,0)/5;} } if(timer>150){ stage=5; timer = 0; } } if(stage===5){ timer++; fill(255, 255, 255); textSize(21); if(timer<140){ textLeading(29); text("MAXIMUS\nPRIME\nSTUDIOS",-157,-23);} fill(253,255,53); rect(bloc[0]-10,bloc[1]-10,bloc[3],bloc[2]); if(timer<95){ bloc[0]-=dist(bloc[0],0,-155,0)/5; bloc[3]+=dist(bloc[3],0,-1,0)/5;} if(timer>60&&timer<150){ bloc[1]-=dist(bloc[1],0,-50,0)/20; } if(timer>95&&timer<140){ bloc[0]+=dist(bloc[0],0,-46,0)/20; bloc[3]-=dist(bloc[3],0,-106,0)/20; bloc[2]+=dist(bloc[2],0,106,0)/20; } if(timer>140){ bloc[0]+=dist(bloc[0],0,53,0)/10; } if(timer>190){ stage=6; } } if(stage===6){ if(bloc[2]<1000){ bloc[2]+=15; bloc[3]-=15; } rectMode(CENTER); fill(253,255,53,fade); rect(0,-7,bloc[3],bloc[2]); if(bloc[2]>1000){logo=false;} } popMatrix(); fill(255); textSize(12); text("Press to Skip",326,397); } else{ if(menu===false){ background(148); stroke(237, 228, 61); noFill(); for(var i = sand.length - 1;i >= 0;i -= 1){ for(var j = 0;j < 400;j += 1){ if(sand[i][j]){ stroke(sand[i][j]); point(j,i); if(sand[i+1]&&!sand[i+1][j]){ sand[i+1][j] = sand[i][j]; sand[i][j] = 0; }else if(sand[i+1]){ if(!sand[i+1][j+1]&&floor(random(0,1))){ sand[i+1][j+1] = sand[i][j]; sand[i][j] = 0; }else if(!sand[i+1][j-1]){ //sand[i][j] = 0; sand[i+1][j-1] = sand[i][j]; sand[i][j] = 0; }else if(!sand[i+1][j+1]){ //sand[i][j] = 0; sand[i+1][j+1] = sand[i][j]; sand[i][j] = 0; } } } } } if(pick===false){ if(mouseX<70&&mouseY<100){ cursor('DEFAULT'); } else{ if(mouseIsPressed&&dist(mouseX,mouseY,370,80)>15){ for(var i = 0; i<amount;i++){ sand[floor(mouseY+random(0,5))][floor(mouseX+random(-thickness,thickness))] = color(red(returnval)+random(-25,50),green(returnval)+random(-25,50),blue(returnval)+random(-25,50));} }} } else{ fill(0,0,0,100); noStroke(); rect(0,0,400,400); p.doStuff(); r.doStuff(); returnval=r.returnval(); r.rgb=p.returnval();} fill(red(returnval),green(returnval),blue(returnval),150); noStroke(); rect(340,0,60,100); rect(350,0,50,18); fill(117, 117, 117,150); rect(0,0,70,100); rect(0,0,50,18); if(dist(mouseX,mouseY,50,83)<12.5){ fill(150); } else{ fill(150, 150,150,150);} ellipse(50,83,25,25); if(dist(mouseX,mouseY,20,45)<12.5){ fill(150); } else{ fill(150, 150,150,150);} ellipse(20,45,25,25); if(dist(mouseX,mouseY,50,45)<12.5){ fill(150); } else{ fill(150, 150,150,150);} ellipse(50,45,25,25); if(dist(mouseX,mouseY,20,83)<12.5){ fill(150); } else{ fill(150, 150,150,150);} ellipse(20,83,25,25); fill(255, 255, 255); textSize(16); textAlign(CENTER,CENTER); text("Color:",377,7); text("Sand:",26,7); textSize(11); text("Sub",20,83); text("Add",50,83); text("Sub",20,45); text("Add",50,45); textSize(10); textAlign(LEFT,TOP); text("Amount: "+amount+"\n\n\nThickness: "+thickness,1,20); if(amount>15){ amount=15;} if(amount<1){ amount=1;} if(thickness>10){ thickness=10;} if(thickness<1){ thickness=1;} text("Red: "+red(returnval)+"\nGreen: "+green(returnval)+"\nBlue:"+blue(returnval),342,20); mouseClicked=function(){ if(dist(mouseX,mouseY,370,80)<15){ if(pick===false){ pick=true; } else{pick=false; } } if(dist(mouseX,mouseY,20,83)<12.5){ thickness--;} if(dist(mouseX,mouseY,50,83)<12.5){ thickness++;} if(dist(mouseX,mouseY,50,45)<12.5){ amount++;} if(dist(mouseX,mouseY,20,45)<12.5){ amount--;} }; if(dist(mouseX,mouseY,370,80)<15){ fill(150); } else{ fill(150, 150,150,150);} ellipse(370,80,30,30); fill(255, 255, 255); textSize(12); if(pick===false){ text("Pick",358,73); } if(pick===true\|\|mouseX<70&&mouseY<100){ if(pick===true){ text("Done",355,73);} cursor('DEFAULT'); } else{ cursor('NONE'); pushMatrix(); translate(mouseX,mouseY); if(mouseIsPressed){ rotate(180);} fill(red(returnval),green(returnval),blue(returnval)); rect(-10,-10,20,10); bucket(-2,0,1); popMatrix();} } else{ cursor('DEFAULT'); background(133, 0, 0); for(var i in bk){ fill(0, 0, 0, bk[i].br); rect(bk[i].x, bk[i].y, 20, 20); } if(bloc[2]>1000){ fade-=3;} noStroke(); textSize(50); textAlign(CENTER,CENTER); textFont(createFont("Trebuchet MS Bold")); textLeading(47); fill(0,0,0,30); text("This Is Sand",200,192); textSize(15); text("By Maximus Prime",138,217); textSize(50); fill(255, 255, 255); text("This Is Sand",200,184); textSize(15); text("By Maximus Prime",138,212); for(var i = sand.length - 1;i >= 0;i -= 1){ for(var j = 0;j < 400;j += 1){ if(sand[i][j]){ stroke(sand[i][j]); point(j,i); if(sand[i+1]&&!sand[i+1][j]){ sand[i+1][j] = sand[i][j]; sand[i][j] = 0; }else if(sand[i+1]){ if(!sand[i+1][j+1]&&floor(random(0,2))){ sand[i+1][j+1] = sand[i][j]; sand[i][j] = 0; }else if(!sand[i+1][j-1]){ //sand[i][j] = 0; sand[i+1][j-1] = sand[i][j]; sand[i][j] = 0; }else if(!sand[i+1][j+1]){ //sand[i][j] = 0; sand[i+1][j+1] = sand[i][j]; sand[i][j] = 0; } } } } } noStroke(); pic(); fill(0,0,0,30); ellipse(200,310,100,100); if(dist(mouseX,mouseY,200,300)<50){ fill(245,245,245); textSize(40); if(mouseIsPressed&&menu===true){ menu=false; sand = []; for(var i = 0;i < 400;i += 1){ sand.push([]); } } } else{ fill(245,245,245,200); textSize(38); } ellipse(200,300,100,100); fill(59, 59, 59); text("PLAY", 200, 300); fill(255, 255, 255); textSize(12); textAlign(RIGHT,TOP); text("Thanks For "+votes+" Votes!\n"+hot+" On Hot List! Wow!\n Thank You So Much!",400,0); fill(253,255,53,fade); noStroke(); rect(200,200,400,400); } } };
Folds	36,80,81,121,132,136,148,151,153,171,172,216,218,421
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJiO5ZLZCww
Votes	251
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Maximus Prime
Author Name	Maxamilious
Author ID	kaid_1005927074809261283189248
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739459414788
Updated	4 months ago, 1744845540583
Source Deleted	unknown