Viewing Program

Program Data

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

Title	Wire-mesh Torus
ID	6114474374856704
Created	10 years ago, 1447938760589
Updated	10 years ago, 1447939050029
Code	// It usually looks terrible on first load, please press "Restart" translate(width/2, height/2); var P=[]; // for all 3D points (vertices, nodes, knots) var P2=[]; // for 2D parts of 3D points, grouped as individual circles var R=width0.4, spines=20, spineAngle=360/spines; var r=R0.4, ribs=60, ribAngle=360/ribs; var Rr=R+r; // farthest radius /* each circle is made of 4 smoothly connected cubic bezier curves. though non-rational beziers cannot draw precise circles, connecting 4 (or more) curves, gives excellent approximation. here we connect 4 segments hence deviation from a true circle is less than radius/5,000 with 6 segs deviation < r/50,000 and with 10, less than r/1million / var circ=function(r, rib){ var u=0.551915r, p2=[]; var p=[[0,-r],[u,-r],[r,-u],[r,0],[r,u],[u,r],[0,r],[-u,r],[-r,u],[-r,0],[-r,-u],[-u,-r]]; for(var i=p.length; i--;){ p2[i]=p[i].p2=p[i].slice(0); } p2.push(p[0].p2); for(var i=1; i<=10; i+=3){ p2.push(p2.splice(1,3)); } p2.z=[p[0],p[6]]; p2.c=rib?64:17; p2.op=rib?24:12; P2.push(p2); return p; }; var rotX=function(p, a){ if(!a){ return; } var s=sin(a), c=cos(a); for(var i=p.length; i--;){ var v=p[i], v2s=v[2]s; v[2] = v[2]c+v[1]s; v.p2[1] = v[1] = v[1]c-v2s; } }; var rotY=function(p, a){ if(!a){ return; } var s=sin(a), c=cos(a); for(var i=p.length; i--;){ var v=p[i], v2s=v[2]s; v[2] = v[2]c-v[0]s; v.p2[0] = v[0] = v[0]c+v2s; } }; var rib=function(k){ var p=circ(r, true); for(var i=p.length; i--;){ p[i][0]+=R; p[i][2]=0; } rotY(p, kribAngle); return p; }; var spine=function(k){ var a=kspineAngle, p=circ(R-cos(a)r); for(var i=p.length; i--;){ p[i][2]=sin(a)r; } rotX(p, 90); return p; }; for(var k=0; k<ribs; k++){ P=P.concat(rib(k)); } // ribs for(var k=0; k<spines; k++){ P=P.concat(spine(k)); } // spines // (60 ribs + 20 spines) * 12 verts each = 960 vertices // with very few (16) redundant so we skip optimization background(0,0,17); stroke(0,255,0); strokeWeight(1.4); var a0=30, a1=35; // initial angles var pF=5, pFR=pFRr, pFRR=pFR+Rr; // for perspective correction var drawCircs=function(p, p2, a0, a1){ rotX(p, a0); rotY(p, a1); for(var i=p.length; i--;){ var pc=pFR/(pFRR-p[i][2]); p[i].p2[0]=p[i][0]pc; p[i].p2[1]=p[i][1]pc; } p2.sort(function(a,b){return (a.z[0][2]+a.z[1][2])-(b.z[0][2]+b.z[1][2]);}); resetMatrix(); translate(width/2, height/2); background(0,0,17); for(var i=0, iL=p2.length; i<iL; i++){ fill(0,0, p2[i].c, p2[i].op); beginShape(); vertex.apply(this, p2[i][0]); for(var j=1; j<=4; j++){ bezierVertex.apply(this, p2[i][j].join().split(',')); } endShape(); } };drawCircs(P, P2, a0, a1); var mDown=false; var mouSens=90/R; // mouse sensitivity sync with torus R var timeStamp=0; // workaround missing setTimeout() mousePressed = function(){ mDown=true; }; mouseDragged = function(){ if(!mDown){ return; } a0=(pmouseY-mouseY)mouSens; a1=(mouseX-pmouseX)mouSens; drawCircs(P, P2, a0, a1); timeStamp=millis(); }; mouseOut = function(){ mDown=false; }; var aniAfter=false; mouseReleased = function() { mDown=false; if((millis()-timeStamp)<100){aniAfter=true;} }; draw = function(){ if(!aniAfter){return;} a0=0.9; a1*=0.9; if(!mDown&&(abs(a0)>0.2\|\|abs(a1)>0.2)){ drawCircs(P, P2, a0, a1); } else { a0=a1=0; aniAfter=false; } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOiI0KLuCgw
Votes	262
Spin-Offs	29
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Israel Eisenberg
Author Name	kaid_981184622234625435939691
Author ID	kaid_981184622234625435939691
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739453654487
Updated	10 months ago, 1739453661017
Source Deleted	unknown