Viewing Program

Program Data

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

Title	Endless Rider
ID	6218709799665664
Created	Unknown
Updated	10 years ago, 1437579408647
Code	// endless rider (7/15) //// Thanks for all the votes and comments. //// I fixed the problem of going off the road backwards. //// Added 'Select track width' option... // Use the arrow or wasd keys // Press & release up/down or w/s to change speed // Key q/e or j/l for a sideways shift // Get the rider's number up to 99... // works with larger canvas ?width=600&height=500 // reduce 'sectioncnt' to 20 to run faster on a slower computer... // based on KA's 'what-is-3D' and // www.khanacademy.org/computer-programming/3d-checkerboard/972365924 // www.khanacademy.org/computer-programming/first-person-maze-game/972626402 //todo... // 'stuck' turn prob??? // jump/duck/split/half/fall... // other riders?? // do something else when 'going off the back end'... // vary z[] for hills? var sectioncnt = 30; // number of road sections (50 max) var tw=400, wh=30, wa=9; // tile width, wall height, wall angle var x=[],y=[],z=[],f=[],w=[]; // x/y/z, floor, wall var rx=0, ry=-250, ra=90; // road 'most recent' x/y, angle var pillarcnt = 32; // count for display of pillars, increments by 8 (range 0 - 40) var spd = 0; // player speed (0-10) var keys=[]; var spdchng=0; // only 1 spd chng per press/release (0 released, 1 press, 2 chngd) var w2 = width/2, h2=height/2; var dx=[],dy=[]; // 3d display x/y var rotC = 0; // 'rotate control' if collision - 0 none, 1 left, 2 right var pnbr = 0; // player number/score var startmsg = true; var bx=[3000]; // 'background' sun, clouds... x/y pos var by=[20000]; // element '0' is the sun, the rest are clouds var bs=[-130]; // sky 'height' var bw=[60]; // width var bh=[60]; // height for (var i=0; i<15; i++) { var ba = random(90,430); bx.push(cos(ba)20000); by.push(sin(ba)20000); bs.push(random(-170,-90)); bw.push(random(90,190)); bh.push(random(30,70)); } var dbx=[],dby=[]; // '3d display' x/y of sun/clouds // add section (0 straight, 1 right, 2 left) var sct = function(ty) { if (pillarcnt > 0) {pillarcnt-=8;} else {pillarcnt = 40; bs[0]-=0.3;} if (x.length > 0) { rx = x[x.length-5]; // due to player movement ry = y[x.length-5]; } if (ty === 0) { rx+=cos(ra)tw/2; // tile width is half as much for/back as left/right ry+=sin(ra)tw/2; x.push(rx); y.push(ry); x.push(rx+cos(ra-90)tw); y.push(ry+sin(ra-90)tw); x.push(rx+cos(ra-90)(tw+wa)); y.push(ry+sin(ra-90)(tw+wa)); x.push(rx+cos(ra+90)tw); y.push(ry+sin(ra+90)tw); x.push(rx+cos(ra+90)(tw+wa)); y.push(ry+sin(ra+90)(tw+wa)); } else { var ca=-90; // curve angle var pd=-7; // dgr pivot angle - vary? if (ty > 1) {ca = 90; pd=-1;} var pr=1000; // pivot radius - vary? ra+=pd; rx+=cos(ra)tw/2; // tile width is half as much for/back as l/r ry+=sin(ra)tw/2; var px=rx+cos(ra-ca)pr; // pivot x/y var py=ry+sin(ra-ca)pr; x.push(rx); y.push(ry); if (ty===1) { x.push(px+cos(ra+ca)(pr+tw)); y.push(py+sin(ra+ca)(pr+tw)); x.push(px+cos(ra+ca)(pr+tw+wa)); y.push(py+sin(ra+ca)(pr+tw+wa)); x.push(px+cos(ra+ca)(pr-tw)); y.push(py+sin(ra+ca)(pr-tw)); x.push(px+cos(ra+ca)(pr-tw-wa)); y.push(py+sin(ra+ca)(pr-tw-wa)); } else { // different order for '2' x.push(px+cos(ra+ca)(pr-tw)); y.push(py+sin(ra+ca)(pr-tw)); x.push(px+cos(ra+ca)(pr-tw-wa)); y.push(py+sin(ra+ca)(pr-tw-wa)); x.push(px+cos(ra+ca)(pr+tw)); y.push(py+sin(ra+ca)(pr+tw)); x.push(px+cos(ra+ca)(pr+tw+wa)); y.push(py+sin(ra+ca)(pr+tw+wa)); } } z.push(0,0,wh,0,wh); if (x.length > 5) { var xl = x.length; f.push(xl-10,xl-9,xl-4,xl-5); f.push(xl-10,xl-7,xl-2,xl-5); w.push(xl-9,xl-8,xl-3,xl-4); w.push(xl-7,xl-6,xl-1,xl-2); } }; var perspect = 450; var horizon = 130; var b2dflag = false; // do build2Ddisplay only if needed.... var build2Ddisplay = function() { if (!b2dflag) { b2dflag=true; for (var i=0; i<x.length; i++) { var p1 = perspect / (perspect + y[i]); if (p1 > 0) { dx[i] = p1 x[i]; dy[i] = p1 * (200-z[i]) - horizon; // 200? } else {dx[i] = 0; dy[i]=9999;} } for (var i=0; i<bx.length; i++) { var p1 = perspect / (perspect + by[i]); if (p1 > 0) { dbx[i] = p1 * bx[i]; dby[i] = p1 * 200 - horizon; // 200? } else {dbx[i] = 0; dby[i]=9999;} } } }; var turnSpd = 0; // turn speed -5 to 5 - ease into turns... var rz = function(a,ts) { // rotate around z if (ts !== 0 && spd>0) { if (abs(turnSpd) < 5) {turnSpd += ts;} a = abs(turnSpd)/5;} ra += a; // road angle var cosa = cos(a), sina = sin(a); for (var n=0; n<x.length; n++) { var tx = x[n]; x[n] = txcosa - y[n]sina; y[n] = y[n]cosa + txsina; } for (var n=0; n<bx.length; n++) { // sun/clouds var tx = bx[n]; bx[n] = txcosa - by[n]sina; by[n] = by[n]cosa + txsina; } }; var movex = function(a) { for (var i=0; i<x.length; i++) {x[i] += a;} rotC = 0; }; var movey = function(a) { for (var i=0; i<y.length; i++) {y[i] += a;} rotC = 0; }; var dispquad = function(x0,y0,x1,y1,x2,y2,x3,y3) { // if (y0+y1+y2+y3 < (h2+1800) && // not off the bottom 3000? (h.w?) // x0+x1+x2+x3 < (w2+1300) && // not off the right [base on tw?] // x0+x1+x2+x3 > (-w2-1300)) { // not off the left quad(x0,y0,x1,y1,x2,y2,x3,y3); // } }; translate(w2,h2); textAlign(CENTER,CENTER); var staR = getImage("space/star"); var displayPlayer = function() { if (turnSpd !== 0) {pushMatrix(); rotate(turnSpd3);} fill(118, 237, 38); ellipse(0,2,25,27); // helmet line(-4,4,4,4); line(-10,1,-6,4); line(10,1,6,4); fill(23, 34, 181); rect(-16,29,32,24,7); // pants fill(247, 24, 24); rect(-26,13,52,12,16); // arms rect(-13,12,26,25,5); // back if (round(pnbr) === 99) { image(staR, -18, 7, 36, 36); } else { fill(219, 230, 12); text(round(pnbr),0,24);} fill(26, 25, 25); rect(-10,38,20,30,10); // tire if (spd>0) { strokeWeight(2); // tire movement if (frameCount%6 === 0) {line(-5,59,5,59);} else if (frameCount%6 === 1) {line(-5,53,5,53);} else if (frameCount%6 === 2) {line(-5,47,5,47);} } if (turnSpd !== 0) {popMatrix();} }; var auth="philfulks"; var displayedsections = sectioncnt; // for initial 'build' at program start var tcnt=10, tdir=0; // 'turn' count, direction (0,1,2) var lv=0; frameRate(60); var draw = function() { if (lv === 0) { background(193, 221, 230); fill(1, 8, 71); textSize(27); text("Select track width:",0,-40); textSize(18); text("Narrow Regular Wide Widest",0,20); //text(mouseX+" "+mouseY,0,100); noFill(); for (var i=-190; i<120; i+=99) {rect(i,0,80,40,8);} return; } b2dflag=false; // build initial path if (displayedsections > 0) { // length of startr? 50 max? tcnt--; if (tcnt < 0) { tcnt=floor(random(5,15)); tdir=round(random(2.499));} sct(tdir); build2Ddisplay(); displayedsections--; } // remove last / add next section - if far enough away from 'last' if (dist(0,0,x[0],y[0]) > height0.8tw/100) { x=x.slice(5); y=y.slice(5); z=z.slice(5); f=f.slice(8); w=w.slice(8); for (var i=0; i<f.length; i++) { f[i]-=5; w[i]-=5; } tcnt--; if (tcnt < 0) { tcnt=floor(random(5,15)); tdir=round(random(2.49)); // 0 is half as likely as 1 or 2 } sct(tdir); build2Ddisplay(); if (pnbr<99.3) {pnbr+=0.05;} // add to 'score' //if (pnbr>-1 && dist(0,0,x[0],y[0]) > height2) {pnbr-=0.1;} //'off road' scoring } // 'color intersect' collision detection & player movement ................... background(255, 255, 255); stroke(0, 0, 0); strokeWeight(60); // closeness to wall for collision for (var i=0; i<x.length-20; i+=4) { if (dist(0,0,x[w[i]],y[w[i]]) < 1200) { // wall display only if nearby line(x[w[i+1]],y[w[i+1]],x[w[i+2]],y[w[i+2]]);} } line(x[1],y[1],x[3],y[3]); // this keeps the rider from going off backwards. var movef = true; // 'move forward' flag var nx = w2, ny = h2; // 'new' x/y positions after movement if (keyIsPressed \|\| spd>0) { if (keys[81]) {nx-=spd/2;} // sidestep if (keys[69]) {nx+=spd/2;} if (spd>0) {ny+=spd1.5;} // forward var cli=get(nx,ny); if (cli < -1) { movef=false; if (pnbr>0.2) {pnbr-=0.2;} // deduct if hit the wall } } if (keyIsPressed \|\| spd>0) { if (movef) { if (keys[81]) {movex(spd/2);} // sidestep if (keys[69]) {movex(-spd/2);} if (spd>0) {movey(-spd1.5);} // forward } var tspd = spd100/tw; // turning speed - needed for when spd===0 if (spd === 0) {tspd=5;} if (keys[LEFT] && !keys[RIGHT]) {rz(-0.21tspd,-1);} else { // 0.105 for tw x tw if (keys[RIGHT] && !keys[LEFT]) {rz(0.21tspd,1);} else { if (turnSpd > 0) {turnSpd-=1;} if (turnSpd < 0) {turnSpd+=1;} if (!movef) { // auto rotate if 'forward' collision... if (rotC === 0) { for (var ang=5; ang<=150; ang+=5) { var c1 = get((w2+cos(270-ang)15),(h2+sin(270-ang)15)); var c2 = get((w2+cos(270+ang)15),(h2+sin(270+ang)15)); if (c1 > c2) {rotC=1; ang=999;} else if (c2 > c1) {rotC=2; ang=999;} else if (c1 < -1 && c1===c2) {rotC=1; ang=999;} } } if (rotC===1) {rz(-1.2,0);} else if (rotC===2) {rz(1.2,0);} } } } build2Ddisplay(); } // speed change............................. if (keys[UP] && spd<(tw/10) && spdchng===1) {spd+=1; spdchng=2;} if (keys[DOWN] && spd>0 && spdchng===1) {spd-=1; spdchng=2;} // main display..................................................... background(193, 221, 230); strokeWeight(1); // background features (sun, clouds) for (var i=0; i<dbx.length; i++) { if (dbx[i] > -(w2+90) && dbx[i] < (w2+90) && dby[i]<0) { stroke(36, 38, 69,55); if (i===0) {fill(251, 255, 0);} else {fill(252, 252, 252);} ellipse(dbx[i],bs[i],bw[i],bh[i]); } } // display pillars - reverse order - sort not needed if..... fill(97, 98, 115); stroke(31, 33, 46); for (var i=f.length-4; i>7; i-=4) { if (i%48 === pillarcnt) { // 'pillar' every 8th section var w1=0; // 'pillar width' is 1/3 of tw if ((perspect+y[f[i]]) !== 0) {w1 = (perspect/(perspect+y[f[i]])) * tw/6;} dispquad(dx[f[i]]-w1,dy[f[i]], dx[f[i]]+w1,dy[f[i]],dx[f[i]]+w1,h2, dx[f[i]]-w1,h2); } } // display floor - order doesn't matter as long a z[] is zero??? fill(173, 175, 194); stroke(149, 150, 158); for (var i=0; i<f.length-1; i+=4) { dispquad(dx[f[i]], dy[f[i]], dx[f[i+1]], dy[f[i+1]], dx[f[i+2]], dy[f[i+2]], dx[f[i+3]], dy[f[i+3]]); } // display walls - reverse order stroke(104, 110, 104); for (var i=w.length-4; i>=0; i-=4) { // off the screen check? line(dx[w[i+1]], dy[w[i+1]], dx[w[i+2]], dy[w[i+2]]); line(dx[w[i]], dy[w[i]], dx[w[i+1]], dy[w[i+1]]); } displayPlayer(); // display map // fill(255, 0, 0); textSize(11); // for (var i=0; i<x.length; i++) {if (z[i] === 0) {text(i,x[i]/3,-y[i]/3+70);}} // stroke(255, 0, 0); // for (var i=0; i<x.length-6; i+=5) { // line(x[i+1]/3,-y[i+1]/3+70,x[i+6]/3,-y[i+6]/3+70); // line(x[i+3]/3,-y[i+3]/3+70,x[i+8]/3,-y[i+8]/3+70);} // misc text... fill(12, 4, 224); textSize(60); if (spd === 0) {text("0",w2-32,-h2+50);} else { text(spd*5,w2-52,-h2+50);} textSize(17); text("Speed",w2-38,-h2+12); if (startmsg) { fill(173, 175, 194,220); rect(-150,h2-83,300,82,8); noFill(); strokeWeight(2); stroke(5, 0, 55,99); rect(119,h2-26,22,22,5); fill(5, 0, 55); textSize(16); text("X",130,h2-15); text("Use the arrow or wasd keys.\nPress & release to change speed.\nKey q/e or j/l for a sideways shift.\nGet the rider's number up to 99.",0,h2-40); if (pnbr > 15) {startmsg=false;} } }; keyPressed = function() { keys[keyCode]=true; if (key.toString() === 'w') {keys[UP]=true;} if (key.toString() === 's') {keys[DOWN]=true;} if (key.toString() === 'a') {keys[LEFT]=true;} if (key.toString() === 'd') {keys[RIGHT]=true;} if (key.toString() === 'j') {keys[81]=true;} if (key.toString() === 'l') {keys[69]=true;} if ((keys[UP] \|\| keys[DOWN]) && spdchng===0) {spdchng=1;} }; keyReleased = function() { keys[keyCode]=false; if (key.toString() === 'w') {keys[UP]=false;} if (key.toString() === 's') {keys[DOWN]=false;} if (key.toString() === 'a') {keys[LEFT]=false;} if (key.toString() === 'd') {keys[RIGHT]=false;} if (key.toString() === 'j') {keys[81]=false;} if (key.toString() === 'l') {keys[69]=false;} if ((!keys[UP] && !keys[DOWN])) {spdchng=0;} }; mouseClicked = function() { if (lv === 0) { if (mouseY > h2-5 && mouseY < h2+40) { lv=1; if (mouseX < w2-100) {tw=70;} else if (mouseX < w2) {tw=100;} else if (mouseX < w2+100) {tw=200;} else {tw=400;} } } else if (mouseX>w2+110 && mouseX<w2+150 && mouseY>height-35) {startmsg=false;} };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMiko_yFCww
Votes	850
Spin-Offs	43
Type
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"4658766173831168","title":"road","deleted":"false","official":"false"}
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	1 years ago, 1707881051321
Updated	3 months ago, 1744820578431
Source Deleted	unknown