Viewing Program

Program Data

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

Title	Mega Rainbow Land 2!
ID	5129290858938368
Created	3 years ago, 1665343107385
Updated	3 years ago, 1665363648186
Code	/* Algorithms and Technologies for pointInPolygon() https://www.algorithms-and-technologies.com/point_in_polygon/javascript When I first joined Khan Academy, the game which caught my eye was called "New Program" and was created by Swax97. The unconventional graphics, simple style but fun gameplay really had me start to learn to code. My goal was to create this game on my own, and perhaps even make it better. Who would have guessed that I would someday be here, coding a game without any references at all and making it satisfying to play? Not me, that is for sure. I coded it in PJS just for the nostalgia: It was where I first learned coding after all. / /** Setup */ var console = (function(){ return this.LoopProtector.prototype.leave = 0, noStroke(), frameRate(40), this.console; })(), s = 20, player, readLevel, YouWin, canDoubleJump = 0, clicked = 0, angleA = 0, gameObjects = [], particles = [], walls = [], trampolines = [], enemies = [], level = 0, k = {}, Game, levels = [[ "111111111111111111111111111111", "140000000000000000000000100001", "111000000000000001111110101101", "101100000000000001000000100101", "100110002000010061011111110101", "111111111111111111000000000101", "100000000000000001111111111101", "100000000000000000000000000001", "101221111112210000000000000001", "101111000011110002200002200001", "100000000000011111111111111111", "100000000000000000000001000001", "100000022000111111000001011101", "111111111111111111000000010001", "100000000000000001000001111101", "150000000000110001000011000001", "111110011100000001200111011111", "100000000000000011111111000001", "122222222222110000000000011121", "111111111111111111111111111111"], ["111111111111111111111111111111", "140001000000000000000000000001", "111101100000000000000000000001", "100001000000000000000000000001", "100001000000111110111111111101", "101101100000111100100000000001", "100000000000111001100000000001", "100000000011110011100220022001", "100000000111100111101111111111", "112222211111001111100000000001", "111111110000011000111000000101", "111111111110110000011000222101", "100000000010000020011111111101", "101111111011111111010000000001", "101000001000000000010000000001", "100000001011111111110000000011", "100000000000000000000000000001", "150000000000000000000000000001", "111112220000000002220022222221", "111111111111111111111111111111"], ["111111111111111111111111111111", "140000100000000000000000000001", "111110100000000000000000000001", "100000100000000000000000011101", "101111100001100110000001110001", "100000000000000000000111000001", "111111111222222222211100000001", "100000001111111111110000000001", "101110000000000000000000000001", "100011000000000000000000000001", "100001100000000000000000000001", "100000110022220000220020000111", "100000011111111111111111111101", "100000000000000000000000000001", "100000000000000000000000000001", "100000000000000000000000000001", "110000022200000000002220000001", "100011111111100001111111110001", "122211111111122221111111110051", "111111111111111111111111111111"],[ "111111111111111111111111111111", "140010000000000000000000000001", "111010000000000000000000000001", "100010001111122111100000000001", "100010000000111111110022200001", "100211000000000000111111111101", "100110000000000000000000010001", "100010001100000200000000010011", "111010000000002120000000010001", "133311000000001111011101112001", "111011000003333333333100011001", "111011122221111111111110010001", "133333111111000000000100010011", "110111100000000000000100110001", "100000000000000000000100010221", "100000000000003333300110010111", "100000000000011111110000010001", "100000000000111111111111111101", "112221112221150000000000000001", "111111111111111111111111111111",],[ "111111111111111111111111111111", "140000000000000000000010000001", "110000000000000011111010011101", "111000222112220010000011010001", "111111111111111110000010014441", "100000003333333330000010110001", "100000000000000000020010010021", "101111111111221111111111010211", "100000000001111000000000010111", "100000000000000000000000110001", "121222212200000011111111111101", "111111111111111210000000000001", "100000000000001110111111111111", "100000100000000000100000000011", "102000002000010000150000000011", "101010001010000000111000011001", "101212221222222211100000001001", "101111111111111111100000001101", "100000000000000000000222200001", "111111111111111111111111111111"],[ "111111111111111111111111111111", "140000001333333000000000000001", "111100001101101100000000001001", "100133331444444133344433301001", "110144441011110100110110001001", "100101101333333100000000001001", "101144441101101122222222221331", "100133331444444111111111111331", "110100001011110100000000000001", "100120000000000101111111111111", "101111111111111103333333333331", "103333333333300104444333344441", "101111101111100104444444444441", "100000111000101111111111111101", "100000000000100000000000000001", "100000000000111111110000011111", "100000000000000000012220210001", "100000000000000000011111110001", "100000000000000000000000000051", "111111111111111111111111111111"]]; / * * Written By Algorithms and Technologies https://www.algorithms-and-technologies.com/point_in_polygon/javascript */ function pointInPolygon(polygon, point) { var odd = 0; for (var i = 0, j = polygon.length - 1; i < polygon.length; i++) { if (((polygon[i][1] > point[1]) !== (polygon[j][1] > point[1])) && (point[0] < ((polygon[j][0] - polygon[i][0]) (point[1] - polygon[i][1]) / (polygon[j][1] - polygon[i][1]) + polygon[i][0]))) { odd = !odd; } j = i; } return odd; } / Written by Polar @notpolar / function polygonPolygon(polygon1, polygon2) { for(var i = polygon1.length; i--;) { if(pointInPolygon(polygon2, polygon1[i])) { return true; } } for(var i = polygon2.length; i--;) { if(pointInPolygon(polygon1, polygon2[i])) { return true; } } return false; } /*** Pixel Text **/ var charMaps = { 0: [60,66,70,90,98,66,60,0], 1: [8,24,8,8,8,8,28,0], 2: [60,66,2,4,24,32,126,0], 3: [126,2,4,12,2,66,60,0], 4: [12,20,36,68,126,4,4,0], 5: [126,64,124,2,2,2,124,0], 6: [28,32,64,124,66,66,60,0], 7: [126,2,4,8,16,16,16,0], 8: [60,66,66,60,66,66,60,0], 9: [60,66,66,62,2,4,56,0], A: [0,24,24,36,60,66,66,0], B: [0,248,132,248,132,132,248,0], C: [0,60,66,128,128,66,60,0], D: [0,124,66,66,66,66,124,0], E: [0,126,64,124,64,64,126,0], F: [0,126,64,124,64,64,64,0], G: [0,60,66,128,142,66,60,0], H: [0,66,66,126,66,66,66,0], I: [0,62,8,8,8,8,62,0], J: [0,14,2,2,2,34,28,0], K: [0,68,72,80,112,72,68,0], L: [0,64,64,64,64,64,126,0], M: [0,65,99,85,73,65,65,0], N: [0,66,98,82,74,70,66,0], O: [0,60,66,66,66,66,60,0], P: [0,124,66,124,64,64,64,0], Q: [0,60,66,66,66,66,60,2], R: [0,120,68,120,80,72,68,0], S: [0,56,68,32,24,68,56,0], T: [0,254,16,16,16,16,16,0], U: [0,66,66,66,66,66,60,0], V: [0,129,66,66,36,36,24,0], W: [0,65,65,73,85,99,65,0], X: [0,66,36,24,24,36,66,0], Y: [0,65,34,20,8,8,8,0], Z: [0,126,4,8,16,32,126,0], "!": [0,8,8,8,8,0,8,0], "?": [0,56,68,4,24,0,16,0], ":": [0,0,0,8,0,0,8,0], ";": [0,0,0,8,0,0,8,16], "(": [0,8,16,32,32,16,8,0], ")": [0,32,16,8,8,16,32,0], ".": [0,0,0,0,0,0,8,0], ",": [0,0,0,0,0,0,8,16], " ": [0,0,0,0,0,0,0,0] }; function pixelText(phrase, x, y, pixelSize, ctx) { phrase = phrase.toString(); for(var i = 0, len = phrase.length, offset = -8.5 pixelSize; i < len; i++) { offset += 8.5 * pixelSize; var character = charMaps[phrase[i].toUpperCase()]; for(var j = character.length; j--;) { for(var n = 8, x2 = 0; n !== 0; n --, x2++) { void(character[j] >> (n - 1) & 1 && ctx.fillRect(x2 * pixelSize + x + offset, j * pixelSize + y, pixelSize, pixelSize)); } } } } /*** Event Listeners */ function keyPressed() { k[keyCode] = 1; if((keyCode === 38 \|\| keyCode === 87) && player.j) { canDoubleJump = 0; } } function keyReleased() { k[keyCode] = 0; if(keyCode === 38 \|\| keyCode === 87) { canDoubleJump = 1; } } function mousePressed() { clicked = 1; } /* Player Class **/ var player = { x: s, y: s, sx: 0, sy: 0, xv: 0, yv: 0, j: 0, double: 1, respawnTimer: 0, display: function(ctx) { if(!this.respawnTimer) { ctx.fillStyle = "#fff"; ctx.fillRect(this.x, this.y - 2, s, s); } }, update: function() { if(this.respawnTimer) { if(this.respawnTimer === 1) { this.reset(); } return this.respawnTimer--; } if(this.yv > 0) { this.j = 0; } this.xv = 0; this.yv += 9.81 / 30; if((k[38]\|\|k[87]) && (this.j \|\| (canDoubleJump && this.double))) { this.yv = -5; if(this.j) { this.j = 0; } if(canDoubleJump && this.double) { this.double = 0; canDoubleJump = 0; } } if(k[37]\|\|k[65]) { this.xv -= 5; if(this.j) { particles.push({ x: this.x + s - 2, y: this.y + Math.random() s, xv: 2, yv: Math.random() * 2 - 1, s: Math.random() > 0.5 ? 4 : 6, opacity: 10 }); } } if(k[39]\|\|k[68]) { this.xv += 5; if(this.j) { particles.push({ x: this.x + 2, y: this.y + Math.random() * s, xv: -2, yv: Math.random() * 2 - 1, s: Math.random() > 0.5 ? 4 : 6, opacity: 10 }); } } this.y += this.yv; for(var i = walls.length; i--;) { var obj = walls[i]; if(this.collide(obj)) { if(this.yv > 0) { for(var j = ~~(this.yv); j--;) { particles.push({ x: this.x + s / 2, y: this.y + s, xv: Math.random() * 4 - 2, yv: 1 + Math.random() * 2, s: Math.random() > 0.5 ? 4 : 6, opacity: 10 }); } this.y = obj.y - s + 2; this.yv = 0; this.j = 1; this.double = 1; } else { this.y = obj.y + s; this.yv = 0; } } } this.x += this.xv; for(var i = walls.length; i--;) { var obj = walls[i]; if(this.collide(obj)) { if(this.xv > 0) { this.x = obj.x - s; } else { this.x = obj.x + s; } } } for(var i = gameObjects.length; i--;) { var obj = gameObjects[i]; switch(obj.type) { case "spike": var dy = -(obj.y - this.y - s) / 2; if(this.collide(obj) && this.x + s / 2 >= obj.x - dy && this.x - s / 2 <= obj.x + dy) { this.kill(); } break; case "goal": if(this.collide(obj)) { readLevel(++level); } break; } } var player_polygon = [[this.x, this.y], [this.x + s, this.y], [this.x + s, this.y + s], [this.x, this.y + s]]; for(var i = enemies.length; i--;) { var enemy = enemies[i]; var x = enemy.x + sin(frameCount * 2) * enemy.period, y = enemies[i].y; var enemy_polygon = [[x + s / 2, y], [x + s, y + s / 2], [x + s / 2, y + s], [x, y + s / 2]]; if(polygonPolygon(player_polygon, enemy_polygon)) { this.kill(); } } for(var i = trampolines.length; i--;) { var obj = trampolines[i], cx = constrain(obj.x, this.x - s / 2, this.x + s / 2), cy = constrain(obj.y, this.y - s / 2, this.y + s / 2); if(this.x > obj.y + s / 2 && dist(cx, cy, obj.x, obj.y) < s / 2) { this.yv = -8; } } }, collide: function(obj) { return this.x + s > obj.x && this.x < obj.x + s && this.y + s - 2 > obj.y && this.y < obj.y + s; }, kill: function() { for(var i = 10; i--;) { particles.push({ x: this.x + Math.random() * s, y: this.y + Math.random() * s, xv: Math.random() * 2 - 1, yv: Math.random() * 2 - 1, s: Math.random() > 0.5 ? 4 : 6, opacity: 10 }); } this.respawnTimer = 10; }, reset: function() { this.x = this.sx; this.y = this.sy; this.xv = 0; this.yv = 0; this.j = 0; } }; /*** Camera Class */ var cam = { x: 0, y: 0, update: function() { this.x = lerp(this.x, width / 2 - s - player.x, 0.1); this.y = lerp(this.y, height / 2 - s - player.y, 0.1); } }; /* Parsing Level Data **/ function least(a, b) { return a.x - b.x; } function greatest(a, b) { return b.x - a.x; } function readLevel(level) { if(!levels[level]) { return (draw = YouWin); } walls = []; gameObjects = []; particles = []; trampolines = []; enemies = []; for(var i = levels[level].length; i--;) { var storedEnemies = []; for(var j = levels[level][i].length; j--;) { var x = j s, y = i * s, hasEnemy = 0; switch(levels[level][i][j]) { case '1': walls.push({ x: x, y: y }); break; case '2': gameObjects.push({ x: x, y: y, type: "spike" }); break; case '3': hasEnemy = 1; storedEnemies.push({ x: x, y: y }); break; case '4': player.sx = x; player.sy = y; break; case '5': gameObjects.push({ x: x, y: y, type: "goal" }); break; case '6': trampolines.push({ x: x, y: y + s / 2 }); } if(storedEnemies.length && !hasEnemy) { var minX = storedEnemies.sort(least)[0].x, maxX = storedEnemies.sort(greatest)[0].x, midX = (maxX + minX) / 2, period = (maxX - minX) / 2 + s / 5; enemies.push({ x: midX, y: storedEnemies[0].y, period: period }); storedEnemies = []; } } } player.reset(); } /*** Styling */ function applyGradient(ctx) { var gradient = ctx.createLinearGradient(width >> 1, 0, width >> 1, height - cam.y); gradient.addColorStop(0, "hsl(" + (angleA % 360) + ", 100%, 50%)"); gradient.addColorStop(0.5, "hsl(" + ((angleA + 40) % 360) + ", 100%, 50%)"); gradient.addColorStop(1, "hsl(" + ((angleA + 80) % 360) + ", 100%, 50%)"); ctx.fillStyle = gradient; } function applyInverseGradient(ctx) { var gradient = ctx.createLinearGradient(width >> 1, 0, width >> 1, height - cam.y); gradient.addColorStop(1, "hsl(" + ((angleA + 120) % 360) + ", 100%, 50%)"); gradient.addColorStop(0.5, "hsl(" + ((angleA + 80) % 360) + ", 100%, 50%)"); gradient.addColorStop(0, "hsl(" + ((angleA + 40) % 360) + ", 100%, 50%)"); ctx.fillStyle = gradient; } /* Displaying Level **/ function runParticles(ctx) { for(var i = particles.length; i--;) { var particle = particles[i]; particle.x += particle.xv; particle.y += particle.yv; ctx.globalAlpha = particle.opacity / 5; ctx.fillRect(particle.x, particle.y, particle.s, particle.s); if(!particle.opacity) { particles.splice(i, 1); } particle.opacity--; } ctx.globalAlpha = 1; } function displayObjects() { var ctx = this.externals.context; angleA++; applyGradient(ctx); for(var i = walls.length; i--;) { var obj = walls[i]; ctx.fillRect(obj.x, obj.y, s, s); } applyInverseGradient(ctx); for(var i = gameObjects.length; i--;) { var obj = gameObjects[i]; switch(obj.type) { case "spike": ctx.beginPath(); ctx.moveTo(obj.x, obj.y + s); ctx.lineTo(obj.x + s / 2, obj.y); ctx.lineTo(obj.x + s, obj.y + s); ctx.fill(); break; case "goal": ctx.fillRect(obj.x, obj.y, s, s); } } for(var i = trampolines.length; i--;) { var obj = trampolines[i]; ctx.beginPath(); ctx.arc(obj.x + s / 2, obj.y + s / 2, s / 2, Math.PI, Math.PI 2); ctx.fill(); particles.push({ x: obj.x + Math.random() * s, y: obj.y + s / 2 - 6, xv: Math.random() * 0.5 - 0.25, yv: - 1 -Math.random() / 2, s: Math.random() > 0.5 ? 2 : 4, opacity: 10 }); } for(var i = enemies.length; i--;) { var enemy = enemies[i]; var x = enemy.x + sin(frameCount * 2) * enemy.period; ctx.beginPath(); ctx.moveTo(x + s / 2, enemy.y); ctx.lineTo(x + s, enemy.y + s / 2); ctx.lineTo(x + s / 2, enemy.y + s); ctx.lineTo(x, enemy.y + s / 2); ctx.fill(); } runParticles(ctx); } /*** Button Class */ var Button = (function() { function Button(x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; } Button.prototype = { run: function() { if(this.collide(mouseX, mouseY)) { this.onHover(); if(clicked) { this.onClick(); } } else { void(this.unHover && this.unHover()); } }, collide: function(x, y) { return x > this.x && x < this.x + this.w && y > this.y && y < this.y + this.h; } }; return Button; })(); var playButton = new Button(150, 260, 115, 30); playButton.draw = function(ctx) { applyGradient(ctx); pixelText("play", ~~(this.x + this.w / 2 - 40), this.y + 8, 2, ctx); }; playButton.onHover = function() { cursor("pointer"); particles.push({x: mouseX, y: mouseY, xv: Math.random() - 0.5, yv: Math.random() - 0.5, s: Math.random() > 0.5 ? 4 : 6, opacity: 15 }); }; playButton.unHover = function() { cursor("default"); }; playButton.onClick = function() { readLevel(level); draw = Game; }; var pauseIcon = new Button(width - 45, 25, 20, 20); pauseIcon.draw = function(ctx) { if(this.toggled) { fill(255); rect(this.x + 4, this.y, 4, this.h); rect(this.x + this.w - 4, this.y, 4, this.h); } else { filter(BLUR, 5); fill(0, 0, 0, 200); rect(0, 0, width, height); fill(255); triangle(this.x, this.y, this.x + 20, this.y + 10, this.x, this.y + 20); pixelText("Paused", width / 2 - 50, height / 2 - 7, 2, ctx); } }; pauseIcon.onHover = function() { cursor("pointer"); }; pauseIcon.onClick = function() { this.toggled = !this.toggled; }; /* Scenes ***/ function Game() { cursor("default"); var ctx = this.externals.context; ctx.fillStyle = "#000"; ctx.fillRect(0, 0, width, height); ctx.save(); translate(~~cam.x, ~~cam.y); displayObjects(); player.display(ctx); ctx.restore(); pauseIcon.run(); clicked = 0; if(pauseIcon.toggled) { player.update(); cam.update(); } pauseIcon.draw(ctx); } function Menu() { var ctx = this.externals.context; background(0); applyGradient(ctx); pixelText("mega", 14, 14, 4, ctx); pixelText("rainbow", 14, 48, 4, ctx); pixelText("land", 14, 84, 4, ctx); applyInverseGradient(ctx); pixelText("2", 290, 34, 10, ctx); angleA++; runParticles(ctx); playButton.draw(ctx); playButton.run(); clicked = 0; } function YouWin() { var ctx = this.externals.context; background(0); applyGradient(ctx); pixelText("you win", 16, 16, 6, ctx); applyInverseGradient(ctx); translate(0, 40); pixelText("congratulations! let", 20, 134, 2, ctx); pixelText("me know in tips and", 20, 160, 2, ctx); pixelText("thanks that you won.", 20, 186, 2, ctx); translate(0, -40); angleA++; runParticles(ctx); } draw = Menu;
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOO8gaKOCQw
Votes	220
Spin-Offs	19
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Polar
Author Name	notpolar
Author ID	kaid_80710011086149831327935
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739375328636
Updated	10 months ago, 1739375335304
Source Deleted	unknown