Viewing Program

Program Data

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

Title	Cavalieri Principle w/sliders
ID	5503479746002944
Created	9 years ago, 1445008492842
Updated	5 years ago, 1586979825948
Code	/* Drag the vertical slider to change the number of segments. * Drag the horizontal to move the base of the figure left and right. / var MAROON_A=color(236,171,193); var MAROON_C=color(197,95,115); var currShape=0; //0 = cylinder, 1 = prism, 2 = cone, 3 = pyramid, 4=sphere var n=3; if(currShape===4){ var h=80; } else { var h=200; } var offset=30; var inc=h/n; var incX=offset/n; var changed=true; / Creates a slider object to simulate sliders we create on the KA interactions. * @start is an array in the form of [x,y] for the left or bottommost point of the slider line. * @end is an array of the form [x,y] for the right or topmost point of the slider line. * @min is the value returned when the slider is in the left or bottom position. * @max is the value returned when the slider is in the right or topmost position. * @init is the default value (not position) * @snap is an optional boolean for whether the slider must return a value represented by a tick mark. Default is false. * @ticks is an optional number less than the difference between min and max that is the value difference between ticks on the slider. * / var Slider=function(start, end, min, max, init, snap, ticks){ if(start[0]===end[0]) { this.orientation=0; //vertical slider } else { if(start[1]===end[1]){ this.orientation=1; //horizontal slider } else { println("Sliders must be horizontal or vertical. Check your start and end coordinates."); return false; } } this.s=start; this.e=end; this.min=min; this.max=max; this.value=init?init:0; this.selected=false; this.snap=snap?snap:false; this.l=this.orientation?(this.e[0]-this.s[0]):(this.e[1]-this.s[1]); this.range=this.max-this.min; this.ratio=this.l/this.range; //Amount that one pixel of dragging equates to in terms of value. if(this.ticks>this.range){ println("ticks"); } this.increments=ticks?floor(this.range/ticks):0; this.ticks=ticks?ticks: this.range; this.x=this.orientation?this.s[0]+this.ratio(this.value-this.min):this.s[0]; this.y=this.orientation?this.s[1]:this.s[1]-this.ratio(this.value-this.max); }; Slider.prototype.display=function(){ strokeWeight(2); stroke(0,0,0); line(this.s[0],this.s[1],this.e[0],this.e[1]); strokeWeight(10); point(this.s[0],this.s[1]); point(this.e[0],this.e[1]); for(var i=1;i<this.increments;i++){ point(this.s[0]+this.ratioithis.ticks,this.s[1]); } strokeWeight(this.selected?15:10); stroke(255,122,0); point(this.x,this.y); if(this.orientation){ textAlign(CENTER,TOP); //text(round(this.value),this.s[0]+this.l/2,this.s[1]+7); } else { textAlign(LEFT,CENTER); //text(round(this.value),this.s[0]+7, this.s[1]+this.l/2); } }; Slider.prototype.update=function(){ if(!this.selected){ return false; } if(this.orientation){ //horizontal slider this.x=min(max(mouseX,this.s[0]),this.e[0]); } else { //vertical slider this.y=min(max(mouseY,this.s[1]),this.e[1]); } this.value=this.orientation?this.min+(this.x-this.s[0])/this.ratio:this.max-(this.y-this.s[1])/this.ratio; if(!mouseIsPressed){ this.selected=false; } return true; }; Slider.prototype.checkSelected=function(){ if(abs(mouseX-this.x)>15){ return false;} if(abs(mouseY-this.y)>15){ return false;} this.selected=true; return true; }; Slider.prototype.deselect=function(){ this.selected=false; }; var sliders=[new Slider([65,350], [255,350], -100, 100, 50, false), new Slider([10,100], [10,300], 2, 100, 3, false)]; var drawPlainCylinder=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=h;i>0;i--){ ellipse(300,100+i,80,15); //Cylinder } }; var drawPlainCone=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=h;i>0;i--){ ellipse(300,100+i,80i/h,15i/h); //Cone } }; var drawPlainQuadPrism=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=h;i>0;i--){ quad(275,100+i,325,100+i,350,120+i,300,120+i); //Quad-based prism } }; var drawPlainQuadPyramid=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=h;i>0;i--){ quad(313-38i/h,120-20i/h+i,313+12i/h,120-20i/h+i,313+37i/h,120+i,313-13i/h,120+i); //Quad-based pyramid } }; var drawPlainSphere=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=h;i>0;i--){ var tempR=sqrt(hh-(h-2i)(h-2i)); ellipse(300,100+i,tempR,tempR/2); } }; var drawShifted=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ //ellipse(100+iincX,100+iinc+j,80,15); //Cylinder //ellipse(100+iincX,100+iinc+j,80(inc(i+1))/h,15(inc(i+1))/h); //Cone //quad(75+iincX,100+iinc+j,125+iincX,100+iinc+j,150+iincX,120+iinc+j,100+iincX,120+iinc+j); //Quad-based prism quad(113-38(inc(i+1))/h+iincX, 110-10(inc(i+1))/h+iinc+j, 113+12(inc(i+1))/h+iincX, 110-10(inc(i+1))/h+iinc+j, 113+37(inc(i+1))/h+iincX, 110+10(inc(i+1))/h+iinc+j, 113-13(inc(i+1))/h+iincX, 110+10(inc(i+1))/h+iinc+j); //Quad-based pyramid } } }; var drawShiftedCylinder=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ ellipse(100+iincX,100+iinc+j,80,15); //Cylinder } } }; var drawShiftedCone=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ ellipse(100+iincX,100+iinc+j,80(inci+j)/h,15(inci+j)/h); //Cone } } }; var drawApproximatedCone=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ ellipse(100+iincX,100+iinc+j,80(inc(i+1))/h,15(inc(i+1))/h); //Cone } } }; var drawShiftedSphere=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ var tempR=sqrt(hh-(h-2(iinc+j))(h-2(iinc+j))); ellipse(100+iincX,100+iinc+j, tempR,tempR/2); } } }; var drawApproximatedSphere=function(){ stroke(MAROON_C); fill(MAROON_A); for(var i=n-1;i>=0;i--){ var tempR=sqrt(hh-(h-2(iinc))(h-2(iinc))); for(var j=inc;j>0;j--){ //var tempR=sqrt(hh-(h-2(iinc+j))(h-2(iinc+j))); ellipse(100+iincX,100+iinc+j, tempR,tempR/2); } } }; var drawShiftedQuadPrism=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ quad(75+iincX,100+iinc+j,125+iincX,100+iinc+j,150+iincX,120+iinc+j,100+iincX,120+iinc+j); //Quad-based prism } } }; var drawShiftedQuadPyramid=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ quad(113-38(inci+j)/h+iincX, 110-10(inci+j)/h+iinc+j, 113+12(inci+j)/h+iincX, 110-10(inci+j)/h+iinc+j, 113+37(inci+j)/h+iincX, 110+10(inci+j)/h+iinc+j, 113-13(inci+j)/h+iincX, 110+10(inci+j )/h+iinc+j); //Quad-based pyramid } } }; var drawApproximatedQuadPyramid=function(){ for(var i=n-1;i>=0;i--){ for(var j=inc;j>0;j--){ quad(113-38(inc(i+1))/h+iincX, 110-10(inc(i+1))/h+iinc+j, 113+12(inc(i+1))/h+iincX, 110-10(inc(i+1))/h+iinc+j, 113+37(inc(i+1))/h+iincX, 110+10(inc(i+1))/h+iinc+j, 113-13(inc(i+1))/h+iincX, 110+10(inc(i+1))/h+i*inc+j); //Quad-based pyramid } } }; var init=function(){ offset=round(sliders[0].value); n=round(sliders[1].value); inc=h/n; incX=offset/n; }; var draw= function() { if(changed){ init(); background(255,255,255); noStroke(); for(var i=sliders.length-1;i>=0;i--){ sliders[i].display(); } strokeWeight(1); switch(currShape){ case 0: drawPlainCylinder(); drawShiftedCylinder(); break; case 1: drawPlainQuadPrism(); drawShiftedQuadPrism(); break; case 2: drawPlainCone(); //drawShiftedCone(); drawApproximatedCone(); break; case 3: drawPlainQuadPyramid(); drawShiftedQuadPyramid(); break; case 4: drawPlainSphere(); drawShiftedSphere(); //drawApproximatedSphere(); } changed=false; } }; var mousePressed=function(){ for(var i=sliders.length-1;i>=0;i--){ if(sliders[i].checkSelected()){ changed=true; break; } } }; var mouseDragged=function(){ for(var i=sliders.length-1;i>=0;i--){ if(sliders[i].update()){ changed=true; } } }; var mouseReleased=function(){ for(var i=sliders.length-1;i>=0;i--){ sliders[i].deselect(); } changed=true; };
Folds	102,107,109,111
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjaq6zjCQw
Votes	338
Spin-Offs	50
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6280473333071872","title":"Cavalieri Principle","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Charlie Auen
Author Name	cauen
Author ID	kaid_1034277462421522833537897
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739389446367
Updated	4 months ago, 1744828842461
Source Deleted	unknown