Viewing Program

Program Data

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

Title	Neon Racer 2.0 [Khantober]
ID	4922782186668032
Created	8 years ago, 1507128375099
Updated	7 years ago, 1521739400273
Code	//Press the mouse on the right of the screen to go forward, on the left to go backward //Left and right arrow keys can be used also / NOTE: Replay mode is finished, turn on and off in the settings. You may want to change it to lag free when in this mode as it is a bit slower. It is normaly turned off. When turned on, it will only record ~200 frames before you crash, NOT the entire game. Note also that you can only record up to 6 replays. After that it will delete older ones. This is due to the webpage crashing after saving upwards of 2000 images. / / Feel free to make an obstacle, then create a spin off (and notify me in the T&T). Please make something that isn't to similar to anything already created, and also that you personally have been able to get past. Objects for use in an obstacle are these: Obstacles have one paramater: 'x' This param tells the object where to begin. All added objects must use this paramater in their x values. --Line-- Pretty easy to use, set a start point (x1, y1), and an end point (x2, y2) v this x is the obstacle position x Like this: objects.push(new Line('x'+x1, y1, 'x'+x2, y2)); --Arc-- A little more difficult, although not to hard The arc acts exactly like a KA arc, although you have to be careful when settings the angles. angle1 must be less than angle2, and both must be in the range of -360 to 360 (I think...) Like this: objects.push(new Arc('x'+x, y, radius, angle1, angle2)); --Coin-- Very simple object Paramaters are x and y Like this: objects.push(new Coin(x, y)); To add a new obstacle, add a new function to the obstacles array. You must return the width of your obstacle in order for the next obstacle to be added in the correct place. The first obstacle is completely labeled, use it for help / smooth(); var objects; var Line, Arc, Coin; var initGame; var obstacles = [ function(x){ //start line objects.push(new Line(x, 550, x+100, 550)); //Adds a new line //arc up objects.push(new Arc(x+100, 450, 100, 0, 90)); //Adds a new arc //arc around objects.push(new Arc(x+135, 300, 100, 80, 360)); //Adds a new arc //line out objects.push(new Line(x+200, 450, x+300, 450)); //Adds a new line objects.push(new Line(x+1000, 550, x+300, 450)); //Adds a new line for(var i = 0; i < 360; i+=20){ objects.push(new Coin(x+135+cos(i)90, 300+sin(i)90)); //Adds new coins } return 1000; //Returns the width of the obstacle }, //look at these for help adding new obstacles function(x){ //start line objects.push(new Line(x, 550, x+100, 550)); //ramp up objects.push(new Line(x+180, 450, x+100, 550)); //ramp down objects.push(new Line(x+180, 450, x+300, 550)); //finish line objects.push(new Line(x+400, 550, x+300, 550)); //start arc objects.push(new Arc(x+200, 320, 100, -180, 40)); //finish arc objects.push(new Arc(x+200, 320, 100, 120, 180)); for(var i = 0; i < 360; i+=20){ objects.push(new Coin(x+200+cos(i)90, 320+sin(i)90)); } return 400; }, function(x){ //start line objects.push(new Line(x, 550, x+200, 550)); //arc up objects.push(new Arc(x+200, 450, 100, 0, 90)); //line up objects.push(new Line(x+300, 450, x+300, 300)); //arc around objects.push(new Arc(x+220, 180, 80, 90, 360)); //line out objects.push(new Line(x+300, 300, x+600, 350)); //line down objects.push(new Line(x+1200, 550, x+600, 350)); //line out objects.push(new Line(x+1200, 550, x+1500, 550)); for(var y = 300; y <= 450; y+=25){ objects.push(new Coin(x+280, y)); } return 1500; }, function(x){ //start line objects.push(new Line(x, 550, x+100, 550)); //ramp up objects.push(new Line(x+180, 450, x+100, 550)); //ramp down objects.push(new Line(x+180, 450, x+300, 550)); //finish line objects.push(new Line(x+400, 550, x+300, 550)); //start arc objects.push(new Arc(x+200, 320, 100, -140, 60)); //finish arc objects.push(new Arc(x+170, 320, 100, 110, 200)); for(var i = 70; i > -160; i-=20){ objects.push(new Coin(x+200+cos(i)90, 320+sin(i)90)); } return 400; }, function(x){ //start line objects.push(new Line(x, 550, x+200, 550)); //arc up objects.push(new Arc(x+200, 450, 100, 10, 90)); objects.push(new Line(x+320, 550, x+800, 550)); for(var a = -100; a > -271; a-=10){ objects.push(new Coin(x+350+35sin(a), 500+400cos(a))); } return 800; }, function(x){ //start line objects.push(new Line(x, 550, x+200, 550)); //arc up objects.push(new Arc(x+200, 450, 100, -10, 90)); //arc around 1 objects.push(new Arc(x+200, 300, 100, 80, 360)); //arc around 2 objects.push(new Arc(x+400, 300, 100, -180, 90)); objects.push(new Arc(x+400, 300, 100, 170, 180)); //arc down objects.push(new Arc(x+400, 450, 100, 90, 180)); //line out objects.push(new Line(x+400, 550, x+600, 550)); for(var a = 70; a <= 360; a+=20){ objects.push(new Coin(x+200+cos(a)80, 300+sin(a)80)); } for(var a = -180; a <= 90; a+=20){ objects.push(new Coin(x+400+cos(a)80, 300+sin(a)80)); } return 600; }, function(x){ //start line objects.push(new Line(x, 550, x+400, 550)); //Adds a new line //arc up objects.push(new Arc(x+400, 450, 100, 40, 90)); //Adds a new arc //arc down objects.push(new Arc(x+1250, 450, 100, 90, 140)); //Adds a new arc //line out objects.push(new Line(x+1250, 550, x+1600, 550)); //Adds a new line for(var i = -170; i < 0; i+=10){ objects.push(new Coin(x+860+cos(i)390, 525+sin(i)350)); //Adds new coins } return 1600; //Returns the width of the obstacle }, //made by @MallekToins function(x){ //start line objects.push(new Line(x, 550, x+200, 550)); //arc up objects.push(new Arc(x+200, 450, 100, -10, 90)); //arc around 2 objects.push(new Arc(x+200, 300, 100, 90, 360)); objects.push(new Arc(x+300, 330, 100, 10, 90)); //arc down objects.push(new Arc(x+400, 450, 100, 90, 180)); //line out objects.push(new Line(x+400, 550, x+800, 550)); for(var a = 70; a <= 360; a+=20){ objects.push(new Coin(x+200+cos(a)80, 300+sin(a)80)); } for(var a = -180; a <= 90; a+=20){ //objects.push(new Coin(x+400+cos(a)80, 300+sin(a)80)); } return 800; }, function(x){ //start line objects.push(new Line(x, 550, x+100, 550)); //Adds a new line //arc up objects.push(new Arc(x+100, 450, 100, 0, 90)); //Adds a new arc objects.push(new Arc(x+300,370,50,45,90)); //arc around objects.push(new Arc(x+100, 300, 100, 85, 360)); //Adds a new arc //line out objects.push(new Line(x+200, 450, x+200, 420)); //Adds a new line objects.push(new Line(x+200, 350, x+200, 300)); //Adds a new line objects.push(new Line(x+200, 420, x+300, 420)); objects.push(new Line(x+336,405,x+365,380)); objects.push(new Line(x+700,450,x+2000,550)); for(var i = 0; i < 360; i+=20){ objects.push(new Coin(x+100+cos(i)90, 300+sin(i)90)); //Adds new coins } return 2000; //Returns the width of the obstacle }, ]; var lagFree = false; var GRAVITY = 0.1; var ELASTICITY = 0.1; var DAMPING = 0.99; var FRICTION = 0.95; //0.95 var cars = [ { name: "Basic Bike", acc: 1, flipSpeed: 1, wheelR: 10, wheelD: 40, spokes: 3, bought: true, cost: 0, head: 8, }, { name: "Race Bike", acc: 1.1, flipSpeed: 1.5, wheelR: 9, wheelD: 30, spokes: 3, bought: false, cost: 200, head: 6, }, { name: "Monster Truck", acc: 1.1, flipSpeed: 1, wheelR: 12, wheelD: 45, spokes: 5, bought: false, cost: 500, head: 9, }, { name: 'Big Bob', acc: 1.1, flipSpeed: 2, wheelR: 15, wheelD: 30, spokes: 3, bought: false, cost: 1000, head: 10, }, { name: 'Tiny Tim', acc: 1, flipSpeed: 1.5, wheelR: 8, wheelD: 30, spokes: 3, bought: false, cost: 1000, head: 10, }, ]; var carParams = cars[0]; var viewCar = cars[0]; var car; var carClr = color(0, 255, 0); var score = 0; var highscore = 0; var money = 0; var drawBasicCar = function(car, x, y){ stroke(carClr); strokeWeight(4); fill(0); line(x-car.wheelD/2, y, x+car.wheelD/2, y); ellipse(x-car.wheelD/2, y, car.wheelR2, car.wheelR2); ellipse(x+car.wheelD/2, y, car.wheelR2, car.wheelR2); for(var i = 0; i < 360; i+=360/car.spokes){ line(x+car.wheelD/2, y, x+car.wheelD/2+cos(i)car.wheelR, y+sin(i)car.wheelR); line(x-car.wheelD/2, y, x-car.wheelD/2+cos(i)car.wheelR, y+sin(i)car.wheelR); } ellipse(x, y-car.head2, car.head2, car.head2); }; /**Button Functions*/ var doFunctions = function(arr, func){ for(var i = 0; i < arr.length; i++){ arr[i][func](); } }; var Button = function(x, y, w, h, roundness, normClr, pressClr, txt, txtNormClr, txtOverClr, txtSize, normStrke, overStrke, normStrokeW, overStrokeW, func){ this.x = x; this.y = y; this.w = w; this.h = h; this.clr = normClr; this.normClr = normClr; this.pressClr = pressClr; this.roundness = roundness; this.txt = txt; this.txtClr = txtNormClr; this.txtNormClr = txtNormClr; this.txtOverClr = txtOverClr; this.txtSize = txtSize; this.strke = normStrke; this.normStrke = normStrke; this.overStrke = overStrke; this.strokeW = normStrokeW; this.normStrokeW = normStrokeW; this.overStrokeW = overStrokeW; this.selected = false; if(func){ this.func = func; } this.transition = 0; }; Button.prototype.mouseOver = function(){ return mouseX > this.x && mouseX < this.x+this.w && mouseY > this.y && mouseY < this.y+this.h; }; Button.prototype.mousePressed = function(){ if(this.mouseOver()){ this.selected = true; return true; } }; Button.prototype.mouseReleased = function(){ if(this.selected){ this.func(); this.selected = false; return true; } }; Button.prototype.draw = function() { stroke(this.strke); strokeWeight(this.strokeW-1); if(this.clr){ fill(this.clr); }else{ noFill(); } rect(this.x, this.y, this.w, this.h, this.roundness); textAlign(CENTER, CENTER); textSize(this.txtSize); fill(this.txtClr); text(this.txt, this.x+this.w/2, this.y+this.h/2); }; Button.prototype.fade = function(){ if(this.selected\|\|this.mouseOver()){ this.transition = min(10, this.transition+1); }else{ this.transition = max(0, this.transition-1); } if(this.clr){ this.clr = lerpColor(this.normClr, this.pressClr, this.transition/10); } this.txtClr = lerpColor(this.txtNormClr, this.txtOverClr, this.transition/10); this.strke = lerpColor(this.normStrke, this.overStrke, this.transition/10); this.strokeW = lerp(this.normStrokeW, this.overStrokeW, this.transition/10); }; var Buttons = function(){ this.components = []; }; Buttons.prototype.draw = function() { doFunctions(this.components, 'draw'); doFunctions(this.components, 'fade'); }; Buttons.prototype.mouseOver = function() { doFunctions(this.components, 'mouseOver'); }; Buttons.prototype.mousePressed = function() { doFunctions(this.components, 'mousePressed'); }; Buttons.prototype.mouseReleased = function() { doFunctions(this.components, 'mouseReleased'); }; Buttons.prototype.add = function(type, params) { var params = params\|\|{}; var x = params.x!==undefined?params.x:100; var y = params.y!==undefined?params.y:100; var w = params.w!==undefined?params.w:100; var h = params.h!==undefined?params.h:30; var txt = params.txt\|\|"Error"; var txtSize = params.txtSize\|\|h/1.4; var rounds = params.round\|\|2; var normClr = params.normClr!==undefined?params.normClr:color(255, 0, 0); var pressClr = params.pressClr!==undefined?params.pressClr:color(255, 0, 0); var normTxtClr = params.normTxtClr\|\|color(0); var pressTxtClr = params.pressTxtClr\|\|color(0); var normStrke = params.normStroke\|\|color(255, 255, 255, 0); var overStrke = params.overStroke\|\|color(255, 255, 255, 0); var normStrokeW = params.normStrokeW\|\|0; var overStrokeW = params.overStrokeW\|\|0; var func = params.func\|\|function(){println("Error");}; this.components.push(new type(x, y, w, h, rounds, normClr, pressClr, txt, normTxtClr, pressTxtClr, txtSize, normStrke, overStrke, normStrokeW, overStrokeW, func)); }; /Mode/Button Handling/ var modes = [ "menu", "play", "help", "lag", "settings", "shop", "replay_select", "replay", ]; var mode = "lag"; var buttons = {}; var recordGame = false; for(var i = 0; i < modes.length; i++){ buttons[modes[i]] = new Buttons(); } buttons.lag.add(Button, { x: 100, y: 150, w: 200, h: 50, txt: "Lag Free Gameplay", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ lagFree = true; }, }); buttons.lag.add(Button, { x: 100, y: 220, w: 200, h: 50, txt: "Fancy Gameplay", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ lagFree = false; }, }); buttons.lag.add(Button, { x: 100, y: 400, w: 200, h: 50, txt: "Continue", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "menu"; }, }); buttons.settings.add(Button, { x: 100, y: 50, w: 200, h: 50, txt: "Lag Free Gameplay", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ lagFree = true; }, }); buttons.settings.add(Button, { x: 100, y: 120, w: 200, h: 50, txt: "Fancy Gameplay", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ lagFree = false; }, }); buttons.settings.add(Button, { x: 100, y: 300, w: 200, h: 50, txt: "Record Games: "+recordGame, pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ recordGame = !recordGame; this.txt = "Record Games: "+recordGame; }, }); buttons.settings.add(Button, { x: 100, y: 520, w: 200, h: 50, txt: "Menu", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ initGame(false); mode = "menu"; }, }); buttons.menu.add(Button, { x: 100, y: 150, w: 200, h: 50, txt: "Play", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ initGame(true); mode = "play"; }, }); buttons.menu.add(Button, { x: 100, y: 220, w: 200, h: 50, txt: "Garage", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "shop"; }, }); buttons.menu.add(Button, { x: 100, y: 290, w: 200, h: 50, txt: "Replays", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "replay_select"; }, }); buttons.menu.add(Button, { x: 100, y: 380, w: 200, h: 50, txt: "Settings", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "settings"; }, }); buttons.menu.add(Button, { x: 100, y: 450, w: 200, h: 50, txt: "Help", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "help"; }, }); buttons.play.add(Button, { x: 10, y: 540, w: 50, h: 50, txt: "Menu", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ initGame(); mode = "menu"; }, }); buttons.replay.add(Button, { x: 10, y: 540, w: 50, h: 50, txt: "Back", pressClr: color(0, 0, 0, 0), normClr: color(0, 0, 0, 0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ initGame(); mode = "replay_select"; }, }); buttons.shop.add(Button, { x: 100, y: 520, w: 200, h: 50, txt: "Menu", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "menu"; initGame(); }, }); buttons.shop.add(Button, { x: 100, y: 420, w: 200, h: 50, txt: "Buy", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ if(money>=viewCar.cost&&!viewCar.bought){ carParams = viewCar; viewCar.bought = true; money-=viewCar.cost; } }, }); buttons.help.add(Button, { x: 100, y: 520, w: 200, h: 50, txt: "Menu", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "menu"; }, }); buttons.replay_select.add(Button, { x: 100, y: 520, w: 200, h: 50, txt: "Menu", pressClr: color(0), normClr: color(0), txtSize: 14, normTxtClr: color(255, 0, 0), pressTxtClr: color(0, 255, 0), overStroke: color(255, 0, 0), normStroke: color(0, 255, 0), overStrokeW: 5, normStrokeW: 5, round: 100, func: function(){ mode = "menu"; }, }); var trackClr = color(255, 0, 0); /Screen Recorder WIP*/ var Recorder = function(numFrames){ this.numFrames = max(numFrames, 1); this.frames = []; this.frameIdx = 0; this.gameScore = 0; this.carDist = 0; this.paused = false; this.record = function(){ while(this.frames.length>this.numFrames){ this.frames.splice(0, 1); } var img = get(0, 0, width, height); this.frames.push(img); }; this.play = function(x, y, w, h){ image(this.frames[floor(this.frameIdx)], x, y, w, h); noStroke(); fill(255, 0, 0); rect(this.frameIdx/this.frames.length(width-10), height-5, 10, 5); /* if(this.frameIdx>this.numFrames-80&&!mouseIsPressed){ noStroke(); var o = (this.frameIdx-this.numFrames+80)/80200; fill(0, 0, 0, o); rect(x, y, w, h); fill(0, 255, 0); textSize(20); textAlign(CENTER, CENTER); //text("Distance: "+this.carDist, 200, 200); text("Score: "+this.gameScore, 200, 200); }/ if(!this.paused){ this.frameIdx++; }else{ fill(0, 255, 0); textSize(20); textAlign(CENTER, TOP); text("Press SPACE to play", 200, 5); } if(mouseIsPressed){ this.frameIdx += floor((mouseX-pmouseX)/widththis.frames.length); this.paused = true; } if(this.frameIdx>=this.frames.length){ this.frameIdx = this.frames.length-1; } if(this.frameIdx<0){ this.frameIdx = 0; } / if(this.frameIdx>=this.frames.length){ this.frameIdx = this.frames.length-1; return true; } return false;/ }; }; var recordFrames = 200; var recorder; var replays = []; var replay; /Objects/ var particles = []; var Particle = function(x, y, xvel, yvel, clr){ this.x = x; this.y = y; this.xvel = xvel; this.yvel = yvel; this.clr = clr; this.deleted = false; this.update = function(idx){ this.deleted=true; for(var i = idx+1; i < particles.length; i++){ var p = particles[i]; var d = 1+dist(p.x, p.y, this.x, this.y); if(d<50){ this.deleted = false; } } this.x+=this.xvel; this.y+=this.yvel; }; this.display = function(idx){ if(lagFree){ fill(this.clr); noStroke(); ellipse(this.x, this.y, 5, 5); }else{ for(var i = idx+1; i < particles.length; i++){ var p = particles[i]; var d = 1+dist(p.x, p.y, this.x, this.y); if(d<50){ var c = lerpColor(this.clr, p.clr, 0.5); stroke(c); strokeWeight(10/d); line(this.x, this.y, p.x, p.y); } } } }; }; particles.apply = function(){ for(var i = 0; i < this.length; i++){ this[i].display(i); this[i].update(i); if(this[i].deleted){ this.splice(i, 1); } } }; particles.clear = function(){ while(this.length>0){ this.splice(0, 1); } }; particles.add = function(x, y, xvel, yvel, clr){ this.push(new Particle(x, y, xvel, yvel, clr)); }; var objects = []; objects.apply = function(x){ for(var i = this.length-1; i >= 0; i--){ this[i].display(); this[i].update(); if(this[i].deleted\|\|!this[i].canView(x)){ this.splice(i, 1); } } }; objects.clear = function(){ while(this.length>0){ this.splice(0, 1); } }; var rotateCoords = function(x, y, cx, cy, angle){ x-=cx; y-=cy; var rotX = x cos(angle) + y * sin(angle) + cx; var rotY = y * cos(angle) - x * sin(angle) + cy; return {x: rotX, y: rotY}; }; var objStroke = function(clr){ if(lagFree){ stroke(clr); }else{ stroke(red(clr), green(clr), blue(clr), 50); } }; var Line = function(x1, y1, x2, y2){ this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2; this.x = (x1+x2)/2; this.y = (y1+y2)/2; this.angle = atan2(y2-y1, x2-x1); this.length = dist(x1, y1, x2, y2); this.canKill = true; this.canView = function(x){ return this.x1>x\|\|this.x2>x; }; this.isColliding = function(b){ var ball = {x: b.x, y: b.y, radius: b.radius, xvel: b.xvel, yvel: b.yvel}; for(var i = 0; i <= 1; i+=0.1/(ball.speed\|\|1)){ ball.x = b.x+b.xveli; ball.y = b.y+b.yveli; var pos = rotateCoords(ball.x, ball.y, this.x, this.y, this.angle); var pos2 = rotateCoords(b.x, b.y, this.x, this.y, this.angle); if(pos.x+ball.radius/2>this.x-this.length/2 && pos.x-ball.radius/2<this.x+this.length/2 && pos.y > this.y-ball.radius && pos.y < this.y+ball.radius){ return {collide: true, pos: pos2}; } } return {collide: false, pos: {}}; }; this.applyCollide = function(ball){ var col = this.isColliding(ball); if(col.collide){ ball.falling = false; ball.onLine = true; var pos = col.pos; var vel = rotateCoords(ball.xvel, ball.yvel, 0, 0, this.angle); vel.x=FRICTION; if(pos.y<this.y){ pos.y = this.y-ball.radius; vel.y=-abs(vel.y)ELASTICITY; ball.angle = this.angle-90; }else{ pos.y = this.y+ball.radius; vel.y=abs(vel.y)ELASTICITY; ball.angle = this.angle+90; } pos = rotateCoords(pos.x, pos.y, this.x, this.y, -this.angle); ball.x = pos.x; ball.y = pos.y; vel = rotateCoords(vel.x, vel.y, 0, 0, -this.angle); ball.xvel = vel.x; ball.yvel = vel.y; } }; this.update = function(){}; this.display = function(){ strokeWeight(5); objStroke(trackClr); if(lagFree){ line(this.x1, this.y1, this.x2, this.y2); }else{ for(var i = 0; i <= 1; i+=0.2){ strokeWeight(5i); line(this.x1, this.y1, this.x2, this.y2); } } }; }; var Arc = function(x, y, radius, angle1, angle2){ this.x = x; this.y = y; this.radius = radius; this.diameter = radius2; this.angle1 = angle1; this.angle2 = angle2; this.canKill = true; this.canView = function(x){ return this.x+this.radius>x; }; this.isColliding = function(b){ var ball = {x: b.x, y: b.y, radius: b.radius, xvel: b.xvel, yvel: b.yvel}; for(var i = 0; i <= 1; i+=0.1/(ball.speed\|\|1)){ ball.x = b.x+b.xveli; ball.y = b.y+b.yveli; var d = dist(this.x, this.y, ball.x, ball.y); var a = atan2(ball.y-this.y, ball.x-this.x); if(this.angle1>=0){ while(a<0){ a+=360; } } if(this.angle2<=360){ a%=(360); } if(d < this.radius+ball.radius && d > this.radius-ball.radius && a > this.angle1-ball.radius/2 && a < this.angle2+ball.radius/2){ return {collide: true, d: d, a: a}; } return {collide: false, d: 0, a: 0}; } }; this.applyCollide = function(ball){ var col = this.isColliding(ball); if(col.collide){ ball.falling = false; var d = col.d; var a = col.a; var overlap = ((this.radius+ball.radius)-d)0.08; if(d<this.radius){ ball.angle = 180+a; /* ball.x = this.x+cos(a)(this.radius-ball.radius); ball.y = this.y+sin(a)(this.radius-ball.radius); ball.xvel=FRICTION; ball.yvel=FRICTION; ball.xvel-=cos(a)overlap; ball.yvel-=sin(a)overlap;/ var a2 = a-90; var pos = rotateCoords(ball.x, ball.y, this.x, this.y, a2); pos.y = this.y+this.radius-ball.radius; pos = rotateCoords(pos.x, pos.y, this.x, this.y, -a2); ball.x = pos.x; ball.y = pos.y; var vel = rotateCoords(ball.xvel, ball.yvel, 0, 0, a2); vel.y=-abs(vel.y)ELASTICITY; vel.x=FRICTION; vel = rotateCoords(vel.x, vel.y, 0, 0, -a2); ball.xvel = vel.x; ball.yvel = vel.y; }else{ ball.angle = a; / ball.x = this.x+cos(a)(this.radius+ball.radius); ball.y = this.y+sin(a)(this.radius+ball.radius); ball.xvel=FRICTION; ball.yvel=FRICTION; ball.xvel+=cos(a)overlap; ball.yvel+=sin(a)overlap;/ var a2 = a-90; var pos = rotateCoords(ball.x, ball.y, this.x, this.y, a2); pos.y = this.y+this.radius+ball.radius; pos = rotateCoords(pos.x, pos.y, this.x, this.y, -a2); ball.x = pos.x; ball.y = pos.y; var vel = rotateCoords(ball.xvel, ball.yvel, 0, 0, a2); vel.y=abs(vel.y)ELASTICITY; vel.x=FRICTION; vel = rotateCoords(vel.x, vel.y, 0, 0, -a2); ball.xvel = vel.x; ball.yvel = vel.y; } } }; this.update = function(){}; this.display = function(){ objStroke(trackClr); noFill(); if(lagFree){ strokeWeight(5); arc(this.x, this.y, this.diameter, this.diameter, this.angle1, this.angle2); }else{ for(var i = 0; i <= 1; i+=0.2){ strokeWeight(5i); arc(this.x, this.y, this.diameter, this.diameter, this.angle1, this.angle2); } } }; }; var Coin = function(x, y){ this.x = x; this.y = y; this.radius = 10; this.deleted = false; this.canKill = false; this.canView = function(x){ return this.x+this.radius>x; }; this.applyCollide = function(ball){ if(dist(this.x, this.y, ball.x, ball.y)<this.radius+ball.radius){ this.deleted = true; for(var i = 0; i < 10; i++){ particles.add(this.x, this.y, random(-2, 2), random(-2, 2), color(255, 255, 0)); } if(mode==="play"){ money++; } } }; this.update = function(){}; this.display = function(){ noStroke(); if(lagFree){ fill(255, 255, 0); ellipse(this.x, this.y, this.radius2, this.radius2); }else{ for(var i = 0; i <= 1; i+=0.1){ fill(255, 255, 0, 50); ellipse(this.x, this.y, this.radius2i, this.radius2i); } } }; }; var Ball = function(x, y, radius){ this.x = x; this.y = y; this.radius = radius; this.diameter = radius2; this.xvel = 0; this.yvel = 0; this.falling = false; this.onLine = false; this.airTime = 0; this.angle = 0; this.maxSpeed = 150; this.speed = 0; this.wheelSpeed = 0; this.spin = 0; this.display = function(){ noStroke(); objStroke(carClr); fill(0); if(lagFree){ strokeWeight(4); ellipse(this.x, this.y, this.diameter, this.diameter); for(var a = 0; a <= 360; a+=360/carParams.spokes){ line(this.x, this.y, this.x+cos(this.spin+a)this.radius, this.y+sin(this.spin+a)this.radius); } }else{ for(var i = 0; i <= 1; i+=0.2){ strokeWeight(5i); ellipse(this.x, this.y, this.diameter, this.diameter); noFill(); for(var a = 0; a <= 360; a+=360/carParams.spokes){ line(this.x, this.y, this.x+cos(this.spin+a)this.radius, this.y+sin(this.spin+a)this.radius); } } } }; this.update = function(){ this.x+=this.xvel; this.y+=this.yvel; this.yvel+=GRAVITY; this.xvel=DAMPING; this.yvel=DAMPING; this.airTime++; var d = dist(this.xvel, this.yvel, 0, 0); this.speed = d; if(d>this.maxSpeed){ this.xvel/=d; this.xvel=this.maxSpeed; this.yvel/=d; this.yvel=this.maxSpeed; } this.wheelSpeed=0.99; if(!this.falling){ var vel = rotateCoords(this.xvel, this.yvel, 0, 0, this.angle); this.wheelSpeed = vel.y; } this.spin+=this.wheelSpeed2; }; this.collide = function(){ this.falling = true; this.onLine = false; for(var i = 0; i < objects.length; i++){ objects[i].applyCollide(this); } if(!this.falling){ this.airTime=0; } }; }; var Car = function(x, y, params){ this.x = x; this.y = y; this.wheelR = params.wheelR; this.wheelD = params.wheelD; this.wheelB = new Ball(x-params.wheelD/2, y, params.wheelR); this.wheelF = new Ball(x+params.wheelD/2, y, params.wheelR); this.dead = false; this.deadTime = 0; this.a = 0; this.prevA = 0; this.head = {x: 0, y: 0, radius: params.head, xvel: 0, yvel: 0, speed: 1}; this.maxX = x-params.wheelD; this.keyLeft = false; this.keyRight = false; this.flipSpeed = params.flipSpeed; this.acc = params.acc; this.clr = carClr; this.params = params; this.flipX = this.x-width/2; var c = createGraphics(120, 120, JAVA2D); c.background(0, 0, 0, 0); c.strokeWeight(4); c.stroke(255); for(var i = 0; i <= 1; i+=0.01){ c.stroke(255i, 255(1-i), 0); c.line(60, 60, 60+cos(i360-90)50, 60+sin(i360-90)50); } c.fill(0); c.textAlign(CENTER, CENTER); c.textSize(10); for(var i = 0; i <= 100; i+=10){ var a = 3.3i-90; c.text(i, 60+cos(a)40, 60+sin(a)40); } c.strokeWeight(5); c.noFill(); c.stroke(200); c.ellipse(60, 60, 109, 109); c.stroke(150); c.ellipse(60, 60, 100, 100); this.speedometerImg = c.get(); this.speedAngle = 0; this.hitUp = true; this.hitDown = false; this.flips = 0; this.display = function(){ stroke(0, 0, 255); strokeWeight(5); line(this.maxX, -1000, this.maxX, height+1000); objStroke(this.clr); fill(0); for(var i = 0; i <= 1; i+=0.2){ strokeWeight(5i); if(!this.dead){ ellipse(this.head.x, this.head.y, this.head.radius2, this.head.radius2); line(this.wheelB.x, this.wheelB.y, this.wheelF.x, this.wheelF.y); } if(i>0){ noFill(); } } this.wheelB.display(); this.wheelF.display(); }; this.speedometer = function(){ this.speedAngle = lerp(this.speedAngle,(abs(this.wheelB.wheelSpeed)+abs(this.wheelF.wheelSpeed))/30, 0.1); var vel = this.speedAngle; image(this.speedometerImg, 250, 0); strokeWeight(5); stroke(100); line(310, 60, 310+cos(vel360-90)40, 60+sin(vel360-90)40); strokeWeight(2); stroke(150); line(310, 60, 310+cos(vel360-90)40, 60+sin(vel360-90)40); }; this.die = function(){ if(!this.dead){ this.dead = true; for(var i = 0; i < 50; i++){ particles.add(this.x, this.y, random(-2, 2), random(-2, 2), color(0, 255, 0)); } } }; this.drive = function(speed, offset){ speed = this.acc; if(this.wheelB.airTime<2){ this.wheelB.xvel+=cos(this.wheelB.angle+90)speed; this.wheelB.yvel+=sin(this.wheelB.angle+90)speed; } if(this.wheelF.airTime<2){ this.wheelF.xvel+=cos(this.wheelF.angle+90+offset)speed; this.wheelF.yvel+=sin(this.wheelF.angle+90+offset)speed; } }; this.flip = function(speed){ speed = this.flipSpeed; this.wheelB.xvel+=cos(this.a+90)speed; this.wheelB.yvel+=sin(this.a+90)speed; this.wheelF.xvel+=cos(this.a-90)speed; this.wheelF.yvel+=sin(this.a-90)speed; }; this.update = function(){ this.wheelB.update(); this.wheelF.update(); var cx = (this.wheelB.x+this.wheelF.x)/2; var cy = (this.wheelB.y+this.wheelF.y)/2; this.x = cx; this.y = cy; var a = atan2(this.wheelF.y-this.wheelB.y, this.wheelF.x-this.wheelB.x); this.prevA = this.a; this.a = a; if(!this.dead){ var d = (dist(this.wheelB.x, this.wheelB.y, this.wheelF.x, this.wheelF.y)-this.wheelD)0.95; this.wheelB.xvel+=cos(a)d; this.wheelB.yvel+=sin(a)d; this.wheelF.xvel-=cos(a)d; this.wheelF.yvel-=sin(a)d; this.wheelB.x=cx-cos(a)this.wheelD/2; this.wheelB.y=cy-sin(a)this.wheelD/2; this.wheelF.x=cx+cos(a)this.wheelD/2; this.wheelF.y=cy+sin(a)this.wheelD/2; } this.wheelB.collide(); this.wheelF.collide(); this.maxX = max(this.maxX, this.x-width2); this.flipX = max(this.flipX, this.x-width/2); if(this.wheelB.x-this.wheelR<this.maxX){ this.wheelB.x=this.maxX+this.wheelR; this.wheelB.xvel=abs(this.wheelB.xvel); } if(this.wheelF.x-this.wheelR<this.maxX){ this.wheelF.x=this.maxX+this.wheelR; this.wheelF.xvel=abs(this.wheelF.xvel); } if(!this.dead){ if(this.x>this.flipX){ if(this.hitDown){ if(this.a>-10&&this.a<10){ this.hitDown = false; this.flips++; this.flipX+=50; for(var i = 0; i < 30; i++){ particles.add(this.x, this.y, random(-2, 2), random(-2, 2), color(255, 0, 0)); } } }else{ if(this.a<-170\|\|this.a>170){ this.hitDown=true; } } } if(mouseIsPressed){ var speed = 0.25; //flip speed if(mouseX>width/2){ if(!this.wheelF.falling\|\|!this.wheelB.falling){ this.drive(1, 0); }else if(this.wheelB.airTime>20&&this.wheelF.airTime>20){ this.flip(0.25); } }else{ if(!this.wheelF.falling\|\|!this.wheelB.falling){ this.drive(-1, 0); }else if(this.wheelB.airTime>20&&this.wheelF.airTime>20){ this.flip(-0.25); } } }else{ if(this.keyRight){ if(!this.wheelF.falling\|\|!this.wheelB.falling){ this.drive(1.1, -20); }else if(this.wheelB.airTime>20&&this.wheelF.airTime>20){ this.flip(0.25); } }else if(this.keyLeft){ if(!this.wheelF.falling\|\|!this.wheelB.falling){ this.drive(-1.1, 0); }else if(this.wheelB.airTime>20&&this.wheelF.airTime>20){ this.flip(-0.25); } } } }else{ this.deadTime++; } if(this.y>550){ this.die(); } this.head.x = this.x+cos(this.a-90)10; this.head.y = this.y+sin(this.a-90)10; for(var i = 0; i < objects.length; i++){ if(objects[i].canKill){ if(objects[i].isColliding(this.head).collide){ this.die(); } } } score=max(round(this.x/1000), 0)+this.flips5; }; }; /Scenes/Menu/Gameplay/ var x = 0; var obIdx = 0; var deadTime = 0; var initGame = function(updateScore){ objects.clear(); x = width; obIdx = 0; if(updateScore){ score = 0; } objects.push(new Line(0, 550, x, 550)); for(var i = 0; i < 2; i++){ obIdx=floor(random(obstacles.length)); x+=obstacles[obIdx](x); } car = new Car(50, 530, carParams); deadTime = 0; recorder = new Recorder(recordFrames); }; initGame(); var getHeight = function(x){ return noise((x+car.x/10)/500)800-min(car.y, 400)/10; }; var applyGame = function(){ try{ stroke(255, 100, 0); strokeWeight(5); colorMode(HSB); for(var i = 0; i <= width+10; i+=10){ var n1 = getHeight(i); var n2 = getHeight(i-10); stroke((i+car.x/10)%255, 255, 255); line(i, n1, i-10, n2); } colorMode(RGB); pushMatrix(); translate(width/2-car.x, 350-min(car.y, 400)); //scale(400/(800-min(car.y, 400))); objects.apply(car.maxX); particles.apply(); car.display(); car.update(); popMatrix(); stroke(255, 255, 255, 50); strokeWeight(5); line(width/2, 0, width/2, height); fill(255); textSize(20); textAlign(LEFT, TOP); text("Score: "+score, 20, 20); text("Money: $"+money, 20, 40); car.speedometer(); if(car.x>x-width){ x+=obstacles[obIdx%obstacles.length](x); obIdx=floor(random(obstacles.length)); } highscore = max(highscore, score); if(car.dead){ if(car.deadTime===1){ replays.push(recorder); recorder.gameScore = score; recorder.carDist = round(car.x/100); } if(car.deadTime>200){ initGame(true); mode = "menu"; } } if(recordGame&&car.deadTime<20){ recorder.record(); } }catch(e){ if(JSON){ println(JSON.stringify(e)); }else{ if(e.message){ println(e.message); }else{ println(e); } } println("There was an error. Please report whatever it says above in the T&T, along with your current browser."); mode="menu"; } }; var applyGameForMenu = function(){ try{ pushMatrix(); translate(width/2-car.x, 350-min(car.y, 400)); objects.apply(car.x-width); particles.apply(); car.display(); car.update(); popMatrix(); if(random(10)<4){ car.keyRight = true; }else if(random(10)<0.5){ car.keyRight = false; } if(car.x>x-width){ x+=obstacles[obIdx%obstacles.length](x); obIdx=floor(random(obstacles.length)); } if(car.deadTime>200){ initGame(false); } noStroke(); fill(0, 0, 0, 150); rect(0, 0, width, height); }catch(e){ } }; var glowText = function(txt, x, y, glow){ fill(255, 0, 0, 50); for(var a = 0; a < 360; a+=20){ text(txt, x+cos(a)glow, y+sin(a)glow); } fill(0, 255, 0); text(txt, x, y); }; var mouseIn = function(x, y, w, h){ return mouseX>x && mouseX < x+w && mouseY > y && mouseY < y+h; }; var carDrag = 0; var scenes = { "play": applyGame, "menu": function(){ while(replays.length>6){ replays.splice(0, 1); } applyGameForMenu(); textAlign(CENTER, CENTER); textSize(35); glowText("Neon Racer", 200, 100, 5); textSize(25); glowText("High Score: "+highscore, 200, 545, 5); }, "lag": function(){ textSize(15); fill(255, 100, 0); textAlign(CENTER, CENTER); text("For slower computers,\nplease select the lag-free gameplay.\nIf you are sure your computer\ncan handle more for-loops\nand graphics stuff, select fancy gameplay.\nYou can always\nchange this in the settings.", 200, 530); textSize(20); fill(0, 0, 255); text("Fancy Gameplay: "+(lagFree?"Off":"On"), 200, 300); }, "help": function(){ textSize(20); fill(255, 100, 0); textAlign(CENTER, TOP); text("Press the mouse on the\nright of the screen to\ngo forward, on the left\nto go backward.\nLeft and right keys do\nthe same as mouse.\nCollect as\nmany coins as possible to\nget a money to buy\ncars in the garage", 200, 100); }, "replay_select": function(){ var x = 0; var y = 0; stroke(255, 100, 0); strokeWeight(1); noFill(); for(var i = 0; i < replays.length; i++){ image(replays[i].frames[0], x, y, width/3, height/3); rect(x, y, width/3, height/3); if(mouseIn(x, y, width/3, height/3)&&mouseIsPressed){ replay = replays[i]; replay.frameIdx = 0; replay.paused = true; mode="replay"; } x+=width/3; if(x>=width){ x=0; y+=height/3; } } }, "replay": function(){ var done = replay.play(0, 0, width, height); if(done){ replay.frameIdx = 0; mode="replay_select"; } }, "settings": function(){ textSize(20); fill(0, 0, 255); text("Fancy Gameplay: "+(lagFree?"Off":"On"), 200, 200); }, "shop": function(){ textSize(30); textAlign(CENTER, CENTER); //glowText("Shop", 200, 100, 5); //glowText("Coming Soon", 200, 200, 5); var btnY = 100; var btnW = 100; var btnH = 70; var btnX = 10+constrain(carDrag, min(-cars.length(btnW+10)+width-10, 0), 0); noFill(); textAlign(CENTER, BOTTOM); for(var i = 0; i < cars.length; i++){ strokeWeight(1); stroke(0, 255, 0); if(mouseIn(btnX, btnY, btnW, btnH)){ strokeWeight(2); if(mouseIsPressed){ viewCar = cars[i]; if(cars[i].bought){ carParams = cars[i]; } } } noFill(); rect(btnX, btnY, btnW, btnH, 5); drawBasicCar(cars[i], btnX+btnW/2, btnY+btnH/2); textSize(10); glowText(cars[i].name, btnX+btnW/2, btnY+btnH-5, 5); if(!cars[i].bought){ fill(0, 0, 0, 200); noStroke(); rect(btnX+1, btnY+1, btnW-2, btnH-2, 5); textSize(20); glowText("$"+cars[i].cost, btnX+btnW/2, btnY+btnH0.7, 5); } btnX+=btnW+10; } stroke(255, 0, 0); strokeWeight(1); line(0, btnY-10, width, btnY-10); line(0, btnY+btnH+10, width, btnY+btnH+10); textSize(25); textAlign(CENTER, CENTER); glowText(viewCar.name, 200, 220, 5); fill(0, 255, 0); textSize(15); textAlign(LEFT, TOP); text("Acceleration: "+viewCar.acc, 50, 300); text("Flip Speed: "+viewCar.flipSpeed, 50, 320); textAlign(CENTER, CENTER); text("Selected: "+carParams.name, 200, 250); textAlign(LEFT, TOP); textSize(20); glowText("Money: $"+money, 10, 10, 5); }, }; var draw = function() { background(0); scenes[mode](); buttons[mode].draw(); }; /Button Interaction/ mousePressed = function(){ buttons[mode].mousePressed(); }; mouseReleased = function(){ buttons[mode].mouseReleased(); }; mouseDragged = function(){ if(mode==="shop"){ carDrag+=mouseX-pmouseX; } }; var keyPressed = function(){ if(keyCode===LEFT){ car.keyLeft = true; }else if(keyCode===RIGHT){ car.keyRight = true; } if(mode==="replay"){ if(keyCode===32){ replay.paused = !replay.paused; } } }; var keyReleased = function(){ if(keyCode===LEFT){ car.keyLeft = false; }else if(keyCode===RIGHT){ car.keyRight = false; } }; //Putting this here to avoid all-function open up if clicked at bottom of program :P
Folds	50,220,231,287,297,310,315,319,321,351,352,355,356,361,362,368,369,387,388,401,403,405,406,409,410,412,413,415,416,418,419,442,446,455,460,462,464,483,484,503,504,523,525,544,545,564,565,585,586,606,608,628,629,648,649,668,669,688,689,708,710,730,731,751,754,774,775,798,800,819,820,839,847,904,913,950,951,959,960,964,965,967,970,978,979,983,985,994,996,1002,1004,1070,1072,1175,1177,1211,1213,1283,1286,1508,1519,1541,1545,1547,1613,1641,1643,1650,1652,1654,1657,1781,1796,1798,1799,1801,1802,1806,1808,1819,1821,1827
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKzc6KffCAw
Votes	223
Spin-Offs	66
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Mr. JPrograms
Author Name	jprograms
Author ID	kaid_868862302296985534725580
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739371712645
Updated	10 months ago, 1739371719453
Source Deleted	unknown