Viewing Program

Program Data

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

Title	operation rocket
ID	4961940257816576
Created	2 months ago, 1729000754809
Updated	2 months ago, 1730208556140
Code	/ LIFTOFF Escape From Earth Khantober 2024 @INSTRUCTIONS Press space to start rocket Use A/D or RIGHT/LEFT keys to steer Use W/UP with spacebar to increase speed ---------------------------------------------- may or may not make a sequel to this =] / // jshint esnext : true // jshint ignore : start noStroke(); smooth(); let clouds = []; let asteroids = []; let particles = []; let titlePos = [ { x: -600, from: -600, to: 123, }, { x: 1200, from: 1200, to: 96, }, { x: -600, y: 520, from: -600, to: 130, }, ]; let mouse = {}; let keys = {}; let transition = { img: get(0, 0, 600, 900), w: width, run: function(){ imageMode(CENTER); image(img, 0, 0, this.w, height); this.w = lerp(this.w, 0, 0.1); }, }; let cam = { x: 0, y: 0, }; let elevation = 0; let countdown = 3; let timer = 0; let spawnTime = 25; let started = false; let finished = false; let scene = 'load'; textAlign(3, 3); function createPixels(bitmap, palette, pixelSize){ for (let i = 0; i < bitmap.length; i ++){ for (let j = 0; j < bitmap[i].length; j ++){ if (bitmap[i][j] !== ' '){ fill(palette[bitmap[i][j]]); rect(j * pixelSize, i * pixelSize, pixelSize, pixelSize); } } } } // IMAGES + LOADING \\ let imgs = { // Sprites rocket: function(){ background(0, 0); createPixels([ " 5", " 155", " 11155", " 1111555", " 111111555", " 000000000", " 000000000", " 000000000", " 000111000", " 001 100", " 001 100", " 001 100", " 000111000", " 000000000", " 000000000", " 000001000", " 000001000", " 10000015001", " 1100000050011", " 1500000050051", " 1500000050051", "115000000500511", " 5551111", ], { "-": color(0, 0), "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 90, 140); }, fire1: function(){ background(0, 0); createPixels([ " 3344664443", " 3446666343", " 3646466443", " 3446666463", " 3446646443", " 3436666443", " 8876466887", " 8879979887", " 87999987", " 87979987", " 899997 7", " 8 7997", " 88 8", ], { "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 96, 140); }, fire2: function(){ background(0, 0); createPixels([ " 3444664443", " 3446666343", " 3646466443", " 3446666463", " 3446646443", " 3436666443", " 8876466887", " 8879979887", " 8 87999987 7", " 87979987", " 899997 7", " 7 7997", " 88 8", ], { "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 96, 140); }, fire3: function(){ background(0, 0); createPixels([ " 3444664443", " 3446666343", " 3646466443", " 3446666463", " 3446646443", " 3436666443", " 8876466887", " 8879979887", " 87999987", " 87979987 7", " 8 899997", " 7997 8", " 8 88 8", ], { "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 96, 140); }, fire4: function(){ background(0, 0); createPixels([ " 3444664443", " 3446666343", " 3646466443", " 3446666463", " 3446646443", " 3436666443", " 8876466887", " 8879979887", " 87999987", " 87979987 7", " 899997 7", " 8 7997 ", " 7 88 8", ], { "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 96, 140); }, fire5: function(){ background(0, 0); createPixels([ " 3446644443", " 3446666343", " 3646466443", " 3446666463", " 3446646443", " 3436666443", " 8876466887", " 8879979887", " 87999987", " 87979987 8", " 8 899997", " 8 7997 7", " 7 88", ], { "0": color(199, 0, 0), "1": color(232, 3, 3), "2": color(255, 82, 82), "3": color(242, 133, 0), "4": color(255, 162, 56), "5": color(214, 26, 26), "6": color(255, 174, 87), "7": color(235, 94, 0), "8": color(245, 98, 0), "9": color(245, 116, 3), }, 6); return get(0, 0, 96, 140); }, cloud: function(){ background(0, 0); createPixels([ ' 1111111 111', ' 111111111 11111 11', ' 11111111111111111111111', '2111111111111111111111111', '3222222222222222222222222', '2222222222222222222222222', ], { '1': color(255), '2': color(207, 236, 255), '3': color(178, 225, 255), }, 8); return get(0, 0, 200, 250); }, asteroid: function(){ background(0, 0); createPixels([ ' 11111', ' 1123331', '133311231', '322311313', '311233322', '311233222', '433332224', ' 4222224', ' 44444', ], { "1": color(99, 26, 33), "2": color(164, 83, 92), "3": color(134, 51, 59), "4": color(138, 53, 47), }, 8); return get(0, 0, 100, 100); }, asteroidfire: function(){ background(0, 0); createPixels([ ' 1', ' 1', ' 11', ' 11', ' 11 1', ' 1111 1', ' 1111111', ' 11111111', ' 1 11211111', ' 1 11211111', ' 1 13211111', ' 1113211111', ' 111112111111', ' 111122213111', ' 111122213111', ' 111223223111', ' 111223221111', ' 11122232221111', ' 11132232221111', ' 11132232221111', ' 11132232221111', ' 11122333221111', '111122333221111', '1111223332211111', '1111223332211111', '1112233333221111', '1122333333322111', '1223333333332211', '1223222222232211', '1232111111123211', '1221 12221', '1211 11221', '111 1111', ], { '1': color(255, 223, 184), '2': color(252, 220, 93), '3': color(255, 160, 92), }, 6); return get(0, 0, 96, 300); }, stars: function(){ background(0, 0); for (let i = 0; i < 100; i ++){ pushStyle(); stroke(255); strokeWeight(3); point(random(0, 600), random(0, 600)); popStyle(); } return get(0, 0, 600, 600); }, // Pixel Font Characters { 'A': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", "# #", "#####", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'B': function(){ background(0, 0); createPixels([ "####", "# #", "# #", "####", "# #", "# #", "####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'C': function(){ background(0, 0); createPixels([ " ###", "# #", "# ", "#", "# ", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'D': function(){ background(0, 0); createPixels([ "####", "# #", "# #", "# #", "# #", "# #", "####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'E': function(){ background(0, 0); createPixels([ "#####", "# ", "# ", "####", "# ", "# ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'F': function(){ background(0, 0); createPixels([ "#####", "# ", "# ", "####", "# ", "# ", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'G': function(){ background(0, 0); createPixels([ " ###", "# #", "# ", "# ### ", "# #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'H': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", "#####", "# #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'I': function(){ background(0, 0); createPixels([ "#####", " # ", " # ", " #", " # ", " # ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'J': function(){ background(0, 0); createPixels([ " #", " #", " #", " #", " #", "# #", " ##", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'K': function(){ background(0, 0); createPixels([ "# #", "# # ", "# #", "##", "# # ", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'L': function(){ background(0, 0); createPixels([ "#", "# ", "# ", "#", "# ", "# ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'M': function(){ background(0, 0); createPixels([ "## ##", "# # #", "# # #", "# #", "# #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'N': function(){ background(0, 0); createPixels([ "# #", "# #", "## #", "# # #", "# ##", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'O': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", "# #", "# #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'P': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", "# #", "####", "#", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'Q': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", "# #", "# #", "# #", " ## #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'R': function(){ background(0, 0); createPixels([ "####", "# #", "# #", "# #", "####", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'S': function(){ background(0, 0); createPixels([ " ###", "# #", "# ", " ###", " #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'T': function(){ background(0, 0); createPixels([ "#####", " #", " #", " #", " #", " #", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'U': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", "# #", "# #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'V': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", " # #", " # #", " # #", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'W': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", "# # # ", "# # #", "# # # ", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'X': function(){ background(0, 0); createPixels([ "# #", "# #", " # #", " #", " # #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'Y': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", " ####", " #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'Z': function(){ background(0, 0); createPixels([ "#####", " #", " #", " #", " # ", "# ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'a': function(){ background(0, 0); createPixels([ "", "", "#### ", " #", " #### ", "# #", " ####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'b': function(){ background(0, 0); createPixels([ "#", "# ", "# ", "####", "# # ", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'c': function(){ background(0, 0); createPixels([ "", " ", " ###", "# #", "# ", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'd': function(){ background(0, 0); createPixels([ " #", " #", " #", " ####", "# #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'e': function(){ background(0, 0); createPixels([ "", " ", " ###", "# #", "##### ", "# ", " ####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'f': function(){ background(0, 0); createPixels([ " ##", "# #", "# ", "###", "# ", "#", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'g': function(){ background(0, 0); createPixels([ '', '', " ###", "# #", "# #", " ####", " #", " #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'h': function(){ background(0, 0); createPixels([ "# ", "# ", "# ", "#### ", "# #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'i': function(){ background(0, 0); createPixels([ " # ", " ", " # ", " # ", " # ", " # ", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'j': function(){ background(0, 0); createPixels([ " #", " ", " #", " #", " #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'k': function(){ background(0, 0); createPixels([ "# ", "# ", "# # ", "# # ", "### ", "# # ", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'l': function(){ background(0, 0); createPixels([ " # ", " # ", " # ", " # ", " # ", " # ", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'm': function(){ background(0, 0); createPixels([ " ", " ", " # # ", "# # #", "# # #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'n': function(){ background(0, 0); createPixels([ "", "", "#### ", "# #", "# #", "# #", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'o': function(){ background(0, 0); createPixels([ "", "", " ### ", "# #", "# #", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'p': function(){ background(0, 0); createPixels([ "", "", "#### ", "# #", "# #", "#### ", "# ", "# ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'q': function(){ background(0, 0); createPixels([ "", "", " ### ", "# #", "# #", " ####", " #", " #", " ##", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'r': function(){ background(0, 0); createPixels([ "", "", "#####", "# #", "# ", "# ", "# ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 's': function(){ background(0, 0); createPixels([ "", "", " ####", "# ", " ### ", " #", "#### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 't': function(){ background(0, 0); createPixels([ " # ", " # ", " ### ", " # ", " # ", " # ", " # ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'u': function(){ background(0, 0); createPixels([ "", "", "# #", "# #", "# #", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'v': function(){ background(0, 0); createPixels([ "", "", "# #", "# #", "# #", " # # ", " # ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'w': function(){ background(0, 0); createPixels([ "", "", "# #", "# #", "# # #", "# # #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'x': function(){ background(0, 0); createPixels([ "", "", "# #", " # # ", " # ", " # # ", "# #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'y': function(){ background(0, 0); createPixels([ "", "", "# #", "# #", "# #", " ####", " #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, 'z': function(){ background(0, 0); createPixels([ "", "", "#####", " # ", " # ", " # ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '.': function(){ background(0, 0); createPixels([ "", "", "", "", "", "##", "##", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, ',': function(){ background(0, 0); createPixels([ "", "", "", "", " #", " #", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '!': function(){ background(0, 0); createPixels([ "#", "#", "#", "# ", "# ", " ", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '?': function(){ background(0, 0); createPixels([ " ##", "# #", " #", " ## ", " # ", " ", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '1': function(){ background(0, 0); createPixels([ " #", " ##", "# #", " # ", " # ", " # ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '2': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", " # ", " # ", " # ", "#####", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '3': function(){ background(0, 0); createPixels([ " ###", "# #", " #", " ## ", " #", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '4': function(){ background(0, 0); createPixels([ "# #", "# #", "# #", "#####", " # ", " #", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '5': function(){ background(0, 0); createPixels([ "#####", "# ", "# ", "####", " # ", "# #", " ###", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '6': function(){ background(0, 0); createPixels([ " ###", "# #", "# ", "####", "# #", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '7': function(){ background(0, 0); createPixels([ "#####", " #", " #", " #", " #", " #", " #", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '8': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", " ###", "# #", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '9': function(){ background(0, 0); createPixels([ " ###", "# #", "# #", " ####", " #", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '0': function(){ background(0, 0); createPixels([ " ###", "# #", "## #", "# # #", "# ##", "# #", " ### ", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '-': function(){ background(0, 0); createPixels([ "", "", "", "#####", "", "", "", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '+': function(){ background(0, 0); createPixels([ "", " #", " #", "#####", " #", " #", "", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, ':': function(){ background(0, 0); createPixels([ "", "#", "#", "", "", "#", "#", "", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, '\'': function(){ background(0, 0); createPixels([ "#", "#", ], { '#': color(255), }, 7); return get(0, 0, 80, 80); }, // } }; let curLoad = 0; function load(){ let obj = Object.keys(imgs); let l = obj.length; imgs[obj[curLoad]] = imgs[obj[curLoad]](); curLoad ++; if (curLoad >= Object.keys(imgs).length){ scene = 'game'; } background(0); pushStyle(); noFill(); strokeWeight(10); strokeCap(SQUARE); stroke(255); arc(width / 2, height / 2, 300, 300, 0, curLoad * (360/l)); popStyle(); fill(255); textFont(createFont("sans-serif"), 49); textAlign(CENTER, CENTER); text("Loading...", width / 2, 100); } // USER EVENTS \\ function mousePressed(){ mouse[mouseButton] = true; } function mouseReleased(){ delete mouse[mouseButton]; } function keyPressed(){ keys[keyCode] = keys[String(key).toLowerCase()] = true; } function keyReleased(){ delete keys[keyCode]; delete keys[String(key).toLowerCase()]; } // COLLISIONS (COPILOT) \\ function rectRect(a, b) { let axes = [ { x: Math.cos(a.angle), y: Math.sin(a.angle) }, { x: -Math.sin(a.angle), y: Math.cos(a.angle) }, { x: Math.cos(b.angle), y: Math.sin(b.angle) }, { x: -Math.sin(b.angle), y: Math.cos(b.angle) } ]; for (let i = 0; i < axes.length; i++) { let axis = axes[i]; let aProjection = projectRectangle(a, axis); let bProjection = projectRectangle(b, axis); if (aProjection.max < bProjection.min \|\| aProjection.min > bProjection.max) { return false; } } return true; } function projectRectangle(rect, axis) { let corners = [ { x: rect.x, y: rect.y }, { x: rect.x + rect.w * Math.cos(rect.angle), y: rect.y + rect.h * Math.sin(rect.angle) }, { x: rect.x + rect.w * Math.cos(rect.angle) - rect.h * Math.sin(rect.angle), y: rect.y + rect.h * Math.cos(rect.angle) }, { x: rect.x - rect.h * Math.sin(rect.angle), y: rect.y + rect.h * Math.cos(rect.angle) } ]; let min = axis.x * corners[0].x + axis.y * corners[0].y; let max = min; for (let i = 1; i < corners.length; i++) { let projection = axis.x * corners[i].x + axis.y * corners[i].y; if (projection < min) min = projection; if (projection > max) max = projection; } return { min: min, max: max }; } // PIXEL FONT \\ function Text(msg, x, y, sz){ let offsetY = 0; let offsetX = 0; for (let i = 0; i < msg.length; i ++){ if (msg[i] === '\n'){ offsetY += sz/1.2; offsetX = 0; } else if (msg[i] === ' '){ offsetX += 15; } else { image(imgs[msg[i]], x + offsetX, y + offsetY, sz, sz); if (msg[i] === '\'' \|\| msg[i] === '.' \|\| msg[i] === ',' \|\| msg[i] === 'i' \|\| msg[i] === 't' \|\| msg[i] === 'l'){ offsetX += sz/3; } else { offsetX += sz/1.9; } } } } // PARTICLES \\ const Particle = (function(){ function Particle(config){ this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.clr = config.clr \|\| 0; this.v = config.v \|\| {x: 0, y: 0}; this.sz = random(7, 12); this.a = 255; this.dead = false; this.run = function(){ fill(this.clr, this.a); rect(this.x, this.y, this.sz, this.sz); if (this.a < 0){ this.dead = true; } this.a --; this.x += this.v.x; this.y += this.v.y; this.v.y += 0.1; }; } return Particle; })(); // CLOUDS \\ const Cloud = (function(){ function Cloud(config){ this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.vx = config.vx \|\| 4; this.size = config.size \|\| 80; this.draw = function() { image(imgs.cloud, this.x, this.y, this.size, this.size); }; this.move = function(){ this.x += this.vx; }; this.run = function(){ this.draw(); this.move(); }; } return Cloud; })(); // ASTEROIDS \\ const Asteroid = (function(){ function Asteroid(config){ this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.vy = 0; this.grav = random(0.1, 0.4); this.w = 100; this.h = 100; this.frame = 1; this.dead = false; this.angle = 0; this.draw = function() { image(imgs.asteroidfire, this.x - 10, this.y - 180); image(imgs.asteroid, this.x, this.y, this.w, this.h); }; this.move = function(){ this.y += this.vy; this.vy += this.grav; if (this.dead){ for (let i = 0; i < 50; i ++){ particles.push(new Particle({ x: this.x, y: this.y - random(30, 60), clr: color(138, 53, 47), v: { x: random(-5, 5), y: random(4, 10), } })); } } }; this.run = function(){ this.draw(); this.move(); }; } return Asteroid; })(); // PLAYER \\ let player = { x: width / 2, y: 460, w: 90, h: 140, v: { x: 0, y: 0 }, speed: 0, state: 1, angle: 0, health: 100, throttle: false, dead: false, draw: function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); imageMode(CENTER); image(imgs.rocket, 0, 0); if (this.throttle) { image(imgs["fire" + this.state], -17, this.h - 5, this.w, this.h); } popMatrix(); imageMode(CORNER); rectMode(CORNER); }, move: function() { if ((keys[32] \|\| keys[UP] \|\| keys.w) && !this.dead) { this.throttle = true; this.v.y = this.speed; if (keys[DOWN] \|\| keys.s){ this.speed = -3; } else { this.speed = -5; } if (keys[32] && (keys[UP] \|\| keys.w)){ this.speed = -9; } } else { this.throttle = false; this.v.y += 0.2; } if (this.y > 460){ this.v.y = 0; this.y = 460; this.v.x = 0; } this.y += this.v.y; if (!this.dead){ if (keys.a \|\| keys[LEFT]){ this.angle = lerp(this.angle, -30, 0.05); this.v.x = lerp(this.v.x, this.speed-5, 0.05); } else if (keys.d \|\| keys[RIGHT]){ this.angle = lerp(this.angle, 30, 0.05); this.v.x = lerp(this.v.x, -this.speed+5, 0.05); } else { this.angle = lerp(this.angle, 0, 0.05); this.v.x = lerp(this.v.x, 0, 0.05); } } this.x += this.v.x; if (timer % 10 === 0) { this.state ++; if (this.state >= 5){ this.state = 1; } } for (let i = 0; i < asteroids.length; i ++){ if (!this.dead && rectRect(this, asteroids[i])){ this.health -= 10; asteroids[i].dead = true; } } if (this.health <= 0) this.dead = true; }, run: function() { this.draw(); if (started && countdown <= 0) this.move(); }, }; // SCENES + DRAWING function game() { if (elevation > 2000) image(imgs.stars, 0, 0, width, height); translate(-cam.x, -cam.y); if (player.health > 0 && elevation < 4000){ cam.y = lerp(cam.y, player.y - height / 2 + (!started ? -100 : -280), 0.05); cam.x = lerp(cam.x, player.x - width / 2, 0.05); } for (let i = clouds.length; i--;) { clouds[i].run(); if (clouds[i].dead) { clouds.splice(i, 1); } } for (let i = particles.length; i --;){ particles[i].run(); if (particles[i].dead){ particles.splice(i, 1); } } for (let i = asteroids.length; i --;){ asteroids[i].run(); if (asteroids[i].dead){ asteroids.splice(i, 1); } if (asteroids[i].y > 1200){ asteroids[i].dead = true; } } if (!started) { if (frameCount > 50) { titlePos[0].x = lerp(titlePos[0].x, titlePos[0].to, 0.07); } if (frameCount > 100) { titlePos[1].x = lerp(titlePos[1].x, titlePos[1].to, 0.07); } if (frameCount > 200) { titlePos[2].x = lerp(titlePos[2].x, titlePos[2].to, 0.07); } } else if (started) { timer++; if (frameCount % 20 === 0 && countdown <= 0) { asteroids.push(new Asteroid({ x: random(cam.x - width, cam.x + width2), y: random(cam.y - 600, cam.y - 200), })); } } player.run(); for (let i = 0; i < 10; i++) { const clr2 = color(0, 255, 21); const clr1 = color(0, 166, 11); fill(lerpColor(clr1, clr2, i / 10)); rect(cam.x, 510 + i 40, width, 40); } resetMatrix(); if (frameCount % spawnTime === 0 && elevation < 1000) { clouds.push(new Cloud({ x: random(cam.x - width, cam.x - 200), y: random(-1000, 200), vx: random(1, 7), size: random(100, 200), })); } if (started) { titlePos[0].x = lerp(titlePos[0].x, titlePos[0].from, 0.07); titlePos[1].x = lerp(titlePos[1].x, titlePos[1].from, 0.07); titlePos[2].y = lerp(titlePos[2].y, 1200, 0.07); if (timer < 220) { if (timer % 60 === 0) countdown--; Text(countdown > 0 ? countdown.toFixed(0) : "LIFTOFF!", countdown > 0 ? 250 : 40, 220, countdown > 0 ? 200 : 135); } Text("Elevation: " + elevation.toFixed(0), 28, 850, 50); fill(255, 0, 0); rect(50, 50, 500, 40); fill(0, 255, 0); rect(50, 50, player.health * 5, 40); if (timer % 500 === 0){ spawnTime -= 5; } } // Title Screen Text("LIFTOFF", titlePos[0].x, 100, 100); Text("Escape From Earth", titlePos[1].x, 200, 50); Text("Click To Start", titlePos[2].x, titlePos[2].y+200, 50); // Dead Screen if (player.dead){ Text("You didn't make it...", 70, 200, 50); Text("Click to try again.", 70, 290, 50); if (mouse[LEFT]){ Program.restart(); } } else if (elevation >= 4000) { Text("You made it out!", 70, 200, 50); Text("Click to play again", 100, 290, 50); if (mouse[LEFT]){ Program.restart(); } } if (!player.dead) elevation = -player.y/20; if (elevation < 0){ elevation = 0; } } function draw() { for (let i = 0; i < 20; i++) { let clr2 = color(0, 187 - elevation/12, 255 - elevation/12); let clr1 = color(0, 119 - elevation/12, 255 - elevation/12); fill(lerpColor(clr1, clr2, i / 10)); rect(0, i * 60, width, 60); } if (mouse[LEFT]) { started = true; } try { this[scene](); } catch (e){ } } if (height !== 900){ println("Wrong screen size!\nGo here: https://www.khanacademy.org/computer-programming/operation-rocket/4961940257816576?height=900"); }
Folds	76,85,88,1589,1591,1618,1621,1623,1624,1626,1627,1629,1630,1633,1727,1746,1858,1863
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNvzu5voCAw
Votes	2
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Lemon Games
Author Name	gaminglemonss
Author ID	kaid_847345921523275843149970
Author Profile Access	PUBLIC

Archive Data

Added	2 months ago, 1730288629974
Updated	2 months ago, 1730288629974
Source Deleted	unknown