Viewing Program

Program Data

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

Title	Car Chase Version 0.5
ID	5333766603603968
Created	8 years ago, 1488125474263
Updated	8 years ago, 1488203326359
Code	//To get rid of lag, turn ON anti_lag and restart the program. var anti_lag = !true; /** Car Chase AlexT \| 2017 This is a beta version of my upcoming game, car chase. If you have any suggestions or ideas for the final game, please tell me! Note - all weapons are currently working. Test them by pressing buttons 1-4 and then pressing enter. / var clicked = false; var keys = []; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; mouseClicked = function(){ clicked = true; }; var over = function(x,y,Width,Height){ if (mouseX > x && mouseX < x + Width && mouseY > y && mouseY < y + Height){ return true; } }; var page = "menu"; var worldSize = [4700]; var world = 0; var weapons = []; var buttons = []; var button = function(Text,x,y,Width,Height,pageTo){ this.pos = new PVector(x,y); this.origx = x; this.Width = Width; this.Height = Height; this.Text = Text; this.pageTo = pageTo; this.over = false; }; button.prototype.display = function(){ noStroke(); textAlign(CENTER,CENTER); textFont(createFont("impact")); fill(255); (rect)(this.pos.x,this.pos.y,this.Width,this.Height,0,10,0,0); fill(235); (rect)(this.pos.x,this.pos.y,this.Width,this.Height/2,0,10,0,0); fill(215); triangle(this.pos.x,this.pos.y,this.pos.x+this.Width/5,this.pos.y+this.Height/2,this.pos.x,this.pos.y+this.Height); fill(225); triangle(this.pos.x,this.pos.y+this.Height/2,this.pos.x+this.Width/5,this.pos.y+this.Height/2,this.pos.x,this.pos.y+this.Height); fill(50); textSize(this.Height/1.5); text(this.Text,this.pos.x + this.Width/2,this.pos.y + this.Height/2); textFont(createFont("default")); }; button.prototype.update = function(){ if (mouseX > this.pos.x && mouseY > this.pos.y && mouseX < this.pos.x + this.Width && mouseY < this.pos.y + this.Height){ this.over = true; cursor("pointer"); if (clicked){ page = this.pageTo; clicked = false; } }else{ this.over = false; } if (this.over){ this.change = 1; } if (this.over){ if (this.pos.x < this.origx + 10){ this.pos.x += 1; } }else{ if (this.pos.x > this.origx){ this.pos.x -= 1; } } }; var road = function(x,y,Size,Length,rot,Amount){ pushMatrix(); translate(x,y); scale(Size/50); rotate(rot); translate(-200,-200); fill(100); rect(Amount > 1 ? 175 : 200,175,50,49); for (var i = 0; i < Amount; i ++){ pushMatrix(); translate(200,200); rotate(90i); translate(Amount > 1 ? -180 : -200,-200); for (var ii = 0; ii < Length; ii ++){ noStroke(); fill(100); rect(200+ii50,175,51,50); strokeWeight(2); stroke(240); line(210+ii50,200,240+ii50,200); strokeWeight(1); } popMatrix(); } noStroke(); popMatrix(); }; var mark = function(x,y,Size,rot,lift,thickness){ pushMatrix(); translate(x,y); scale(Size/100); rotate(rot); translate(-200,-200); stroke(255); strokeWeight(thickness); noFill(); beginShape(); vertex(150,200); bezierVertex(175,200-lift,225,200-lift,250,200); endShape(); strokeWeight(1); noStroke(); popMatrix(); }; var roadCurve = function(x,y,Size,rot){ pushMatrix(); translate(x,y); scale(Size/50); rotate(rot); translate(-175,-175); fill(100); beginShape(); vertex(260,100); bezierVertex(160,100,100,120,100,260); vertex(150,260); bezierVertex(150,150,200,150,260,150); endShape(); mark(230,127,35,-7,5,6); mark(180,140,35,-30,5,6); mark(142,175,35,-60,5,6); mark(127,227,35,-85,5,6); popMatrix(); }; var bullet = function(x,y,Size,direction){ this.name = "bullet"; this.pos = new PVector(x,y); this.Size = Size; this.direction = direction; this.speed = 15; this.strength = 1; this.dead = false; this.timer = 0; }; bullet.prototype.display = function(){ pushMatrix(); translate(this.pos.x,this.pos.y); scale(this.Size/200); rotate(this.direction); translate(-200,-200); fill(255, 221, 0,200-this.timer); rect(100,150,300,30,5); popMatrix(); }; bullet.prototype.update = function(){ this.pos.x += sin(this.direction-90)this.speed; this.pos.y -= cos(this.direction-90)this.speed; if (this.timer > 500){ this.dead = true; } this.timer ++; }; var rocket = function(x,y,Size,rot){ pushMatrix(); translate(x,y); rotate(rot-90); scale(Size/300); translate(-200,-160); fill(255, 191, 0); triangle(170,340,190,340,170,390); fill(255, 153, 0); triangle(200,340,220,340,210,390); fill(255, 140, 0); triangle(190,340,220,340,200,390); fill(205,0,0); triangle(155,50,155,300,120,340); triangle(245,50,245,300,280,340); fill(150); rect(155,0,90,340,10); fill(205,0,0); arc(200,10,100,150,180,360); popMatrix(); }; var missile = function(x,y,Size,direction){ this.name = "missile"; this.pos = new PVector(x,y); this.Size = Size; this.direction = direction; this.speed = 15; this.strength = 10; this.dead = false; this.timer = 0; }; missile.prototype.display = function(){ rocket(this.pos.x,this.pos.y,this.Size,this.direction); }; missile.prototype.update = function(){ this.pos.x += sin(this.direction-90)this.speed; this.pos.y -= cos(this.direction-90)this.speed; if (this.timer > 500){ this.dead = true; } this.timer ++; }; var bomb = function(x,y,Size,direction){ this.name = "bomb"; this.pos = new PVector(x,y); this.Size = Size; this.direction = direction; this.speed = 5; this.strength = 20; this.dead = false; this.timer = 0; this.activate = false; this.explosion = 0; this.fade = false; this.fadea = 0; }; bomb.prototype.display = function(){ if (this.activate){ fill(255, 140, 0,255-this.fadea); ellipse(this.pos.x,this.pos.y,this.explosion,this.explosion); }else{ if (this.timer/10 === round(this.timer/10)){ fill(255); }else{ fill(50); } ellipse(this.pos.x,this.pos.y,this.Size,this.Size); } }; bomb.prototype.update = function(){ this.pos.x += sin(this.direction-90)this.speed; this.pos.y -= cos(this.direction-90)this.speed; if (this.speed > 0.1){ this.speed -= 0.1; } if (this.timer > 100){ this.activate = true; } if (this.explosion > 100){ this.fade = true; } if (this.fade){ this.fadea += 7; } if (this.fadea > 255){ this.dead = true; } if (this.activate){ this.explosion += 8; } this.timer ++; }; var oil = function(x,y,Size,stage,col,rot){ pushMatrix(); translate(x,y); scale(Size/150); scale(1+stage/200); rotate(rot-90); translate(-200,-150); fill(0,0,0,500-col/2); beginShape(); vertex(200,100); bezierVertex(stage < 100 ? 200-stage : 100,100,150,150+(stage < 50 ? stage : 50),200,150+(stage < 50 ? stage : 50)); bezierVertex(250,150+(stage < 50 ? stage : 50),stage < 100 ? 200+stage : 300,100,200,100); endShape(); popMatrix(); }; var oilcache = function(x,y,Size,direction){ this.name = "oil_cache"; this.pos = new PVector(x,y); this.Size = Size; this.direction = direction; this.speed = 6; this.dead = false; this.timer = 0; }; oilcache.prototype.display = function(){ oil(this.pos.x,this.pos.y,this.Size,this.timer5 < 255 ? this.timer5 : 255,this.timer,this.direction); }; oilcache.prototype.update = function(){ this.pos.x += sin(this.direction-90)this.speed; this.pos.y -= cos(this.direction-90)this.speed; if (this.speed > 0.1){ this.speed -= 0.1; } if (this.timer > 1000){ this.dead = true; } this.timer ++; }; var carGraphic = function(x,y,Size,rot){ pushMatrix(); translate(x,y); scale(Size/140); rotate(rot-180); translate(-210,-100); stroke(0); strokeWeight(4); //Body fill(189, 0, 0); beginShape(); vertex(75,50); bezierVertex(95,45,120,38,145,40); bezierVertex(150,45,175,45,240,45); vertex(235,32); bezierVertex(245,32,250,35,255,45); vertex(285,45); bezierVertex(335,30,350,70,350,100); bezierVertex(350,130,335,170,285,155); vertex(255,155); bezierVertex(250,165,245,168,235,168); vertex(240,155); bezierVertex(175,155,150,155,145,160); bezierVertex(120,162,95,155,75,150); bezierVertex(65,125,65,75,75,50); endShape(); //Marks noFill(); stroke(115, 4, 0); beginShape(); vertex(270,60); bezierVertex(300,60,320,70,335,90); vertex(290,75); endShape(); beginShape(); vertex(270,140); bezierVertex(300,140,320,130,335,110); vertex(290,125); endShape(); //Windows stroke(0); strokeWeight(3); fill(0,0,0,150); beginShape(); vertex(230,65); bezierVertex(260,50,270,70,270,100); bezierVertex(270,130,260,150,230,135); bezierVertex(225,130,225,70,230,65); endShape(); beginShape(); vertex(130,70); bezierVertex(110,70,100,70,100,100); bezierVertex(100,130,110,130,130,130); bezierVertex(135,125,135,75,130,70); endShape(); beginShape(); vertex(140,65); bezierVertex(175,65,210,70,235,55); bezierVertex(200,55,145,50,140,65); endShape(); beginShape(); vertex(140,135); bezierVertex(175,135,210,130,235,145); bezierVertex(200,145,145,150,140,135); endShape(); noStroke(); //Front Lights fill(0, 0, 0); beginShape(); vertex(333,50); vertex(347,80); bezierVertex(325,75,335,60,330,47); endShape(); beginShape(); vertex(333,150); vertex(347,120); bezierVertex(325,125,335,140,330,153); endShape(); for (var SIZE = 0; SIZE < 80; SIZE +=8){ fill(255,0,0,20); ellipse(180,100,SIZE,SIZE/1.5); ellipse(300,100,SIZE/1.5,SIZE); fill(255,255,255,5); ellipse(245,100,SIZE/1.5,SIZE); ellipse(115,100,SIZE/2,SIZE/1.3); ellipse(180,60,SIZE1,SIZE/4); ellipse(180,140,SIZE1,SIZE/4); } strokeWeight(1); popMatrix(); }; var images = { 'grass-1': function(){ background(54, 135, 54); for (var x = 0; x < 410; x += 5){ for (var y =0 ; y < 410; y += 5){ strokeWeight(5); stroke(0,0,0,10); line(x+random(-5,5),y+random(-5,5),x+random(-5,5),y+random(-5,5)); } } return get(0,0,400,400); }, 'overlay-1': function(){ fill(0,0,0,40); rect(0,0,400,400); road(460,105,120,5,140,2); carGraphic(280,260,100,-40); for (var i = 0; i < 150; i += 5){ fill(0,0,0,7); rect(0,0,400,i); rect(0,400,400,-i); } return get(0,0,400,400); }, 'car-1': function(){ background(0,0,0,0); carGraphic(200,200,50,0); return get(0,0,400,400); }, }; var loadImages = function(){ for (var i in images){ if (typeof images[i] !== 'function') { continue; } background(0,0,0,0); images[i] = images[i](); } }; var car = function(x,y,Size,health){ this.pos = new PVector(x,y); this.Size = Size; this.direction = 180; this.speed = 0; this.acceleration = 0; this.health = health; this.weaponTypes = ["bullet","missile","bomb","oil cache"]; this.weaponAmounts = [200,25,25,25]; this.weaponReloads = [5,40,50,50]; this.firing = 0; this.timer = 0; }; car.prototype.display = function(){ pushMatrix(); imageMode(CENTER); translate(200,200); rotate(this.direction); image(images['car-1'],0,0); popMatrix(); imageMode(BASELINE); }; car.prototype.update = function(){ if (keys[UP]){ this.speed += 0.1; } if (keys[DOWN]){ this.speed -= 0.1; } if (keys[LEFT]){ this.acceleration -= 0.08; } if (keys[RIGHT]){ this.acceleration += 0.08; } if (this.speed > 0.1 && !keys[UP]){ this.speed -= 0.1; }else if (this.speed > 0 && !keys[UP]){ this.speed -= 0.01; } if (this.speed < -0.1 && !keys[DOWN]){ this.speed += 0.1; }else if (this.speed < 0 && !keys[DOWN]){ this.speed += 0.01; } if (this.acceleration > 0 && !keys[RIGHT]){ this.acceleration -= 0.08; } if (this.acceleration < 0 && !keys[LEFT]){ this.acceleration += 0.08; } this.speed = constrain(this.speed,-10,10); this.acceleration = constrain(this.acceleration,-5,5); this.pos.x += sin(this.direction-90)this.speed; this.pos.y -= cos(this.direction-90)this.speed; this.direction += floor(this.acceleration10)/10; }; car.prototype.fire = function(){ for (var i = 0; i < this.weaponTypes.length; i ++){ if (keys[ENTER] && this.timer > this.weaponReloads[this.firing] && this.firing === i && this.weaponAmounts[i] > 0){ if (i === 0){ weapons.push(new bullet(this.pos.x,this.pos.y,15,this.direction)); }else if (i === 1){ weapons.push(new missile(this.pos.x,this.pos.y,30,this.direction)); }else if (i === 2){ weapons.push(new bomb(this.pos.x,this.pos.y,25,this.direction-180)); }else if (i === 3){ weapons.push(new oilcache(this.pos.x,this.pos.y,125,this.direction-180)); } this.weaponAmounts[i] --; this.timer = 0; } } this.timer ++; if (keys[49]){this.firing = 0;} if (keys[50]){this.firing = 1;} if (keys[51]){this.firing = 2;} if (keys[52]){this.firing = 3;} }; car.prototype.getHit = function(object){ if (object.pos.x + object.Size > this.pos.x && object.pos.x < this.pos.x + this.Size && object.pos.y + object.Size > this.pos.y && object.pos.y < this.pos.y + this.Size){ this.health -= object.strength; object.dead = true; } }; car.prototype.skid = function(object){ if (object.pos.x + object.Size > this.pos.x && object.pos.x < this.pos.x + this.Size && object.pos.y + object.Size > this.pos.y && object.pos.y < this.pos.y + this.Size && object.timer > 50){ this.speed = this.speed/1.1; } }; var popUp = function(Text,mission,x,y,Size,Height,type){ this.Text = Text; this.mission = mission; this.height = mission.split("\n"); this.pos = new PVector(x,y); this.Size = Size; this.Height = Height; this.over = false; this.offset = 0; this.type = type; }; popUp.prototype.display = function(){ textSize(15); if (this.type === 0){ pushMatrix(); translate(0,-this.offset); fill(200); rect(this.pos.x,this.pos.y,this.Size,this.Height+500); fill(210); rect(this.pos.x,this.pos.y + 5,this.Size,this.Height-5); fill(0); text(this.Text,this.pos.x + this.Size/2,this.pos.y+this.Height/2); fill(0); text(this.mission,this.pos.x + this.Size/2,this.pos.y+this.Height+this.height.length10); popMatrix(); }else{ pushMatrix(); translate(0,this.offset); fill(200); rect(this.pos.x,this.pos.y-this.height.length20,this.Size,this.Height+this.height.length20); fill(210); rect(this.pos.x,this.pos.y,this.Size,this.Height-5); fill(0); text(this.Text,this.pos.x + this.Size/2,this.pos.y+this.Height/2); fill(0); text(this.mission,this.pos.x + this.Size/2,this.pos.y-this.height.length10); popMatrix(); } }; popUp.prototype.update = function(){ if (this.type === 0){ if (over(this.pos.x,this.pos.y-this.offset,this.Size,this.Height+this.offset)){ this.offset += 15; }else if (over(this.pos.x,0,this.Size,400-this.Height-this.offset)){ this.offset -= 15; } }else { if (over(this.pos.x,this.pos.y,this.Size,this.Height+this.offset)){ this.offset += 15; }else if (over(0,this.Height,400,400)){ this.offset -= 15; } } this.offset = constrain(this.offset,0,this.height.length * 20); }; var myCar = new car(950,940,50,100); var MISSION = new popUp("Mission","Have fun testing out your new weapons.\n",0,360,400,40,0); var STATS = new popUp(myCar.weaponAmounts[0]+" bullets \| "+myCar.weaponAmounts[1] + " missiles \| "+myCar.weaponAmounts[2]+" bombs \| "+myCar.weaponAmounts[3]+" oil caches","Press 1 to activate your machine gun.\n\nPress 2 to activate your missile launcher.\n\nPress 3 to activate your bomb thrower.\n\nPress 4 to activate your oil cache sprayer.\n\nPress Enter to fire them.\n\nAfter you use a weapon, there will be a cool-down time.",0,0,400,40,1); var update = function(){ STATS.Text = myCar.weaponAmounts[0]+" bullets \| "+myCar.weaponAmounts[1] + " missiles \| "+myCar.weaponAmounts[2]+" bombs \| "+myCar.weaponAmounts[3]+" oil caches"; myCar.pos.x = constrain(myCar.pos.x,200,worldSize[world]); myCar.pos.y = constrain(myCar.pos.y,200,worldSize[world]); }; buttons.push(new button("Play",20,200,150,30,"game")); buttons.push(new button("How To",20,240,150,30,"instructions")); buttons.push(new button("Story",20,280,150,30,"story")); buttons.push(new button("Credits",20,320,150,30,"credits")); buttons.push(new button("Back",125,320,150,30,"menu")); draw = function() { loadImages(); background(255); noStroke(); textAlign(CENTER,CENTER); cursor("default"); if (page === "menu" \|\| page === "credits" \|\| page === "instructions" \|\| page === "story"){ image(images['grass-1'],0,0); image(images['overlay-1'],0,0); } if(page === "menu") { textFont(createFont("impact")); textSize(63); fill(155); text("Car Chase",200,75); textSize(60); fill(255); text("Car Chase",200,75); fill(255); textSize(25); text("AlexT \| 2017",200,120); for (var i = 0; i < 4; i ++){ buttons[i].display(); buttons[i].update(); } textFont(createFont("default")); } if (page === "credits" \|\| page === "instructions" \|\| page === "story"){ fill(0,0,0,100); rect(0,0,400,400); buttons[4].display(); buttons[4].update(); textSize(17); fill(255); } if (page === "credits"){ text("All code, graphics, and engines used for this program were written by AlexT in JavaScript (with the use of the Processing JavaScript Library). No third party engines, sources, or programs were used in the making of this game.\n\nIf you have any questions regarding the creation of this game or want to report any glitches, please contact me in the comments below.",10,-30,380,400); } if (page === "story"){ text("This is an in-dev sandbox that you can mess around in and have fun with. While there aren't yet any other cars, you can still mess around with the weapons.",10,-30,380,400); } if (page === "instructions"){ text("Use the arrow keys to steer your car. Use the number pad (specifically numbers 1 - 4) to switch to a new weapon (either a machine gun, a rocket launcher, a bomb launcher, or an oil dispenser). Make sure that you don't hurt any innocent civilians, or your game will automatically end.\n\nEach weapon has a cool-down time. You have a limited amount of weapons, so use them sparingly!\n\nThe machine gun and the rocket launcher fire forwards - the bomb launcher and the oil dispenser fire backwards).",10,-50,380,400); } if (page === "game"){ pushMatrix(); translate(200-myCar.pos.x,200-myCar.pos.y); for (var x = 0; x < (worldSize[world]/400)+1; x ++){ for (var y = 0; y < (worldSize[world]/400)+1; y ++){ image(images['grass-1'],x400,y400,400,400); } } if (!anti_lag){ for (var x = 0; x < 10; x += 1){ for (var y = 0; y < 10; y += 1){ road((x+1)940,(y+1)940,90,10,0,4); } } } for (var i = 0; i < weapons.length; i ++){ weapons[i].display(); weapons[i].update(); if (weapons[i].name === "oil_cache"){ myCar.skid(weapons[i]); } if (weapons[i].dead){ weapons.splice(i,1); } } popMatrix(); myCar.display(); myCar.update(); myCar.fire(); STATS.display(); STATS.update(); MISSION.display(); MISSION.update(); update(); } clicked = false; };
Folds	15,17,18,20,21,23,25,29,39,50,51,67,68,91,93,119,120,136,137,155,157,166,167,176,177,184,186,206,207,216,217,219,220,227,229,242,243,255,256,278,280,294,295,303,304,306,307,317,319,409,412,441,443,451,454,470,471,479,480,515,516,538,539,544,545,549,551,561,562,589,590,605,612,617,631,634,635,651,652,659,660,662,663,665,666,668,669,704
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOT9hOG8CQw
Votes	177
Spin-Offs	24
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	AlexT
Author Name	AlexTProgramming
Author ID	kaid_649135302189973374605512
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739380359518
Updated	10 months ago, 1739380367213
Source Deleted	unknown