Viewing Program

Program Data

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

Title	mr-pink's wild ride
ID	5896003796598784
Created	11 years ago, 1413643492492
Updated	11 years ago, 1413662186277
Code	/* mr-pink's wild ride (10/14) * * Simulates gravity, velocity, momentum, friction. * * The hill can be changed by dragging the yellow dots. * * Thanks to: * https://www.khanacademy.org/cs/parabola-construction/4580131035676672 * https://www.khanacademy.org/computing/cs/programming-natural-simulations/programming-angular-movement/a/angular-velocity / frameRate(30); var ox = [245,220,0,0,65,140,185]; // original 'yellow dot' x/y points var oy = [170,400,400,100,170,95,210]; var x = []; // new 'after cshape2' x/y/index var y = []; var ni = 0; var f = []; // flag for moveable ox/oy points var px = 0; // moving image x/y/index var py = 0; var pi = 0; var v = 0; // velocity var s = 0; // slope var t = 0; // travel dist var r = 0; // rotate angle var xi = 0; // airborne x/y increment var yi = 0; var fw = true; // forward/backward roll flag var tt = 0; // total travel dist var rc = 1; // rollback count var ri = 0.01; // rollback increment factor var rs = 1.08; // rollback stop (when rc >= rs) //create shape - define new x/y points based on ox/oy var cshape2 = function(a) { x = ox.slice(); y = oy.slice(); var nx = []; var ny = []; for (var m=0; m<5; m++) { ni = a; var b=0; if (a > 1) {b = a-1;} for (var n=0; n<a; n++) { nx[n] = x[n]; ny[n] = y[n];} for (var n=b; n<x.length; n++) { if (n < x.length-1) { nx[ni] = x[n] + (x[n+1]-x[n])0.25; ny[ni] = y[n] + (y[n+1]-y[n])0.25; ni++; nx[ni] = x[n] + (x[n+1]-x[n])0.75; ny[ni] = y[n] + (y[n+1]-y[n])0.75; ni++; } else { nx[ni] = x[n] + (x[0]-x[n])0.25; ny[ni] = y[n] + (y[0]-y[n])0.25; ni++; nx[ni] = x[n] + (x[0]-x[n])0.75; ny[ni] = y[n] + (y[0]-y[n])0.75; } } for (var n=0; n<=ni; n++) { x[n] = nx[n]; y[n] = ny[n]; } ni++; x[ni] = ox[0]; y[ni] = oy[0]; } }; var moveoxoy = function(n) { ox[n] = mouseX+6; oy[n] = mouseY-12; }; var displayscene = function() { fill(2, 143, 23); beginShape(); for (var n=0; n<x.length; n++) { vertex(x[n], y[n]); ellipse(x[n],y[n],2,2); } endShape(CLOSE); for (var n=0; n<ox.length; n++) { if (f[n] && mouseIsPressed) {fill(255, 0, 0);} else {fill(255, 234, 0);} ellipse(ox[n]-6,oy[n]+12,9,9); } textSize(16); fill(255, 255, 0); if (frameCount < 200) {text("Click on & drag the yellow dots",6,250);} rect(330,10,60,30,5); fill(0, 0, 0); text("Launch",335,30); }; var modifyhill = function() { if (mouseIsPressed) { for (var n=0; n<ox.length; n++) { if (dist(mouseX,mouseY,ox[n]-6,oy[n]+12) < 20 && mouseX > 20 && mouseX < 340 && mouseY < 380) { f[n] = true; if (n === 0 && mouseX > ox[ox.length-1]+13) {moveoxoy(n);} else { if (n < ox.length-1 && mouseX > ox[n-1]+25 && mouseX < ox[n+1]-25) {moveoxoy(n);} else { if (n === ox.length-1 && mouseX > ox[n-1]+25 && mouseX < ox[0]-25) {moveoxoy(n);}}} cshape2(4); pi = 0; px = 999; } else { f[n] = false; } } } }; var imagemovement = function() { // rolling if (rc < rs) { tt = 0; while (pi >=3 && v > tt) { px = x[pi]; py = y[pi]; if (pi > 3) { var dd = abs(x[pi]-x[pi-1]); if (dd < 0.01) {dd = 0.01;} if (fw) {s = (y[pi]-y[pi-1]) / dd;} else {s = (y[pi]-y[pi+1]) / dd;} t = dist(x[pi-1],y[pi-1],x[pi],y[pi]); tt += t; v += st/10; // friction? 10? if (s < 0) {v = 0.99;} // gravity/friction if (rc > 1) {v /= (rcrc);} // slower rollbacks if (v>40) {v = 40;} // max velocity? } if (pi < ni) { if (fw) {pi ++;} else {pi --;}} else { pi = 0; xi = (x[ni]-x[ni-50]) / (x[ni]-x[ni-50] + abs(y[ni]-y[ni-50])) * v * 0.9; yi = (y[ni]-y[ni-50]) / (x[ni]-x[ni-50] + abs(y[ni]-y[ni-50])) * v * 0.9; } } } // init roll back if (v < 0) { v = 0.0001; rc += ri; if (fw) {fw = false;} else {fw = true;} } // stop at bottom after roll back if (rc > 1 && v < 0.7 && abs(s) < 0.1) {rc = rs;} // airborne if (xi > 0) { px += xi; py += yi; yi += 0.5; xi = 0.99; r += 3; } }; var imagedisplay = function() { translate(px,py-17); rotate(r); image(getImage("avatars/mr-pink"),0,0,35,35); if (rc < rs) { if (fw) {r+=tt3;} else {r-=tt*3;}} resetMatrix(); }; cshape2(4); stroke(0, 85, 0); imageMode(CENTER); var draw = function() { image(getImage("space/background"),200,200); displayscene(); modifyhill(); imagemovement(); imagedisplay(); }; var mouseClicked = function() { if (mouseX > 330 && mouseY < 40) { pi = 3; v = 0.01; r = 0; xi = 0; fw = true; rc = 1; } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJDfpcy8Cgw
Votes	347
Spin-Offs	31
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Phil Fulks
Author Name	phfraf
Author ID	kaid_601674336850790775699252
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739450537457
Updated	8 months ago, 1744828760267
Source Deleted	unknown