Viewing Program

Program Data

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

Title	ORBIT \| GAME [Mobile added!]
ID	4536349031055360
Created	11 months ago, 1705347613200
Updated	11 months ago, 1705555247455
Code	/** * * ████████████████████████████ * █─▄▄─█▄─▄▄▀█▄─▄─▀█▄─▄█─▄─▄─█ * █─██─██─▄─▄██─▄─▀██─████─███ * ▀▄▄▄▄▀▄▄▀▄▄▀▄▄▄▄▀▀▄▄▄▀▀▄▄▄▀▀ * * by TDJ * * @Subscribe: https://www.khanacademy.org/cs/i/4838951661649920 * * @Updates * 1/15/24 - Released. * 1/17/24 - Added mobile mode. * Added in-game mouse outside canvas pausing feature. */ var mobile = !true;// MOBILE MODE (Remove the ! for mobile mode) smooth(); size(600, 600, P2D); // setup var scene = "logo"; var purple = color(75, 35, 110); var white = color(255); // leaderboard var leaders = [ ["TDJ", 135], ["Programmer💻", 16], ["The Coding Speedster", 73], ["knicksnepal", 29], ["Only Ants", 34], ["Velociraptor105", 53], ["🎀Talia🎀", 35], ["Aqualine", 50], ["DennisPlays", 40], ["TanqR_Timmy #T'n'T clan", 49], ["Alex", 142], ["Arden Dragon", 41], ["hunterjason", 75], ["EndertrekkieJHS", 52], ["CASHH", 114], ["Bailey", 62], ["sbru2942", 193], ["cwalsh1223", 63], ["Ducky Momo", 55], ["FakeCxrpss", 102], ["Theformerwizardofoz", 73], ["TheBoredGuy", 89], ["Gabimaru", 98], ["UnknownGalaxy", 146], ["Khan Profile", 116], ["Morey Rydell", 47], ["Mattaniah", 250], ["CalebW", 65], ].sort(function(a, b) { return b[1] - a[1]; }); // predefining var Player; var Planet; var particles = []; var asteroids = []; var high = 0; var rate = 0; var death = { d: 0, x: 0, r: 0, w: 600, }; // mobile mode variables var direction = { up: false, down: false, left: false, right: false, }; // aligning & other style stuff noStroke(); rectMode(CENTER); imageMode(CENTER); textAlign(CENTER, CENTER); textFont(createFont("Calibri Bold")); // user inputs var clicked; mousePressed = function() { clicked = true; }; var keys = {}; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; }; // rect to rect collision function function rectRect(a, b) { return a.x + a.w / 2 > b.x - b.w / 2 && a.x - a.w / 2 < b.x + b.w / 2 && a.y + a.h / 2 > b.y - b.h / 2 && a.y - a.h / 2 < b.y + b.h / 2; } // scene transition var Transition = { next: "", y: 900, run: function() { noStroke(); fill(white); rect(300, this.y, width, height); if (this.next !== "") { this.y = lerp(this.y, -320, 0.1); if (this.y <= 300) { scene = this.next; } if (this.y <= -310) { this.next = ""; } } else { this.y = 900; } }, }; // buttons prototype function Button(config) { this.x = config.x; this.y = config.y; this.d = config.d; this.txt = config.txt; this.action = config.action; if (this.txt !== "up" && this.txt !== "down" && this.txt !== "left" && this.txt !== "right") { this.orbs = 0; this.r = 0; this.distance = this.d / 2 + 15; } else { this.otherwise = config.otherwise; } } Button.prototype = { display: function() { // normal buttons if (this.txt !== "up" && this.txt !== "down" && this.txt !== "left" && this.txt !== "right") { // objects orbiting button for (var i = 0; i < 10; i++) { fill(white, this.orbs); ellipse(this.x + cos(this.r + (i 36)) * this.distance, this.y + sin(this.r + (i * 36)) * this.distance, 8, 8); } // spin objects this.r++; if (this.r === 360) { this.r = 0; } // when button hovered if (dist(this.x, this.y, mouseX, mouseY) <= this.d / 2) { // animate objects this.distance = lerp(this.distance, this.d / 2 + 20, 0.05); this.orbs = lerp(this.orbs, 255, 0.2); // when user clicks if (clicked && Transition.next === "") { this.action(); } } else { this.distance = lerp(this.distance, this.d / 2, 0.05); this.orbs = lerp(this.orbs, 0, 0.1); } strokeWeight(this.d / 15); stroke(white); noFill(); ellipse(this.x, this.y, this.d, this.d); fill(white); textSize(this.d / 3); text(this.txt, this.x, this.y); noStroke(); } else { // when button hovered if (dist(this.x, this.y, mouseX, mouseY) <= this.d / 2) { // when user clicks if (mouseIsPressed) { this.action(); } else { this.otherwise(); } } noFill(); strokeWeight(2); stroke(white, 200); ellipse(this.x, this.y, this.d, this.d); noStroke(); fill(white, 200); textSize(this.d / 3); switch (this.txt) { case "up": text("👆", this.x, this.y); break; case "down": text("👇", this.x, this.y); break; case "left": text("👈", this.x, this.y); break; case "right": text("👉", this.x, this.y); break; } }// mobile mode game buttons }, }; var playBtn = new Button({ x: 300, y: 375, d: 150, txt: "Play", action: function() { Player.dead = false; Player.score = 0; Player.r = 0; Player.orbit = 150; Planet.d = 100; death.x = 0; death.r = 0; death.w = 600; particles.length = 0; asteroids.length = 0; Transition.next = "game"; }, }); var howBtn = new Button({ x: 150, y: 500, d: 150, txt: "How", action: function() { Transition.next = "how"; }, }); var leadBtn = new Button({ x: 450, y: 500, d: 150, txt: "Lead", action: function() { Transition.next = "lead"; }, }); var backBtn = new Button({ x: 300, y: 500, d: 150, txt: "Back", action: function() { Transition.next = "menu"; }, }); var mobileUp = new Button({ x: 300, y: 500, d: 50, txt: "up", action: function() { direction.up = true; }, otherwise: function() { direction.up = false; }, }); var mobileDown = new Button({ x: 300, y: 560, d: 50, txt: "down", action: function() { direction.down = true; }, otherwise: function() { direction.down = false; }, }); var mobileLeft = new Button({ x: 240, y: 560, d: 50, txt: "left", action: function() { direction.left = true; }, otherwise: function() { direction.left = false; }, }); var mobileRight = new Button({ x: 360, y: 560, d: 50, txt: "right", action: function() { direction.right = true; }, otherwise: function() { direction.right = false; }, }); // particle prototype function Particle(config) { this.x = config.x; this.y = config.y; this.d = config.d; this.o = random(200, 255); this.ov = config.ov; this.r = random(0, 360); this.rv = config.rv; this.type = config.type; this.dead = false; } Particle.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); scale(this.size); switch (this.type) { case "filled": fill(white, this.o); ellipse(0, 0, this.d, this.d); break; case "nofilled": noFill(); stroke(white, this.o); strokeWeight(4); ellipse(0, 0, this.d, this.d); noStroke(); break; } popMatrix(); }, update: function() { this.r += this.rv; this.o -= this.ov; if (frameCount % 5 === 0 && this.d > 0) { this.d--; } if (this.o <= 0) { this.dead = true; } }, run: function() { this.display(); this.update(); }, }; // planet var Planet = { x: 300, y: 300, d: 100, display: function() { fill(white); ellipse(this.x, this.y, this.d, this.d); fill(purple); textSize(this.d / 2); text(Player.score, this.x, this.y); }, }; // player var Player = { orbit: 150, r: 0, x: 0, y: 0, d: 20, speed: 0, score: 0, display: function() { noFill(); strokeWeight(4); stroke(white); ellipse(this.x, this.y, this.d, this.d); }, update: function() { this.x = 300 - cos(this.r) * this.orbit; this.y = 300 - sin(this.r) * this.orbit; // adding particles if (frameCount % 7 === 0) { particles.push(new Particle({ x: this.x, y: this.y, d: this.d, ov: 5, rv: random(-1, 1), type: "nofilled", })); } // changing speed if (keys[LEFT] \|\| keys[65] \|\| direction.left) { this.speed = lerp(this.speed, 0.5, 0.02); } else if (keys[RIGHT] \|\| keys[68] \|\| direction.right) { this.speed = lerp(this.speed, 1.5, 0.02); } else { this.speed = lerp(this.speed, 1, 0.02); } // changing orbit if (keys[UP] \|\| keys[87] \|\| direction.up) { this.orbit = constrain(this.orbit + 1, 0, 300); } if (keys[DOWN] \|\| keys[83] \|\| direction.down) { this.orbit = constrain(this.orbit - 1, 0, 300); } // rotate player this.r += this.speed; // colliding with planet if (dist(this.x, this.y, Planet.x, Planet.y) <= (this.d + Planet.d) / 2 + 4) { this.dead = true; } // death if (this.dead) { scene = "over";//Transition.next = "over"; } }, }; // asteroid prototype function Asteroid(r, speed, d) { this.r = r; this.distance = 400; this.speed = speed; this.x = -50; this.y = -50; this.d = d; } Asteroid.prototype = { display: function() { fill(white); ellipse(this.x, this.y, this.d, this.d); }, update: function() { // adding particles if (frameCount % 7 === 0) { particles.push(new Particle({ x: this.x, y: this.y, d: this.d, ov: 7, rv: random(-1, 1), type: "filled", })); } // collide with player if (dist(this.x, this.y, Player.x, Player.y) <= (this.d + Player.d) / 2) { this.dead = true; Player.dead = true; } // collide with planet if (dist(this.x, this.y, Planet.x, Planet.y) <= (this.d + Planet.d) / 2) { // increase planet size Planet.d += this.d / 8; // increase score if (!Player.dead) { Player.score++; } // remove asteroid this.dead = true; } // move asteroid this.x = 300 - cos(this.r) * this.distance; this.y = 300 - sin(this.r) * this.distance; this.distance -= this.speed; }, }; // logo image var tdj = (function() { background(60, 65, 90); noStroke(); function TDJ(x, y, o) { pushMatrix(); translate(x, y); fill(255, o); quad(-100, -100, 50, -100, 100, -50, -50, -50); fill(255, o); rect(5, 10, 50, 100); popMatrix(); } // glow for (var i = 0; i < 20; i++) { TDJ(300 - i, 300 + i, 20 - i); } // TDJ TDJ(300, 300, 255); return get(); }) (); var logo = { timer: 0, letters: "TDJ GAMES".split(""), run: function() { // logo image(tdj, 300, 300); // logo text fill(255); textSize(20); for (var i = 0; i < this.letters.length; i++) { text(this.letters[i], 50 * i + 100, lerp(500, 1000, i * 0.5 / this.timer)); } // increase timer this.timer++; // transition to next scene if (this.timer >= 300 \|\| clicked) { Transition.next = "menu"; } }, }; // scenes object var Scenes = { logo: function() { logo.run(); }, menu: function() { // title textSize(150); fill(purple - 30); text("O RBIT", 290, 130); fill(white); text("O RBIT", 300, 140); // orbiting objects for (var i = 0; i < 12; i++) { pushMatrix(); translate(137 + cos(frameCount + (i * 30)) * 75, 140 + sin(frameCount + (i * 30)) * 75); fill(purple - 30); ellipse(-5, -5, 15, 15); fill(white); ellipse(0, 0, 15, 15); popMatrix(); } // draw buttons playBtn.display(); howBtn.display(); leadBtn.display(); // copyright fill(255); textSize(15); text((year() !== 2024) ? "© TDJ 2024-" + year() : "© TDJ 2024", 300, 590); }, game: function() { // drawing/moving asteroids for (var i = 0; i < particles.length; i++) { particles[i].run(); } // removing asteroids for (var i = particles.length - 1; i >= 0; i--) { if (particles[i].dead) { particles.splice(i, 1); } } // changing rate asteroids added rate = constrain(120 - Player.score, 5, 120); // adding asteroids if (frameCount % rate === 0) { asteroids.push(new Asteroid(random(0, 360), random(0.5, 1.5), random(8, 20))); } // drawing/moving asteroids for (var i = 0; i < asteroids.length; i++) { var a = asteroids[i]; a.display(); a.update(); } // removing asteroids for (var i = asteroids.length - 1; i >= 0; i--) { if (asteroids[i].dead) { asteroids.splice(i, 1); } } Planet.display(); Player.display(); Player.update(); // mobile mode buttons if (mobile) { mobileUp.display(); mobileDown.display(); mobileLeft.display(); mobileRight.display(); } // get image of death if (Player.dead) { death.d = get(); } }, over: function() { // title textSize(70); fill(purple - 30); text("You crashed!", 293, 73); fill(white); text("You crashed!", 300, 80); // update highscore if (Player.score > high) { high = Player.score; } // show score + highscore fill(white); textSize(30); text("Score: " + Player.score + "\nHigh score: " + high + "\n\n" + (Player.score > leaders[4][1] ? "You qualified for\nthe leaderboard! =]" : "Not enough for\nthe leaderboard. =("), 450, 275); backBtn.display(); // death img pushMatrix(); translate(300 - death.x, 280); rotate(death.r); stroke(white); strokeWeight(4); fill(purple); rect(0, 0, death.w, death.w); noStroke(); image(death.d, 0, 0, death.w, death.w); popMatrix(); death.x = lerp(death.x, 100, 0.5); death.w = lerp(death.w, 200, 0.05); death.r = lerp(death.r, 10, 0.02); }, how: function() { // title textSize(100); fill(purple - 30); text("HOW", 293, 93); fill(white); text("HOW", 300, 100); textSize(30); text("Use the arrow keys or WASD to move. Up/down for moving closer to/away from the planet. Right to accelerate, left to slow down. Avoid hitting the planet or any asteroids.", 50, 120, 500, 300); backBtn.display(); }, lead: function() { // title textSize(80); fill(purple - 30); text("LEADERBOARD", 293, 73); fill(white); text("LEADERBOARD", 300, 80); fill(white); textSize(30); for (var i = 0; i < (leaders.length < 5 ? leaders.length : 5); i++) { text(leaders[i][0] + " - " + leaders[i][1], 300, 200 + (i * 40)); } backBtn.display(); }, }; // running program function draw() { background(purple); Scenes[scene](); Transition.run(); clicked = false; } // pausing/unpausing game function mouseOver() { loop(); } function mouseOut() { if (scene === "game" && !mobile) { noLoop(); background(purple); fill(255); textSize(100); text("Paused", 300, 150); textSize(40); text("Move your mouse over the\ncanvas to continue.", 300, 350); } }
Folds	28,56,57,59,68,73,76,81,92,94,96,98,99,101,104,109,112,134,137,152,153,227,229,247,248,256,257,265,266,274,276,287,288,299,300,311,312,323,326,339,340,378,381,393,396,458,461,469,470,512,515,538,540,562,565,713,716,722,725,727,728,738
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMuEkbmHCAw
Votes	92
Spin-Offs	6
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841868458
Updated	25 days ago, 1734464254969
Source Deleted	unknown