Viewing Program

Program Data

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

Title	A Bumpy Ride [Khantober]
ID	4620746672373760
Created	9 years ago, 1475936815872
Updated	7 years ago, 1537337390132
Code	/*************************** I know that this game is far from perfect, but it is (I hope) unique in Khan Academy so far. I challenge you to complete this game with the variable on line 36 set to 50. Put your name here - Name: ________. Your goal is to get to the flag at the end of the ride. You lose if your cycle overturns or falls down. CONTROLS:- 1) RIGHT and LEFT arrow keys to move forward and backward. 2) UP and DOWN arrow keys to lift front wheel and back wheel. 3) Sorry, but I couldn't add mobile capacity because of the lag (though a computer can easily handle it). OTHER INFORMATION:- 1) Beware of eerily distorted terrain (it is very buggy), but it is almost always followed by a smoother section. 2) Please tell me if you find any bugs in 'normal' areas. 3) Your score depends on the time you took and the distance you covered. 4) Unpassable terrain MIGHT occur. 5) The sun's progress on the screen tells you the distance that is left. 6) Every bump in the ground is a accurate representation of the way the wheels will bounce. 7) You can use WASD too. LEADERBOARD:- 1) SavageookwolfGaming - 29 2) TheLuckyRobot - 28 3) Joey Thornberry - 28 **************************/ var n = 10; /Length of the track, high value gives more lag./ var mD = 90; /The distance between the wheels, you can change it to get some comical effects!/ var smoothP = false; /Change to true for perfect smoothness.*/ var accuracy = 55; //Accuracy of the parabolic paths, has a bad effect without more smoothness. var gravity = 3.5; //Do not change. var keys = []; //Stores all the keys that are pressed. keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var menu = true; //Are you playing? var colliding = false; //Checks whether the wheels are colliding with the surface. var sect = function(x1, y1, x2, y2, m1, m2) { var secX = (m1 x2 + m2 * x1) / (m1 + m2); var secY = (m1 * y2 + m2 * y1) / (m1 + m2); return new PVector(secX, secY); }; //The sector formula. var Wheel = function(x, y) { this.pos = new PVector(x, y); this.vel = new PVector(); this.acc = new PVector(); this.adding = false; this.ang = 0; }; //Declares the essential variables for the wheels. Wheel.prototype.applyForce = function(force) { var ff = constrain(force.mag(), -70, 70); var fs = force.get(); fs.normalize(); fs.mult(ff); var f = PVector.div(fs, 30); this.acc.add(f); }; //Applies forces to the wheels. Wheel.prototype.draw = function() { noFill(); stroke(0); strokeWeight(8); ellipse(this.pos.x, this.pos.y - 5, 50, 50); strokeWeight(3); for(var i = this.ang; i < 360 + this.ang; i += 30) { line(this.pos.x, this.pos.y - 5, this.pos.x + cos(i) * 20, this.pos.y + sin(i) * 20 - 5); } }; //Draws the wheels. Wheel.prototype.update = function() { this.vel.add(this.acc); var cVal = 9; this.vel.x = constrain(this.vel.x, -cVal, cVal); this.vel.y = constrain(this.vel.y, -cVal, cVal); this.pos.add(this.vel); this.acc.mult(0); if(this.adding) { var sp = this.vel.mag(); if(this.vel.x < 0) { sp = -1; } this.ang += (sp 180) / (PI * 50); } }; //Updates the wheels. Wheel.prototype.respond = function() { if(keys[LEFT] \|\| keys[65]) { this.applyForce(new PVector(-4, 0)); } if(keys[RIGHT] \|\| keys[68]) { this.applyForce(new PVector(4, 0)); } }; //Makes the wheels interact with a player. var t = []; //Stores the start, end and control points of each parabola. var ic = 150; //The distance between each start and end point of a parabola. var preP = new PVector(); //Helps to join the parabolas. for(var i = 0; i < ic * n * 6; i += ic) { if(i / ic % 6 === 0) { t[i / ic + 0] = preP.x; t[i / ic + 1] = preP.y; if(i === 0) { t[i / ic + 0] = round(random(i + ic - 200, i + ic + 200)); t[i / ic + 1] = round(random(250, 550)); } t[i / ic + 2] = round(random(i + 400, i + 700)); t[i / ic + 3] = round(random(150, 850)); preP.x = round(random(i + 800, i + 1400)); preP.y = round(random(250, 550)); t[i / ic + 4] = preP.x; t[i / ic + 5] = preP.y; } } //Fills the 't' array. var w1 = new Wheel(t[0] + 260, 60); //The first wheel. var w2 = new Wheel(w1.pos.x + mD, w1.pos.y); //The second wheel. var Terrain = function(x1, y1, c1x, c1y, x2, y2) { this.p1 = new PVector(x1, y1 - 100); var ps = this.p1; this.p2 = new PVector(x2, y2 - 100); if(this.p1.x < this.p2.x) { this.p1 = this.p2; this.p2 = ps; } this.cCheck = 0; this.c1 = new PVector(c1x, c1y - 100); this.m1 = PVector.sub(this.p1, this.c1); this.m2 = PVector.sub(this.c1, this.p2); this.m = this.m1.mag(); this.mm = this.m2.mag(); this.touched = 0; this.cVel = 0; this.cv = 0; this.cc = false; this.cc2 = false; this.pt1 = []; this.tangents = []; var proc = dist(this.p1.x, this.p1.y, this.p2.x, this.p2.y) / 1500; for(var i = 0; i < accuracy; i++) { this.m1 = PVector.sub(this.p1, this.c1); this.m1.normalize(); this.m1.mult(-this.m / accuracy * i); this.m1.add(this.p1); this.m2 = PVector.sub(this.c1, this.p2); this.m2.normalize(); this.m2.mult(-this.mm / accuracy * i); this.m2.add(this.c1); var pp1 = sect(this.m1.x, this.m1.y, this.m2.x, this.m2.y, i, accuracy - i); var rS = random(0, 1); if(smoothP) { rS = 1; } if(rS < proc && i !== 0 && i !== accuracy - 1) { pp1.x += random(-5, 5); pp1.y += random(-5, 5); } this.pt1.push(pp1); } this.pt1.push(this.p2); for(var i = 0; i < this.pt1.length; i++) { var pppp1 = new PVector(this.pt1[i].x, this.pt1[i].y); var check; if(i < this.pt1.length - 1) { check = this.pt1[i + 1]; } var pppp2 = new PVector(check.x, check.y); pppp2.sub(pppp1); this.tangents.push(pppp2.heading()); } }; //Declares essential varibles and locates every point on the track. Terrain.prototype.draw = function(obj) { noFill(); stroke(0); strokeWeight(3); this.cCheck = 0; var onC = 0; var tR = []; var posmap = new PVector(); for(var i = 0; i < this.pt1.length - 1; i++) { if(this.pt1[i].x > w1.pos.x - 310 && this.pt1[i].x < w1.pos.x + 400) { if(i !== this.pt1.length - 1) { noStroke(); fill(107, 21, 21); quad(this.pt1[i].x, this.pt1[i].y, this.pt1[i + 1].x, this.pt1[i + 1].y, this.pt1[i + 1].x, 600, this.pt1[i].x, 600); noFill(); } if(dist(obj.pos.x, obj.pos.y, this.pt1[i].x, this.pt1[i].y) < 25) { onC++; if(this.touched === 0 \|\| this.touched === this.tangents[i]) { var fit = 90; var m = 1000; var fMag = new PVector(cos(this.tangents[i] + fit), sin(this.tangents[i] + fit)); fMag.mult(m); obj.applyForce(fMag); obj.applyForce(new PVector(0, -gravity)); tR = [this.tangents[i], this.pt1[i]]; posmap = obj.pos; this.touched = this.tangents[i]; } } if(onC > 0) { if(obj === w1) { this.cVel = obj.vel.mag(); this.cc = true; } else { this.cv = obj.vel.mag(); this.cc2 = true; } this.cCheck++; } else { this.touched = 0; if(this.cc && obj === w1) { obj.vel.normalize(); obj.vel.mult(this.cVel * 0.9); this.cVel = 0; this.cc = false; } if(this.cc2 && obj === w2) { obj.vel.normalize(); obj.vel.mult(this.cv * 0.9); this.cv = 0; this.cc2 = false; } } } } }; //Draws the track and makes it bounce the wheels. Terrain.prototype.DL = function() { for(var i = 0; i < this.pt1.length - 1; i++) { if(this.pt1[i].x > w1.pos.x - 310 && this.pt1[i].x < w1.pos.x + 400 && i !== this.pt1.length - 1) { stroke(69, 171, 51); strokeWeight(9); line(this.pt1[i].x, this.pt1[i].y, this.pt1[i + 1].x, this.pt1[i + 1].y); } } }; var ts = []; //Stores all the parabolas. for(var i = 0; i < t.length; i += 6) { ts.push(new Terrain(t[i], t[i + 1], t[i + 2], t[i + 3], t[i + 4], t[i + 5])); } //Fills the 'ts' array from the 't' array. var cycAng = 0; //The angle between the two wheels and the x-axis. var won = false; //You have not won, var dead = false; //Nor are you dead. var score = 0; //Changing this is useless. var timer = 1; // "" "" "" "" var yVs = []; //The x-coords of the hills. var xVs = []; //The y-coords of the hills. for(var i = -180; i < 100 + t[t.length - 2] / 2; i += 180) { xVs.push(i + random(-60, 60)); if(i % 360 === 0) { yVs.push(200 + random(-60, 60)); } else { yVs.push(300 + random(-60, 60)); } } //Defines the position of the hills. var disR = 0; //The angle by which the sun rotates. var c1 = color(53, 98, 196); //The control colors for the background. var c2 = color(134, 174, 227); draw = function() { cursor(ARROW); noStroke(); for(var i = 0; i < 600; i += 50) { fill(lerpColor(c2, c1, i / 600)); rect(0, i, 600, 50); } //The background. pushMatrix(); translate(-w1.pos.x / 6, 0); fill(160); strokeWeight(2); stroke(160); for(var i = 2; i < xVs.length; i += 2) { triangle(xVs[i - 1], yVs[i - 1], xVs[i - 2], yVs[i - 2], xVs[i], yVs[i]); quad(xVs[i], yVs[i], xVs[i - 2], yVs[i - 2], xVs[i - 2], 600, xVs[i], 600); } //Draws the hills popMatrix(); stroke(181, 147, 54); fill(214, 177, 75); pushMatrix(); translate(550 - w1.pos.x / 18, 50); ellipse(0, 0, 50, 50); for(var i = disR; i < 360 + disR; i += 15) { line(cos(i) * (sin((i) * 5) + 3) * 20, sin(i) * (sin(i * 5) + 3) * 20, cos(i) * 30, sin(i) * 30); } //Draws the sun. popMatrix(); disR += 0.1; //Makes the sun turn. colliding = false; //Resets the colliding variable. pushMatrix(); var onn = 0; //Helps for the collision. translate(-w1.pos.x + 250, 0); //Keeps the bicycle in the center. for(var i in ts) { ts[i].DL(); } //(I know)... for(var i in ts) { ts[i].draw(w1); ts[i].draw(w2); if(ts[i].cCheck > 0) { onn++; } } //Draws the ground and makes it bounce the cycle. if(onn > 0) { colliding = true; //Are we touching the ground? } w1.adding = true; //These two, are silly and pointless. w2.adding = true; /Draws and updates the wheels (includes turning the angle between the wheels and making the cycle a 'cycle' instead of two wheels bouncing independently)/ w1.draw(); w1.respond(); w1.applyForce(new PVector(0, gravity)); if(w2.pos.x < t[t.length - 2] && !dead && !menu) { w1.update(); } w2.draw(); w2.respond(); w2.applyForce(new PVector(0, gravity)); if(keys[UP] \|\| keys[87]) { var anc = PVector.sub(w1.pos, w2.pos).heading() + 90; var pointing = new PVector(cos(anc), sin(anc)); pointing.mult(4); w2.applyForce(pointing); } else if(keys[DOWN] \|\| keys[83]) { var anc = PVector.sub(w1.pos, w2.pos).heading() + 90; var pointing = new PVector(cos(anc), sin(anc)); pointing.mult(4); w1.applyForce(pointing); } if(w2.pos.x < t[t.length - 2]) { if(!dead && !menu) { w2.update(); } } else { won = true; } score = (w2.pos.x - t[0] - 260) / (timer + 5); var mulV = 0.985; w1.vel.mult(mulV); w2.vel.mult(mulV); var duri = dist(w1.pos.x, w1.pos.y, w2.pos.x, w2.pos.y); if(duri > mD + 8 \|\| duri < mD - 8) { var pointing = PVector.sub(w1.pos, w2.pos); var pm = mD - pointing.mag(); pointing.normalize(); pointing.mult(pm * 3); if(duri < mD - 20 \|\| duri > mD + 20) { pointing.mult(7); } w1.applyForce(pointing); w2.applyForce(PVector.mult(pointing, -1)); } /End of wheel updates/ cycAng = PVector.sub(w1.pos, w2.pos).heading(); //Updates the angle between the two wheels. if((((cycAng < 50 && cycAng > 0) \|\| (cycAng > -50 && cycAng < 0)) && colliding) \|\| w1.pos.y > 750) { this.dead = true; //Are you dead? } //Declaring essential variables for drawing the cycle (I've forgotten which ones were which). var pp1 = new PVector((w2.pos.x + w1.pos.x) / 2, (w2.pos.y + w1.pos.y) / 2 - 5); var pp2 = new PVector(w2.pos.x + cos(cycAng + 65) * 35, w2.pos.y + sin(cycAng + 65) * 35 - 5); var pp3 = new PVector(w1.pos.x + cos(cycAng + 110) * 42, w1.pos.y + sin(cycAng + 110) * 42 - 5); var pp4 = new PVector(w2.pos.x + cos(cycAng + 65) * 70, w2.pos.y + sin(cycAng + 65) * 70 - 5); var pp5 = new PVector(w2.pos.x + cos(cycAng + 57) * 80, w2.pos.y + sin(cycAng + 57) * 80 - 5); var pp6 = new PVector(w2.pos.x + cos(cycAng + 65) * 65, w2.pos.y + sin(cycAng + 65) * 65 - 5); var pp7 = new PVector(w2.pos.x + cos(cycAng + 57) * 75, w2.pos.y + sin(cycAng + 57) * 75 - 5); strokeWeight(6); //Draws the cycle. line(w1.pos.x, w1.pos.y - 5, pp1.x, pp1.y); line(pp1.x, pp1.y, pp2.x, pp2.y); line(pp1.x, pp1.y, pp3.x, pp3.y); line(pp2.x, pp2.y, pp3.x, pp3.y); line(pp3.x, pp3.y, w1.pos.x, w1.pos.y - 5); line(w2.pos.x, w2.pos.y - 5, pp4.x, pp4.y); line(pp4.x, pp4.y, pp5.x, pp5.y); line(pp6.x, pp6.y, pp7.x, pp7.y); line(pp7.x, pp7.y, pp5.x, pp5.y); stroke(161, 27, 27); strokeWeight(1); line(w1.pos.x, w1.pos.y - 5, pp1.x, pp1.y); line(pp1.x, pp1.y, pp2.x, pp2.y); line(pp1.x, pp1.y, pp3.x, pp3.y); line(pp2.x, pp2.y, pp3.x, pp3.y); line(pp3.x, pp3.y, w1.pos.x, w1.pos.y - 5); //Draws the flag at the end. strokeWeight(4); stroke(0); fill(217, 24, 24); line(t[t.length - 2], t[t.length - 1] - 100, t[t.length - 2], t[t.length - 1] - 200); triangle(t[t.length - 2], t[t.length - 1] - 170, t[t.length - 2], t[t.length - 1] - 200, t[t.length - 2] + 50, t[t.length - 1] - 185); strokeWeight(2); popMatrix(); textAlign(CENTER); textFont(createFont("monospace")); var tsco = round(score / 40); //Calculates the displayed score. textSize(25); fill(0); text("Score : " + tsco, 155, 40); //Displays the score. if(dead) { //If you are dead... fill(0); textSize(80); text("GAME OVER", 300, 250); //Do this. } if(won) { //If you won... fill(0); textSize(80); text("You Win!!!", 300, 250); //Be happy! textSize(30); text("Post your score in a spin-off,\nif you scored a high score.", 300, 450); } if(won \|\| dead) { //Elements which are shared by the victory and death screens. fill(255, 255, 255, 150); stroke(0); rect(0, 0, 600, 600); if(mouseIsPressed) { //Resets the game. timer = 1; t = []; for(var i = 0; i < ic * n * 6; i += ic) { if(i / ic % 6 === 0) { t[i / ic + 0] = preP.x; t[i / ic + 1] = preP.y; if(i === 0) { t[i / ic + 0] = round(random(i + ic - 200, i + ic + 200)); t[i / ic + 1] = round(random(250, 550)); } t[i / ic + 2] = round(random(i + 400, i + 700)); t[i / ic + 3] = round(random(150, 850)); preP.x = round(random(i + 800, i + 1400)); preP.y = round(random(250, 550)); t[i / ic + 4] = preP.x; t[i / ic + 5] = preP.y; } } ts = []; for(var i = 0; i < t.length; i += 6) { ts.push(new Terrain(t[i], t[i + 1], t[i + 2], t[i + 3], t[i + 4], t[i + 5])); } w1 = new Wheel(t[0] + 260, 60); w2 = new Wheel(w1.pos.x + mD, w1.pos.y); dead = false; won = false; } textSize(16); fill(0); text("(Click to play again)", 300, 560); } else { if(!menu) { timer += 0.001; //Keep hold of the time. } } if(menu) { //Draws the menu. fill(255, 255, 255, 190); stroke(0); strokeWeight(4); rect(0, 0, 600, 600); pushMatrix(); translate(300, 250); rotate(10); fill(150); textSize(80); text("A", -108, -90); textSize(100); rotate(-17); text("BUMPY", 0, 0); textSize(75); rotate(20); text("RIDE", 34, 100); popMatrix(); pushMatrix(); translate(302, 252); rotate(10); fill(0); textSize(80); text("A", -108, -90); textSize(100); rotate(-17); text("BUMPY", 0, 0); textSize(75); rotate(20); text("RIDE", 34, 100); popMatrix(); noFill(); strokeWeight(5); if(dist(mouseX, mouseY, 300, 450) < 60) { strokeWeight(7); cursor(HAND); if(mouseIsPressed) { w1.acc.mult(0); w2.acc.mult(0); menu = false; } } else { cursor(ARROW); } ellipse(300, 450, 120, 120); textSize(32); if(dist(mouseX, mouseY, 300, 450) < 60) { textSize(35); } fill(0); text("BEGIN", 300, 463); text("BEGIN", 301, 464); text("BEGIN", 299, 462); } };
Folds	42,44,45,47,53,58,60,67,68,75,76,85,86,102,103,109,115,130,135,201,202,261,262,270,274,276,289,296,307,310,317,320,328,330,338,340,341,347
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgITgttGaCAw
Votes	242
Spin-Offs	111
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Tanyut Sharma
Author Name	tanyutsharma
Author ID	kaid_690394028229219623583763
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739365022839
Updated	10 months ago, 1739365034228
Source Deleted	unknown