you may recognize this guy from the header- actually they’re cousins.
\nthis was some code I wrote\/stole to get started in processing.js.
\nokay, so I clearly enjoy watching things fall down.
\n[processing]
\n\/\/ . 0 0,0
\n\/\/. . . 123 -1,-1 0,-1 +1,-1
\n\/\/ . 4 0,-2
\n\/\/. . 5 7 -1,-3 +1,-3
\n\/\/. . 6 8 -1,-4 +1,-4
\n\/\/
\n\/\/ 0-2head, 2-1armL, 2-3armR, 2-4back,
\n\/\/ 4-5thighL, 5-6shinL
\n\/\/ 4-7thighR, 7-8shinR<\/p>\n
VerletPoint vPointA = new VerletPoint(100, 100);
\nVerletPoint[] vPointArr = new VerletPoint[9];
\nVerletStick[] vStickArr = new VerletStick[8];<\/p>\n
int nVP = 9;
\nint nVS = 8;<\/p>\n
int xDIM = 300;
\nint yDIM = 100;<\/p>\n
void setup() {
\nbackground(255);
\nfill(255);
\nstroke(#568984);
\nsize(xDIM, yDIM);
\nsmooth();
\nframeRate(30);
\nstrokeWeight(3);<\/p>\n
vPointArr[0] = new VerletPoint(100, 100); \/\/
\nvPointArr[1] = new VerletPoint(100-10, 100-10);
\nvPointArr[2] = new VerletPoint(100, 100-10);
\nvPointArr[3] = new VerletPoint(100+10, 100-10);
\nvPointArr[4] = new VerletPoint(100, 100-20);
\nvPointArr[5] = new VerletPoint(100-10, 100-30);
\nvPointArr[6] = new VerletPoint(100-10, 100-40);
\nvPointArr[7] = new VerletPoint(100+10, 100-30);
\nvPointArr[8] = new VerletPoint(100+10, 100-40);<\/p>\n
vStickArr[0] = new VerletStick(vPointArr[0], vPointArr[2]);
\nvStickArr[1] = new VerletStick(vPointArr[2], vPointArr[1]);
\nvStickArr[2] = new VerletStick(vPointArr[2], vPointArr[3]);
\nvStickArr[3] = new VerletStick(vPointArr[2], vPointArr[4]);
\nvStickArr[4] = new VerletStick(vPointArr[4], vPointArr[5]);
\nvStickArr[5] = new VerletStick(vPointArr[5], vPointArr[6]);
\nvStickArr[6] = new VerletStick(vPointArr[4], vPointArr[7]);
\nvStickArr[7] = new VerletStick(vPointArr[7], vPointArr[8]);<\/p>\n
}<\/p>\n
void draw() {
\nif(mousePressed){
\nvPointArr[0].x = mouseX;
\nvPointArr[0].y = mouseY;<\/p>\n
}else{
\nvPointA.y += 0.5;
\n}
\nvPointA.update();
\nvPointA.bounds(0, 0, xDIM, yDIM);<\/p>\n
for(int p = 0; p < nVP; p++){
\nvPointArr[p].y += 0.5;
\nvPointArr[p].update();
\nvPointArr[p].bounds(0, 0, xDIM, yDIM);
\n}<\/p>\n
background(225);
\nfor(int s = 0; s < nVS; s++){ vStickArr[s].update(); } line(vPointArr[0].x, vPointArr[0].y, vPointArr[2].x, vPointArr[2].y); line(vPointArr[2].x, vPointArr[2].y, vPointArr[1].x, vPointArr[1].y); line(vPointArr[2].x, vPointArr[2].y, vPointArr[3].x, vPointArr[3].y); line(vPointArr[2].x, vPointArr[2].y, vPointArr[4].x, vPointArr[4].y); line(vPointArr[4].x, vPointArr[4].y, vPointArr[5].x, vPointArr[5].y); line(vPointArr[5].x, vPointArr[5].y, vPointArr[6].x, vPointArr[6].y); line(vPointArr[4].x, vPointArr[4].y, vPointArr[7].x, vPointArr[7].y); line(vPointArr[7].x, vPointArr[7].y, vPointArr[8].x, vPointArr[8].y); } class VerletStick { VerletPoint pointA, pointB; float len; VerletStick(VerletPoint _pointA, VerletPoint _pointB){ pointA = _pointA; pointB = _pointB; len = dist(pointA.x, pointA.y , pointB.x, pointB.y); } void update(){ float dst = dist(pointA.x, pointA.y , pointB.x, pointB.y); float diff = len – dst; float offsetX = (diff * (pointB.x – pointA.x) \/ dst) \/ 2; float offsetY = (diff * (pointB.y – pointA.y) \/ dst) \/ 2; pointA.x -= offsetX; pointA.y -= offsetY; pointB.x += offsetX; pointB.y += offsetY; } void render(){ line(pointA.x, pointA.y , pointB.x, pointB.y); } } class VerletPoint { float x, y, oldX, oldY; VerletPoint(float _x, float _y) { setPosition(_x, _y); } void setPosition(float _x, float _y) { x = oldX = _x; y = oldY = _y; } void update(){ float tempX = x, tempY = y; x += getVx(); y += getVy(); oldX = tempX; oldY = tempY; } void bounds(float left, float top, float right, float bottom){ x = constrain(x, left, right); y = constrain(y, top, bottom); } void setVx(float value){ oldX = x – value; } float getVx(){ return x – oldX; } void setVy(float value){ oldY = y – value; } float getVy(){ return y – oldY; } void render(){ ellipse(x, y, 10, 10); } } [\/processing]
\nif you clicked>5 times you do too.<\/p>\n","protected":false},"excerpt":{"rendered":"
you may recognize this guy from the header- actually they’re cousins. this was some code I wrote\/stole to get started in processing.js. okay, so I clearly enjoy watching things fall down. [processing] \/\/ . 0 0,0 \/\/. . . 123 -1,-1 0,-1 +1,-1 \/\/ . 4 0,-2 \/\/. . 5 7 -1,-3 +1,-3 \/\/. . […]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,47],"tags":[19,30],"_links":{"self":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/59"}],"collection":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":7,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":1807,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions\/1807"}],"wp:attachment":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}