Viewing Program

Program Data

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

Title	Hopper's Trip! Part 1: The laser world(Part 2 coming out soon)
ID	5858499186393088
Created	10 years ago, 1424644459373
Updated	10 years ago, 1436534423125
Code	/***************Hopper's Trip! Part 1: The laser world************** Please check out my other programs this is work in progress. All code is made by me, but some code is inspired. thanks so much for the votes guys! part 2 came out! https://www.khanacademy.org/computer-programming/hoppers-trip-part-2-the-ice-world/5924499914227712 if you don't like the flashy lasers, change the var flashyLasers ----------- \| v *************Hopper's Trip! Part 1: The laser world***************/ //////////Change this to false if you don't want the lasers to be flashy////////// var flashyLasers = true; //////////Change this to false if you don't want the lasers to be flashy////////// var level = 1; //the scene it is at var scene = "logo"; //stroke looks reallly bad! :( noStroke(); var sounds = { dieFromLaser: getSound("retro/laser2"), portal: getSound("rpg/battle-spell"), dieFromEnemy: getSound("retro/boom1") }; var Button = function(data) { this.c = color(75, 75, 75); this.x = data.x; this.y = data.y; this.txtSize = data.txtSize; this.txt = data.txt; this.w = data.w; this.h = data.h; this.r = 60; this.onClick = data.onClick; this.mouseOver = function() { if(mouseX >= this.x && mouseY >= this.y && mouseX <= this.x + this.w && mouseY <= this.y + this.h) { return true; } else{ return false; } }; }; Button.prototype.create = function() { fill(this.c); rect(this.x, this.y, this.w, this.h, this.r); fill(0); textAlign(CENTER, CENTER); textSize(this.txtSize); text(this.txt, this.x + this.w / 2, this.y + this.h / 2); }; Button.prototype.update = function() { if(mouseX >= this.x && mouseY >= this.y && mouseX <= this.x + this.w && mouseY <= this.y + this.h) { this.c = color(100, 100, 100); cursor(HAND); if(mouseIsPressed) { this.onClick(); } } else{ cursor("DEFAULT"); this.c = color(65, 65, 65); } }; //logo variables// var xAngle = 0; var yAngle = 0; var x = cos(xAngle); var y = sin(yAngle); var timer = 0; var SLB = new Button({ x: 150, y: 25, w: 100, h: 50, txtSize: 15, txt: "Skip Logo", onClick: function() { cursor("DEFAULT"); scene = "title"; } }); ////////////////// var endX = 375; var endY = 375; var PX = 12.5; var PY = 12.5; var deaths = 0; var newPX = 12.5; var newPY = 12.5; var txt = ""; var keys = []; keyPressed = function() {keys[keyCode] = true;}; keyReleased = function() {keys[keyCode] = false;}; var laser = function(x, y, w, h, newX, newY, px, py) { if(flashyLasers) { fill(random(200, 255), random(0, 255), 0); } else if(!flashyLasers) { fill(255, 0, 0); } rect(x, y, w, h); if(px + 12.5 >= x && py + 12.5 >= y && px - 10 <= x + w && py - 10 <= y + h) { playSound(sounds.dieFromLaser); deaths++; PX = newX; PY = newY; } }; var t = 500; var tLaser = function(x, y, w, h, newX, newY, px, py) { // stroke looks reallly bad! :( noStroke(); if(flashyLasers) { fill(random(200, 255), random(0, 255), 0, t); } else if(!flashyLasers) { fill(255, 0, 0, t); } rect(x, y, w, h); if(px + 12.5 >= x && py + 12.5 >= y && px - 10 <= x + w && py - 10 <= y + h && t >= 50) { playSound(sounds.dieFromLaser); deaths++; PX = newX; PY = newY; } if(t <= -200) { t = 500; } t--; }; var Enemy = function(x, y, newX, newY, speed) { this.x = x; this.y = y; this.newX = newX; this.newY = newY; this.speed = speed; this.update = function() { var collisionD = dist(this.x, this.y, PX, PY); if(PX > this.x) { this.x+=this.speed; } if(PX < this.x) { this.x-=this.speed; } if(PY > this.y) { this.y+=this.speed; } if(PY < this.y) { this.y-=this.speed; } if(collisionD <= 50/2) { playSound(sounds.dieFromEnemy); deaths++; this.x = x; this.y = y; PX = this.newX; PY = this.newY; } }; }; Enemy.prototype.draw = function() { noStroke(); image(getImage("cute/EnemyBug"), this.x, this.y, 50, 50); }; var laserWidths = [200]; var laserWidthSpeeds = [5]; var endXAngle = 0; var endYAngle = 0; var enemys = [new Enemy(200, 200, 12.5, 12.5, 0.5), new Enemy(100, 200, 12.5, 12.5, 1), new Enemy(300, 200, 12.5, 12.5, 1)]; var playButton = new Button({ x: 150, y: 175, w: 100, h: 50, txtSize: 20, txt: "Play", onClick: function() { cursor("DEFAULT"); scene = "game"; } }); background(252, 176, 249); cursor("DEFAULT"); var drawPlayer = function(x, y) { imageMode(CENTER); image(getImage("creatures/Hopper-Happy"), x, y, 25, 25); }; var draw = function() { textFont(createFont("fantasy")); if(scene === "logo") { SLB.create(); SLB.update(); stroke(135, 177, 250); strokeWeight(8); point(200 + x 50, 200 + y * 50); textAlign(CENTER, CENTER); fill(255); noStroke(); rect(0, 325, width, height); fill(255, 0, 0); textSize(30); text("Created By:\n ✰ᗩᗯᕮᔕ〇ᙢᕮ ᗩ!¡©✰".substring(0, floor(timer/44)), 200, 350); xAngle+=2; yAngle+=2; if(timer < 180) { x = cos(xAngle); y = sin(yAngle); } if(timer > 180 && timer <= 360) { x = cos(xAngle - 50); y = sin(yAngle); } if(timer > 360 && timer <= 540) { x = cos(xAngle + 50); y = sin(yAngle); } if(timer > 540 && timer <= 720) { x = cos(xAngle); y = sin(yAngle + 75); } if(timer > 720 && timer <= 900) { x = cos(xAngle); y = sin(yAngle + 25); } if(timer > 900 && timer <= 1080) { x = cos(xAngle); y = sin(yAngle - 75); } if(timer > 1080 && timer <= 1260) { x = cos(xAngle); y = sin(yAngle - 25); } if(timer > 1260) { scene = "title"; } timer++; } if(scene === "title") { background(255); fill(0); textAlign(CENTER, CENTER); textSize(40); text("Hopper's Trip.\nPart 1: The laser\nworld", 200, 75); playButton.create(); playButton.update(); } if(scene === "game") { background(185, 235, 250, 200); var distance = dist(PX, PY, endX, endY); var particleX = cos(endXAngle - 50); var particleY = sin(endYAngle); var particleX2 = cos(endXAngle + 50); var particleY2 = sin(endYAngle); // draw a circle with a fill depending on the distance if(distance <= 50/2){ playSound(sounds.portal); level++; PX = newPX; PY = newPY; } drawPlayer(PX, PY); for(var t = 0; t < 25; t++) { fill(255, 0, 247, t); ellipse(endX, endY, t2, t2); } fill(0, 0, 0, 150); ellipse(endX, endY, 25, 25); fill(0); ellipse(endX + particleX * 20, endY + particleY * 20, 5, 5); ellipse(endX + particleX2 * 20, endY + particleY2 * 20, 5, 5); fill(255, 0, 0); if(level === 1) { txt = "Let's get started!"; } if(level === 2) { laser(0, 100, 370, 20, 12.5, 12.5, PX, PY); laser(30, 200, 370, 20, 12.5, 12.5, PX, PY); laser(0, 300, 370, 20, 12.5, 12.5, PX, PY); endX = 25; newPX = 200; newPY = 200; txt = "Avoid the normal lasers and reach the portal."; } if(level === 3) { laser(30, 150, 340, 20, 200, 200, PX, PY); laser(30, 230, 370, 20, 200, 200, PX, PY); laser(30, 70, 20, 160, 200, 200, PX, PY); laser(200, 90, 20, 80, 200, 200, PX, PY); laser(100, 0, 20, 100, 200, 200, PX, PY); laser(0, 300, 370, 20, 200, 200, PX, PY); laser(315, 0, 20, 100, 200, 200, PX, PY); newPX = 12.5; newPY = 12.5; txt = "Getting the hang of this yet?"; } if(level === 4) { laser(30, 50, 370, 20, 12.5, 12.5, PX, PY); laser(30, 100, 370, 20, 12.5, 12.5, PX, PY); laser(30, 150, 370, 20, 12.5, 12.5, PX, PY); laser(200, 200, 370, 20, 12.5, 12.5, PX, PY); laser(115, 250, 370, 20, 12.5, 12.5, PX, PY); laser(0, 300, 370, 20, 12.5, 12.5, PX, PY); laser(315, 350, 370, 20, 12.5, 12.5, PX, PY); newPX = 12.5; newPY = 12.5; txt = "Squeeze through those lasers!"; } if(level === 5) { tLaser(0, 100, width, 20, 12.5, 12.5, PX, PY); tLaser(0, 200, width, 20, 12.5, 12.5, PX, PY); tLaser(0, 300, width, 20, 12.5, 12.5, PX, PY); endX = 375; txt = "These lasers will fade, but not for long."; } if(level === 6) { laser(30, 50, 370, 20, 12.5, 12.5, PX, PY); laser(30, 100, 370, 20, 12.5, 12.5, PX, PY); laser(30, 150, 370, 20, 12.5, 12.5, PX, PY); laser(200, 200, 370, 20, 12.5, 12.5, PX, PY); laser(115, 250, 370, 20, 12.5, 12.5, PX, PY); laser(0, 300, 370, 20, 12.5, 12.5, PX, PY); laser(315, 350, 370, 20, 12.5, 12.5, PX, PY); tLaser(0, 120, width, 20, 12.5, 12.5, PX, PY); tLaser(0, 180, width, 20, 12.5, 12.5, PX, PY); tLaser(200, 250, 20, 400, 12.5, 12.5, PX, PY); tLaser(30, 150, 20, 195, 12.5, 12.5, PX, PY); endX = 25; txt = "Here are fading and normal lasers. Be careful!"; } if(level === 7) { laser(0, 100, 370, 20, 12.5, 12.5, PX, PY); laser(30, 200, 370, 20, 12.5, 12.5, PX, PY); laser(0, 300, 370, 20, 12.5, 12.5, PX, PY); enemys[0].draw(); enemys[0].update(); endX = 25; txt = "Have some friends to play with! [Not really]"; } if(level === 8) { endX+=2; if(endX > 400) { endX = 0; } endY-=2; if(endY < 0) { endY = 400; } laser(200, 0, 20, height, 12.5, 12.5, PX, PY); enemys[1].draw(); enemys[1].update(); enemys[2].draw(); enemys[2].update(); txt = "Let's go hardcore mode!"; } if(keys[RIGHT]) { PX+=2; } if(keys[DOWN]) { PY+=2; } if(keys[LEFT]) { PX-=2; } if(keys[UP]) { PY-=2; } if(PX >= 400 - 12.5) { PX = 400 - 12.5; } if(PY >= 400 - 12.5) { PY = 400 - 12.5; } if(PX <= 12.5) { PX = 12.5; } if(PY <= 12.5) { PY = 12.5; } endXAngle+=2; endYAngle+=2; textAlign(CENTER, CENTER); fill(0, 0, 0); textSize(17); text("level: " + level, 200, 25); text("deaths: " + deaths, 200, 50); fill(255, 0, 0); text(txt, 200, 75); } };
Folds	27,31,33,51,53,60,62,74,87,98,123,137,141,161
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLCX4oi0Cgw
Votes	167
Spin-Offs	19
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"1917352082","title":"dist(x1, y1, x2, y2) \| ProcessingJS","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Alychee
Author Name	alychee
Author ID	kaid_311480304386575503109379
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739450138308
Updated	10 months ago, 1739450138308
Source Deleted	unknown