Viewing Program

Program Data

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

Title	Wisp
ID	5242460835446784
Created	7 years ago, 1528213408743
Updated	1 years ago, 1706308737709
Code	// Wisp - My eighteenth game. // By Green Ghost, 6/5/2018. // Thanks to Talha Muhib for testing! // Started: 4/21/2018 // Finished: 6/4/2018 // 6/5/2018: Released! Added bouncing smiley face to the load screen and fixed a few bugs. 77 votes, top on the hotlist. // 6/6/2018: Dropped to second. Tegoon and Legolas's game, Eon Attack passed me up. 118 votes! Fixed more bugs. // 6/7/2018: Still second. 163 votes! // 7/10/2018: 207 votes! // 10/31/2018: 227 votes! // 4/19/2019: 247 votes! /* smooth(); // Smooth motion var Smooth = function(pos1, pos2, div) { return (pos2 - pos1) / div; }; var cloud = function(x, y, w, h, r) { pushMatrix(); translate(x, y); rotate(r); beginShape(); vertex(0, 0); vertex(w, 0); bezierVertex(w * 8.4 / 8, -h / 4, w * 7 / 8, -h / 6, w * 7.3 / 8, -h / 5.5); bezierVertex(w * 7.4 / 8, -h / 4.5, w * 7 / 8, -h / 3.4, w * 4 / 5, -h / 4); bezierVertex(w * 6.8 / 8, -h / 2, w / 2, -h / 2, w / 2, -h / 3); bezierVertex(w / 1.9, -h / 3, w / 3, -h / 2.3, w / 3, -h / 4); bezierVertex(w / 3, -h / 3, w / 10, -h / 2.3, w / 9, -h / 6); bezierVertex(w / 10, -h / 6, w / 50, -h / 4, 0, 0); endShape(); popMatrix(); }; var clouds = []; var Size; var blockSize = 50; var lifeMax = 1, boostStart = 0, boostTime = 0, boostAmount = 16; var player; var click = false, out = false, scene = "logo"; // Scene transition var flash = { opac : 25, display : function() { noStroke(); fill(255, 255, 255, map(this.opac, 0, 25, 0, 255)); rect(0, 0, width, height); this.opac --; }, reset : function(sceneTo) { scene = sceneTo; this.opac = 25; } }; // Cursor var mouse = { x : mouseX, y : mouseY, size : 8, opac : 300, moving : false, display : function() { cursor("none"); this.x = mouseX; this.y = mouseY; if (!out) { noStroke(); fill(255, 255, 255, this.opac); ellipse(this.x, this.y, this.size, this.size); fill(255, 255, 255); ellipse(this.x, this.y, 8, 8); } if (click) { this.moving = true; this.size = 8; this.opac = 300; } if (this.moving) { this.size += 3; this.opac -= 15; } } }; // Fonts // { var fonts = [ createFont("monospace"), createFont("serif"), createFont("FreeSans") ]; // } // Logo // { var GGlogo = function(x, y, size, sub1, sub2, sub3) { noStroke(); pushMatrix(); translate(x, y); scale(size / 600, size / 600); pushMatrix(); translate(0, -sub1); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); popMatrix(); pushMatrix(); translate(0, -sub2); arc(0, 600, 1200, 1300, 249, 291); popMatrix(); pushMatrix(); translate(0, -sub3); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); popMatrix(); popMatrix(); }; var subs = [ 1300, 1300, 1300 ]; var curSub = 0; var timer1 = 0; var timer2 = 0; var pixels = []; var pxX = 0, pxY = 0, pxSize = 50; var bgFade = 0; var GGtxt = {w : 0, h : 0.05}; var logo = function() { timer1 ++; background(0, 0, 0); for (var i in pixels) { noStroke(); fill(pixels[i].color); rect(pixels[i].x, pixels[i].y, pxSize, pxSize); } fill(255, 255, 255, bgFade); rect(0, 0, width, height); fill(0, 0, 0, 150); GGlogo(305, 205, 200, subs[0], subs[1], subs[2]); fill(255, 255, 255); GGlogo(295, 195, 200, subs[0], subs[1], subs[2]); fill(0, 200, 0); GGlogo(300, 200, 200, subs[0], subs[1], subs[2]); for (var i = 0; i < curSub; i++) { subs[i] += Smooth(subs[i], 0, 10); } timer2 ++; if (timer2 > 20) { curSub ++; timer2 = 0; curSub = constrain(curSub, 0, subs.length); } if (pxY < height && timer2 % 3 === 0) { for (var i = 0; i < width / pxSize; i++) { pixels.push({x : i * pxSize, y : pxY, color: color(0, (i * pxSize ^ pxY) / 2, 0)}); } pxY += pxSize; } if (subs[0] < 50) { bgFade += Smooth(bgFade, 100, 10); GGtxt.w += Smooth(GGtxt.w, 0.9, 10); } if (GGtxt.w > 0.8) { GGtxt.h += Smooth(GGtxt.h, 1, 10); } textFont(fonts[0], 80); textAlign(CENTER, CENTER); pushMatrix(); translate(300, 500); scale(GGtxt.w, GGtxt.h); fill(0, 0, 0, 150); text("Green Ghost", 3, 3); fill(255, 255, 255); text("Green Ghost", 0, 0); popMatrix(); if (timer1 > 240 \|\| click) { flash.reset("menu"); } }; // } var outlineTxt = function(txt, x, y, s) { textAlign(CENTER, CENTER); fill(0, 0, 0, 30); textFont(fonts[1], s \|\| 200); for (var i = 0; i < 10; i++) { text(txt, x + sin(i * 36) * 8, y + cos(i * 36) * 8); } fill(255, 255, 255); text(txt, x, y); textFont(fonts[2]); }; var heading = { x : -100, y : 0, r : 180, w : 0, h : 1, display : function() { textAlign(CENTER, CENTER); pushMatrix(); translate(this.x, this.y); scale(this.w, this.h); rotate(this.r); outlineTxt("Wisp", 0, 0); popMatrix(); this.x += Smooth(this.x, 300, 15); this.y += Smooth(this.y, 100, 15); this.w += Smooth(this.w, 1, 15); this.r += Smooth(this.r, 0, 15); } }; var loaded = loaded \|\| false; var curLoad = 0; var loadStr = ""; var loadPercent = 0; var textureImg, textureImg2, glowImg; var images = []; var imagesToLoad = [ { display : function() { for (var k = 0; k < 100; k++) { this.canvas.noStroke(); this.canvas.fill(255, 255, 255, 25); this.pos = Math.floor(random(3)); this.x = -cos(4) + this.x ^ this.pos / 2 * 40; this.y = sin(this.y) * 2 + this.y ^ this.pos * 40; if (this.pos === 0) { this.x = this.x / 2 + 150; this.y = this.y / 2 + 150; } else if (this.pos === 1) { this.x = this.x / 2; this.y = this.y / 2 + 150; } else { this.x = this.x / 2; this.y = this.y / 2; } this.x += this.y; this.y = this.x - this.y; this.x -= this.y; this.canvas.rect(this.x, this.y, 1, 1); } this.count ++; this.percent = map(this.count, 0, 600, 0, 100); }, done : function() { return this.count > 600; }, canvas : createGraphics(400, 400, P2D), pos : Math.floor(random(3)), y : random(0, 300), x : random(0, this.y), count : 0, percent : 0 }, { display : function() { this.canvas.noStroke(); for (var i = 0; i < height; i++) { this.canvas.fill(255, 255, 255, map(noise(this.j / 80, i / 80), 0, 1, 0, 80) + dist(this.j, i, width / 2, height / 2) / 3 - 30); this.canvas.rect(this.j, i, 1, 1); } this.j ++; this.percent = map(this.j, 0, width, 0, 100); }, done : function() { return this.j > width; }, canvas : createGraphics(600, 600, P2D), j : 0, percent : 0 }, { display : function() { this.canvas.noStroke(); this.canvas.fill(255, 255, 255, 15); for (var i = 0; i < 10; i++) { this.canvas.ellipse(128, 128, 75 + i * 20, 76 + i * 20); } this.percent = 100; }, done : function() { return true; }, canvas : createGraphics(256, 256, P2D), percent : 0 } ]; imagesToLoad[0].canvas.background(255, 255, 255, 0); var flicker; var speed = 2; var coinChance = 5; for (var i = 0; i < 10; i++) { Size = random(50, 100); clouds.push({x : random(0, 600), y : random(0, 400), size : Size}); } var hills = [ {x : 100, y : 400}, {x : 390, y : 500}, {x : 600, y : 450}, {x : 800, y : 420} ]; var maps = [ [ "0 0", "0 0", " 00 0", " 000000000", " ", " ", " ", " ", " 000000000", " 00 0", "0 0", "0 0" ], [ " ", " ", " ", " ", " ", " oo", " oo00", " oo00 ", " oo00 ", " oo00 ", "oo00 ", "00 0" ], [ "00 ", "oo00 ", " oo00 ", " oo00 ", " oo00 ", " oo00", " oo", " ", " ", " ", " ", " " ], [ "0 ", "0 ", "0 ", "0 ", " ", " ", " ", " ", "0 ", "0 ", "0 ooooooooo ", "000000000000" ], [ " ", " ", " ", " ", "x ", " ", " oo ", " oo ", " ", "0 ", "0 ", "000000000000" ], [ " ", " ", " ", " ", " ", " ", " ", "0x0 ", "0 0 ", "0 0 ", "0 0 ", "000000000000" ], [ " ", " ", " ", " ooooooooo ", " ooooooooo ", " ooooooooo ", " ", " 0", " 0", "0 0", "0 0", "000000000000" ], [ "0 ", " 0 ", " 0 ", " 0 ", " ", " ", " ", "0 ", " 0 ", " 0 ", " 0 ", "000000000000" ], [ " 0 ", " 0 ", " ", " ", " ", "x ", " x ", " oooooo ", " ", " ", "0 ", "000000000000" ] ]; var curMap = 0; var moving = false, paused = false, moveFade = 255, pauseFade = 0; imageMode(CENTER); var dieImage; var blocks = []; var chunks = []; var direcs = [ {x : blockSize / 2, y : 0}, {x : blockSize / 2, y : blockSize / 2}, {x : 0, y : blockSize / 2}, {x : 0, y : 0} ]; var stars = []; for (var i = 0; i < 30; i++) { stars.push({x : random(0, 600), y : random(0, 600)}); } var dieDimensions = { x : 120, y : 120, s : 0, r : 180, reset : function() { this.s = 0; this.r = 180; } }; var Rock, Enemy, Coin; var heart = function(x, y, color) { noStroke(); fill(color); pushMatrix(); translate(x, y); rotate(45); (rect)(0, 0, 30, 15, 5, 0, 0, 5); (rect)(15, -15, 15, 30, 5, 5, 0, 0); popMatrix(); }; var enemy = function(x, y, size) { noStroke(); pushMatrix(); translate(x, y); scale(size / 100, size / 100); fill(255, 205, 0); triangle(-blockSize / 3, -blockSize / 3, -blockSize / 4, -blockSize / 2.5, -blockSize / 1.8, -blockSize / 1.8); fill(150, 0, 0); ellipse(0, 0, blockSize, blockSize); fill(255, 255, 255, 100); arc(0, 0, blockSize, blockSize, 30, 180); fill(150, 0, 0); ellipse(blockSize / 20, blockSize / 14, blockSize / 1.2, blockSize / 1.8); arc(-blockSize / 2, 0, blockSize / 4, blockSize / 3, 260, 360); pushMatrix(); rotate(sin(frameCount * 2) * 15 + 30); ellipse(0, blockSize / 1.8, blockSize / 4, blockSize / 4); popMatrix(); pushMatrix(); rotate(sin(-frameCount * 2) * 15 - 30); ellipse(0, blockSize / 1.8, blockSize / 4, blockSize / 4); popMatrix(); pushMatrix(); fill(200, 50, 50); pushMatrix(); scale(1, sin(frameCount * 2 + 90)); beginShape(); vertex(0, 0); bezierVertex(0, blockSize / 4, -blockSize / 8, blockSize / 3, -blockSize / 4, blockSize / 2); bezierVertex(0, blockSize / 1.3, blockSize / 4, blockSize / 1.2, blockSize / 3, blockSize / 1.2); bezierVertex(blockSize / 5, blockSize / 1.6, blockSize / 5, blockSize / 2, blockSize / 3, blockSize / 2.4); bezierVertex(blockSize / 5, blockSize / 4, blockSize / 5, blockSize / 10, blockSize / 3, 0); endShape(); popMatrix(); fill(255, 255, 255); triangle(-blockSize / 2.1, 0, -blockSize / 2.5, 0, -blockSize / 2.3, blockSize / 6); popMatrix(); strokeWeight(blockSize / 15); stroke(0, 0, 0); noFill(); strokeCap(SQUARE); arc(-blockSize / 2, blockSize / 6, blockSize / 2, blockSize / 3, 270, 340); noStroke(); fill(255, 205, 0); arc(-blockSize / 4, -blockSize / 6, blockSize / 4, blockSize / 4, -20, 160); fill(255, 255, 255, 200); arc(-blockSize / 4, -blockSize / 6, blockSize / 8, blockSize / 8, -20, 160); fill(0, 0, 0); ellipse(-blockSize / 2.2, -blockSize / 9, blockSize / 30, blockSize / 16); popMatrix(); }; var prices = { life : { price : 0, prices : [30, 60, 100, 200], desc : "Gives you more lives." }, speed : { price : 0, prices : [20, 55, 140, 220], desc : "Adds a speed boost\nto each round." }, coin : { price : 0, prices : [25, 60, 140, 300], desc : "Lets you find\ngems sometimes." } }; // Buttons // { var Button = function(x, y, size, pic, func) { this.x = x; this.y = y; this.size = size; this.pic = pic; this.func = func; this.plus = 1; this.slide = 0; }; Button.prototype.display = function() { pushMatrix(); translate(this.x, this.y); scale(this.plus, this.plus); fill(255, 255, 255, 100); noStroke(); ellipse(0, 0, this.size, this.size); fill(80, 60, 100, 100); ellipse(0, 0, this.slide, this.slide); stroke(255, 255, 255, 150); strokeWeight(this.size / 20); noFill(); ellipse(0, 0, this.size * 1.05, this.size * 1.05); this.pic(); popMatrix(); }; Button.prototype.check = function(pos) { return dist(pos.x, pos.y, this.x, this.y) < this.size / 2; }; Button.prototype.pack = function() { this.plus = 1; if (this.check(mouse)) { this.plus = 1.1; this.slide += Smooth(this.slide, this.size, 10); if (click) { this.func(); } } else { this.slide += Smooth(this.slide, 0, 10); } this.display(); }; var play = new Button(300, 350, 120, function() { noStroke(); fill(255, 255, 255); triangle(30, 0, -20, 30, -20, -30); }, function() { blocks = []; chunks = []; for (var i = 0; i < width / blockSize / 2; i++) { blocks.push(new Rock(i * blockSize, height - blockSize)); } speed = 2; dieDimensions.reset(); player.reset(); flash.reset("game"); moving = false; paused = false; moveFade = 255; boostTime = boostStart; }); var storyB = new Button(400, 450, 110, function() { noStroke(); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(35); text("Story", 0, 0); }, function() { flash.reset("story"); }); var howB = new Button(200, 450, 110, function() { noStroke(); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(80); text("?", 0, 0); }, function() { flash.reset("how"); }); var toShop = new Button(220, 500, 120, function() { textSize(80); textAlign(CENTER, CENTER); noStroke(); fill(255, 255, 255); text("$", 0, 0); }, function() { flash.reset("shop"); }); var retry = new Button(380, 500, 120, function() { strokeWeight(7); strokeCap(ROUND); stroke(255, 255, 255); arc(0, 0, 60, 60, -90, 200); pushMatrix(); translate(0, -30); rotate(13); beginShape(); vertex(10, -10); vertex(0, 0); vertex(10, 10); endShape(); popMatrix(); }, function() { blocks = []; chunks = []; for (var i = 0; i < width / blockSize / 2; i++) { blocks.push(new Rock(i * blockSize, height - blockSize)); } speed = 2; dieDimensions.reset(); player.reset(); flash.reset("game"); moving = false; paused = false; moveFade = 255; boostTime = boostStart; }); var life = new Button(150, 350, 100, function() { heart(-10, -15, color(255, 255, 255)); popMatrix(); textAlign(CENTER, CENTER); textSize(40); if (prices.life.prices[prices.life.price] === undefined) { text("$-", this.x, this.y - 100); } else { text("$" + prices.life.prices[prices.life.price], this.x, this.y - 100); } if (this.check(mouse)) { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); text(prices.life.desc, 300, 450); } }, function() { if (player.coins >= prices.life.prices[prices.life.price]) { player.coins -= prices.life.prices[prices.life.price]; lifeMax ++; prices.life.price ++; } }); var speedB = new Button(300, 350, 100, function() { noStroke(); fill(255, 255, 255); ellipse(10, 0, 25, 25); stroke(255, 255, 255); strokeWeight(2); line(-10, -3, -5, -3); line(-15, 0, -5, 0); line(-20, 3, -5, 3); noStroke(); popMatrix(); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); if (prices.speed.prices[prices.speed.price] === undefined) { text("$-", this.x, this.y - 100); } else { text("$" + prices.speed.prices[prices.speed.price], this.x, this.y - 100); } if (this.check(mouse)) { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); text(prices.speed.desc, 300, 450); } }, function() { if (player.coins >= prices.speed.prices[prices.speed.price]) { player.coins -= prices.speed.prices[prices.speed.price]; boostStart += 120; prices.speed.price ++; } }); var coinB = new Button(450, 350, 100, function() { noStroke(); fill(255, 255, 255); ellipse(0, 0, 40, 40); fill(200, 200, 200); textAlign(CENTER, CENTER); textSize(30); text("1", 0, 0); popMatrix(); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); if (prices.coin.prices[prices.coin.price] === undefined) { text("$-", this.x, this.y - 100); } else { text("$" + prices.coin.prices[prices.coin.price], this.x, this.y - 100); } if (this.check(mouse)) { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); text(prices.coin.desc, 300, 450); } }, function() { if (player.coins >= prices.coin.prices[prices.coin.price]) { player.coins -= prices.coin.prices[prices.coin.price]; coinChance += 1; prices.coin.price ++; } }); var backB = new Button(500, 530, 100, function() { noStroke(); fill(255, 255, 255); triangle(5, -20, 5, 20, 30, 0); rect(-30, -10, 35, 20); }, function() { if (scene === "win" \|\| scene === "story" \|\| scene === "how") { flash.reset("menu"); return; } flash.reset("lose"); }); var pause = new Button(560, 560, 60, function() { noStroke(); fill(255, 255, 255); rect(-11, -20, 7, 40); rect(4, -20, 7, 40); }, function() { if (moving) { paused = true; } }); var backB2 = new Button(230, -60, 110, function() { noStroke(); fill(255, 255, 255); triangle(5, -20, 5, 20, 30, 0); rect(-30, -10, 35, 20); }, function() { paused = false; return; }); var backB3 = new Button(370, -60, 110, function() { noStroke(); fill(255, 255, 255); rect(-40, -26, 80, 12); rect(-40, -6, 80, 12); rect(-40, 14, 80, 12); }, function() { flash.reset("menu"); return; }); // } // Player // { var Player = function() { this.x = 50; this.y = 300; this.gravity = 0; this.lives = lifeMax; this.wisps = []; this.distance = 0; this.score = 0; this.record = 0; this.coins = 0; this.boostFade = 100; }; Player.prototype.display = function() { if (scene === "lose") { noStroke(); pushMatrix(); translate(this.x, this.y); rotate(this.gravity); fill(255, 255, 225); rect(14, 5, 3, 9); rect(8, 5, 3, 9); popMatrix(); } else { for (var i = this.wisps.length - 1; i > -1; i--) { noStroke(); fill(255, 255, 255, this.wisps[i].fade); ellipse(this.wisps[i].x, this.wisps[i].y, this.wisps[i].size, this.wisps[i].size); this.wisps[i].x += sin(this.wisps[i].angle) * this.wisps[i].speed; this.wisps[i].y -= cos(this.wisps[i].angle) * this.wisps[i].speed; this.wisps[i].fade -= 5; if (this.wisps[i].fade < 0) { this.wisps.splice(i, 1); } } noStroke(); pushMatrix(); translate(this.x, this.y); rotate(this.gravity); fill(255, 255, 255, 100); rect(-3, 3, 20, 20, 5); quad(-6, 22, 20, 22, 17, 48, -3, 48); // Left arm pushMatrix(); translate(-6, 26); rotate(constrain(this.gravity * 20, 20, 150)); rect(-2, 0, 6, 30); popMatrix(); // Right arm pushMatrix(); translate(20, 26); rotate(constrain(-this.gravity * 20, -150, -20)); rect(-2, 0, 6, 30); popMatrix(); // Left leg pushMatrix(); translate(0 , 51); rotate(5); rect(-2, 0, 6, 30); popMatrix(); // Right leg pushMatrix(); translate(14, 51); rotate(5); rect(-2, 0, 6, 30); popMatrix(); fill(130, 130, 150); rect(0, 0, 20, 20, 5); quad(-3, 19, 23, 19, 20, 45, 0, 45); fill(110, 110, 130); // Left arm pushMatrix(); translate(-3, 23); rotate(constrain(this.gravity * 20, 20, 150)); rect(-2, 0, 6, 30); popMatrix(); // Right arm pushMatrix(); translate(23, 23); rotate(constrain(-this.gravity * 20, -150, -20)); rect(-2, 0, 6, 30); popMatrix(); // Left leg pushMatrix(); translate(3, 48); rotate(5); rect(-2, 0, 6, 30); popMatrix(); // Right leg pushMatrix(); translate(17, 48); rotate(5); rect(-2, 0, 6, 30); popMatrix(); fill(0, 0, 0); rect(14, 7, 3, 5); rect(8, 7, 3, 5); popMatrix(); this.boostFade = 100; if (boostTime < 60 && frameCount % 30 < 10) { this.boostFade = 0; } if (boostTime > 0) { fill(100, 200, 255, this.boostFade); ellipse(this.x + 10, this.y + 35, 140, 140); } } }; Player.prototype.move = function() { if (moving && !paused) { this.y += this.gravity; this.gravity += 0.2; boostTime --; } if (click && !paused) { this.changeVel(); } if (this.y < -blockSize) { this.y = -blockSize; this.gravity = 0; } if (moving && !paused) { this.distance += boostTime > 0 ? boostAmount : speed; this.score = Math.floor(this.distance); } }; Player.prototype.changeVel = function() { moving = true; this.gravity = -6; for (var i = 0; i < 20; i++) { this.wisps.push({x : this.x + blockSize / 4, y : this.y + blockSize * 1.5, angle : 90 + random(180), size : random(10, 25), fade : 100, speed : random(1.5, 3.5)}); } }; Player.prototype.reset = function() { this.y = 300; this.gravity = 0; this.lives = lifeMax; this.distance = 0; this.score = 0; this.boostFade = 100; this.wisps = []; }; Player.prototype.showStats = function() { for (var i = 0; i < lifeMax; i++) { heart(315 + (i - lifeMax / 2) * 50, 25, color(75, 75, 75)); } for (var i = 0; i < this.lives; i++) { heart(315 + (i - lifeMax / 2) * 50, 25, color(255, 0, 0)); } fill(200, 200, 200); noStroke(); beginShape(); vertex(460, 15); vertex(550, 15); vertex(550, 5); vertex(590, 35); vertex(550, 65); vertex(550, 55); vertex(460, 55); endShape(); fill(255, 255, 255); textAlign(LEFT, CENTER); textSize(30); text(this.score, 470, 35); strokeWeight(blockSize / 15); stroke(200, 175, 95); fill(185, 160, 70); ellipse(500, 105, sin(frameCount * 2) * blockSize / 2, blockSize / 2); textSize(30); textAlign(LEFT, CENTER); text(this.coins, 520, 105); noStroke(); }; player = new Player(); // } // Rock // { Rock = function(x, y) { this.x = x; this.y = y; this.type = "0"; }; Rock.prototype.display = function() { fill(100, 100, 100); noStroke(); rect(this.x, this.y, blockSize, blockSize, 8); fill(140, 140, 140); ellipse(this.x + blockSize / 4, this.y + blockSize / 4 * 3, blockSize / 5, blockSize / 5); ellipse(this.x + blockSize / 3 * 2, this.y + blockSize / 2, blockSize / 3, blockSize / 3); fill(255, 255, 255, 50); rect(this.x + blockSize / 2.5, this.y + blockSize / 20, blockSize / 2, blockSize / 2, 5); }; Rock.prototype.move = function() { this.x -= boostTime > 0 ? boostAmount : speed; }; Rock.prototype.collide = function() { return player.x + blockSize / 2 > this.x && player.x < this.x + blockSize && player.y + blockSize * 1.5 > this.y && player.y < this.y + blockSize; }; // } // Enemy // { Enemy = function(x, y) { this.x = x; this.y = y; this.origin = y; this.plus = random(360); this.type = "x"; this.yAmount = 0; }; Enemy.prototype.display = function() { enemy(this.x + blockSize / 2, this.y + blockSize / 2, blockSize * 2); }; Enemy.prototype.move = function() { this.yAmount ++; this.x -= boostTime > 0 ? boostAmount : speed; this.y = this.origin + sin(this.yAmount) * blockSize * 3; }; Enemy.prototype.collide = function() { return player.x + blockSize / 2 > this.x && player.x < this.x + blockSize && player.y + blockSize * 1.5 > this.y && player.y < this.y + blockSize; }; // } // Coin // { Coin = function(x, y) { this.x = x + blockSize / 2; this.y = y + blockSize / 2; this.type = "o"; this.val = Math.floor(random(coinChance)) > 4; this.give = this.val ? 5 : 1; }; Coin.prototype.display = function() { if (this.val) { stroke(100, 200, 255); strokeWeight(blockSize / 15); pushMatrix(); translate(this.x, this.y); fill(0, 200, 250); beginShape(); vertex(0, blockSize / 4); vertex(-blockSize / 5, -blockSize / 8); vertex(-blockSize / 6, -blockSize / 5); vertex(blockSize / 6, -blockSize / 5); vertex(blockSize / 5, -blockSize / 8); vertex(0, blockSize / 4); endShape(); popMatrix(); } else { strokeWeight(blockSize / 15); stroke(200, 175, 95); fill(185, 160, 70); ellipse(this.x, this.y, sin(frameCount * 2) * blockSize / 2, blockSize / 2); } }; Coin.prototype.move = function() { this.x -= boostTime > 0 ? boostAmount : speed; }; Coin.prototype.collide = function() { return player.x + blockSize / 2 > this.x && player.x < this.x + blockSize / 4 && player.y + blockSize * 2 > this.y && player.y < this.y + blockSize / 4; }; // } for (var i = 0; i < width / blockSize / 2; i++) { blocks.push(new Rock(i * blockSize, height - blockSize)); } var showDistance = function(amount) { stroke(200, 200, 200); strokeWeight(ROUND); strokeWeight(3); line(120, 570, 480, 570); noStroke(); fill(200, 200, 200); ellipse(120 + map(6000, 0, 20000, 0, 360), 570, 7, 7); ellipse(120 + map(13000, 0, 20000, 0, 360), 570, 7, 7); fill(255, 255, 255); ellipse(120 + map(amount, 0, 20000, 0, 360), 570, 10, 10); noStroke(); if (amount > 20000) { flash.reset("win"); } }; var glow = function(x, y) { fill(255, 255, 255, Math.abs(sin(x + y + frameCount)) * 10); ellipse(x, y, 150, 150); ellipse(x, y, 140, 140); ellipse(x, y, 125, 125); ellipse(x, y, 105, 105); }; // Backgrounds // { var bg1 = function() { background(50, 0, 115); fill(0, 0, 0, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); imageMode(CENTER); image(glowImg, 100, 100); imageMode(CORNER); fill(200, 200, 200); ellipse(100, 100, 75, 75); fill(255, 255, 255); pushMatrix(); translate(100, 100); rotate(50); ellipse(0, 0, 75, 30); arc(0, 0, 75, 75, 180, 360); popMatrix(); fill(200, 200, 200); strokeWeight(2); stroke(255, 255, 255); ellipse(90, 105, 20, 20); ellipse(115, 80, 15, 15); ellipse(105, 120, 17, 17); ellipse(120, 100, 10, 10); }; var bg2 = function() { background(10, 70, 190); fill(255, 0, 255, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); noStroke(); fill(255, 255, 0, 100); for (var i = 0; i < 8; i++) { pushMatrix(); translate(350, 500); rotate(i * 45 + frameCount); quad(30, -10, 30, 10, 100 + sin(frameCount * 3) * 15, 15, 100 + sin(frameCount * 3) * 15, -15); popMatrix(); } fill(255, 255, 0); ellipse(350, 500, 75, 75); }; var bg3 = function() { background(50, 180, 255); fill(255, 255, 255, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); noStroke(); fill(255, 255, 0, 100); for (var i = 0; i < 8; i++) { pushMatrix(); translate(400, 100); rotate(i * 45 + frameCount); quad(30, -10, 30, 10, 100 + sin(frameCount * 3) * 15, 15, 100 + sin(frameCount * 3) * 15, -15); popMatrix(); } fill(255, 255, 0); ellipse(400, 100, 75, 75); }; // } // Scenes // { var game = function() { if (player.score < 6000) { bg1(); } else if (player.score < 13000) { bg2(); } else { bg3(); } for (var i = 0; i < clouds.length; i++) { noStroke(); fill(255, 255, 255, 100); cloud(clouds[i].x, clouds[i].y, clouds[i].size, clouds[i].size, 0); clouds[i].x += speed * 10 / clouds[i].size; if (clouds[i].x > width) { clouds[i].x = -clouds[i].size; } } for (var i = 0; i < hills.length; i++) { fill(0, 160, 0); beginShape(); vertex(hills[i].x + hills[i].y - width, 600); vertex(hills[i].x - hills[i].y + width, 600); vertex(hills[i].x + 5, hills[i].y); bezierVertex(hills[i].x + 2, hills[i].y - 2, hills[i].x - 2, hills[i].y - 2, hills[i].x - 5, hills[i].y); endShape(); fill(0, 0, 0, 50); triangle(hills[i].x - hills[i].y + width, 600, hills[i].x - hills[i].y * 1.2 + width, 600, hills[i].x + 5, hills[i].y); if (moving && !paused) { hills[i].x -= speed / 5; } if (hills[i].x - hills[i].y + width < 0) { hills[i].x = width + hills[i].y / 2; } } if (blocks[blocks.length - 1].x + blockSize <= width / 2) { curMap = Math.floor(random(maps.length)); speed += 0.3; for (var i = 0; i < maps[curMap].length; i++) { for (var j = 0; j < maps[curMap][i].length; j++) { if (maps[curMap][i][j] === "0") { blocks.push(new Rock(width + j * blockSize, i * blockSize)); } else if (maps[curMap][i][j] === "x") { blocks.push(new Enemy(width + j * blockSize, i * blockSize)); } else if (maps[curMap][i][j] === "o") { blocks.push(new Coin(width + j * blockSize, i * blockSize)); } } } } player.move(); if (player.y > height) { pushMatrix(); translate(0, (height - player.y) - blockSize * 2); } for (var i = blocks.length - 1; i > -1; i--) { blocks[i].display(); if (moving && !paused) { blocks[i].move(); } if (blocks[i].collide() && player.y <= height) { if (blocks[i].type !== "o") { if (boostTime <= -30) { player.lives --; } for (var j = 0; j < direcs.length; j++) { chunks.push({x : blocks[i].x + direcs[j].x, y : blocks[i].y + direcs[j].y , gravity : random(-1), move : random(-1, 1), type : blocks[i].type}); } } else { player.coins += blocks[i].give; chunks.push({x : blocks[i].x, y : blocks[i].y , gravity : -3, move : -speed, type : "o", val : blocks[i].val}); } blocks.splice(i, 1); continue; } if (blocks[i].x < -blockSize) { blocks.splice(i, 1); } } for (var i = chunks.length - 1; i > -1; i--) { if (chunks[i].type === "0") { noStroke(); fill(100, 100, 100); rect(chunks[i].x, chunks[i].y, blockSize / 2, blockSize / 2); } else if (chunks[i].type === "x") { noStroke(); fill(150, 0, 0); ellipse(chunks[i].x + blockSize / 4, chunks[i].y + blockSize / 4, blockSize / 2, blockSize / 2); } else if (chunks[i].type === "o") { if (chunks[i].val) { stroke(100, 200, 255); strokeWeight(blockSize / 15); pushMatrix(); translate(chunks[i].x, chunks[i].y); fill(0, 200, 250); beginShape(); vertex(0, blockSize / 4); vertex(-blockSize / 5, -blockSize / 8); vertex(-blockSize / 6, -blockSize / 5); vertex(blockSize / 6, -blockSize / 5); vertex(blockSize / 5, -blockSize / 8); vertex(0, blockSize / 4); endShape(); popMatrix(); } else { strokeWeight(blockSize / 15); stroke(200, 175, 95); fill(185, 160, 70); ellipse(chunks[i].x, chunks[i].y, sin(frameCount * 2) * blockSize / 2, blockSize / 2); chunks[i].gravity += 0.5; } } chunks[i].x += chunks[i].move; chunks[i].y += chunks[i].gravity; chunks[i].gravity += 0.1; if (chunks[i].y > height) { chunks.splice(i, 1); } } player.showStats(); player.display(); if (player.lives < 1) { flash.reset("lose"); player.display(); dieImage = get(player.x - blockSize, player.y - blockSize, blockSize * 3, blockSize * 3); player.record = Math.max(player.score, player.record); } if (player.y > height) { flash.reset("lose"); player.display(); dieImage = get(player.x - blockSize, player.y - blockSize * 2 + (height - player.y), blockSize * 2, blockSize * 2); player.record = Math.max(player.score, player.record); } popMatrix(); fill(255, 255, 255, moveFade); textSize(50); textAlign(CENTER, CENTER); text("Click to play", 300, 300); if (moving) { moveFade -= 10; } showDistance(player.score); pause.pack(); if (paused) { pauseFade += Smooth(pauseFade, 100, 10); backB2.y += Smooth(backB2.y, 300, 10); backB3.y += Smooth(backB3.y, 300, 10); } else { pauseFade += Smooth(pauseFade, 0, 10); backB2.y += Smooth(backB2.y, -60, 10); backB3.y += Smooth(backB3.y, -60, 10); } noStroke(); fill(0, 0, 0, pauseFade); rect(0, 0, width, height); textAlign(CENTER, CENTER); textSize(80); fill(255, 255, 255, map(pauseFade, 0, 100, 0, 255)); text("Paused", 300, 100); backB2.pack(); backB3.pack(); }; var menu = function() { imageMode(CORNER); flicker = sin(frameCount + random(-10, 10)) * 25; background(50 + flicker, flicker, 115 + flicker); fill(0, 0, 0, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); image(textureImg2, 0, 0, width, height); image(textureImg, 0, 0); image(textureImg, 200, 200); image(textureImg, 300, 30); pushMatrix(); translate(300, 600); rotate(180); image(textureImg, 0, 0); image(textureImg, -15, -150); popMatrix(); heading.display(); play.pack(); howB.pack(); storyB.pack(); mouse.display(); flash.display(); }; var story = function() { noStroke(); background(50, 0, 115); fill(0, 0, 0, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); for (var i = 0; i < stars.length; i++) { fill(255, 255, 255, 100 + sin(frameCount * 3 + stars[i].x + stars[i].y) * 100); ellipse(stars[i].x, stars[i].y, 5, 5); } outlineTxt("Story", 300, 70, 140); textSize(25); textAlign(CENTER, CENTER); fill(255, 255, 255); text("Wisp was lost. He had been\npracticing the use of his powers,\nwhich allowed him to fly. But then\nthe wind had dragged him away,\nover the hills, and dropped him in a place\nfar from his home. The only way to get\nback that Wisp could\nsee was crawling with Dragons!\nHelp him to get home!", 300, 330); backB.pack(); }; var how = function() { noStroke(); background(50, 0, 115); fill(0, 0, 0, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); outlineTxt("Instructions", 300, 100, 80); textSize(30); textAlign(CENTER, CENTER); fill(255, 255, 255); text("Click or press the spacebar to fly.\nAvoid blocks and dragons.\nCollect coins and gems.\nBuy items in the shop\nto help you.", 300, 300); backB.pack(); }; var lose = function() { noStroke(); background(50, 0, 115); fill(0, 0, 0, 50); beginShape(); vertex(0, 300); vertex(0, 600); vertex(600, 600); vertex(600, 300); bezierVertex(450, 200, 150, 400, 0, 300); endShape(); beginShape(); vertex(0, 400); vertex(0, 600); vertex(600, 600); vertex(600, 400); bezierVertex(450, 500, 20, 370, 0, 400); endShape(); imageMode(CENTER); pushMatrix(); translate(dieDimensions.x, dieDimensions.y); rotate(dieDimensions.r); image(dieImage, 0, 0, dieDimensions.s, dieDimensions.s); popMatrix(); dieDimensions.s += Smooth(dieDimensions.s, 150, 10); dieDimensions.r += Smooth(dieDimensions.r, -20, 10); imageMode(CORNER); toShop.pack(); retry.pack(); fill(255, 255, 255); textSize(70); outlineTxt("You Died!", 400, 100, 70); textSize(30); text("Distance: " + player.score, 300, 270); text("Record: " + player.record, 300, 320); text("Coins: " + player.coins, 300, 370); }; var shop = function() { background(50, 0, 115); glow(150, 500); glow(230, 450); glow(0, 100); glow(400, 300); glow(500, 600); life.pack(); speedB.pack(); coinB.pack(); backB.pack(); textAlign(LEFT, BOTTOM); fill(255, 255, 255); textSize(50); text("Coins: " + player.coins, 20, 580); outlineTxt("Shop", 300, 100); }; var win = function() { bg3(); for (var i = 0; i < clouds.length; i++) { noStroke(); fill(255, 255, 255, 100); cloud(clouds[i].x, clouds[i].y, clouds[i].size, clouds[i].size, 0); clouds[i].x += speed * 10 / clouds[i].size; if (clouds[i].x > width) { clouds[i].x = -clouds[i].size; } } for (var i = 0; i < hills.length; i++) { fill(0, 160, 0); beginShape(); vertex(hills[i].x + hills[i].y - width, 600); vertex(hills[i].x - hills[i].y + width, 600); vertex(hills[i].x + 5, hills[i].y); bezierVertex(hills[i].x + 2, hills[i].y - 2, hills[i].x - 2, hills[i].y - 2, hills[i].x - 5, hills[i].y); endShape(); fill(0, 0, 0, 50); triangle(hills[i].x - hills[i].y + width, 600, hills[i].x - hills[i].y * 1.2 + width, 600, hills[i].x + 5, hills[i].y); } outlineTxt("You Won!", 300, 300, 120); backB.pack(); }; var load = function() { imagesToLoad[curLoad].display(); if (imagesToLoad[curLoad].done()) { images.push(imagesToLoad[curLoad].canvas.get()); curLoad ++; if (curLoad >= imagesToLoad.length) { loaded = true; textureImg = images[0]; textureImg2 = images[1]; glowImg = images[2]; return; } imagesToLoad[curLoad].canvas.background(255, 255, 255, 0); } loadPercent = 0; for (var i = 0; i < imagesToLoad.length; i++) { loadPercent += imagesToLoad[i].percent; } loadPercent /= (imagesToLoad.length - 1); background(0, 200, 0); noStroke(); fill(0, 0, 0, 100); beginShape(); vertex(0, 500); vertex(0, 600); vertex(600, 600); vertex(600, 0); endShape(); fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[2], 50); text("Loading" + loadStr + "\n" + Math.floor(loadPercent) + "%", 300, 300); if (frameCount % 30 === 0) { loadStr += "."; loadStr = loadStr.length >= 4 ? "" : loadStr; } pushMatrix(); translate(loadPercent * 6, 500 - Math.abs(sin(loadPercent * 6) * 100)); rotate(loadPercent * 6); noStroke(); fill(255, 255, 0); ellipse(0, 0, 80, 80); fill(0, 0, 0); ellipse(-15, -5, 15, 15); ellipse(15, -5, 15, 15); arc(0, 10, 30, 25, 0, 180); fill(255, 255, 255); ellipse(-18, -7, 5, 5); ellipse(12, -7, 5, 5); popMatrix(); }; // } draw = function() { if (!loaded) { load(); } else { switch (scene) { case "logo": logo(); break; case "game": game(); break; case "menu": menu(); break; case "story": story(); break; case "how": how(); break; case "lose": lose(); break; case "shop": shop(); break; case "win": win(); break; } mouse.display(); click = false; flash.display(); } }; mouseClicked = function() { click = true; }; mouseOut = function() { out = true; }; mouseOver = function() { out = false; }; keyPressed = function() { if (scene === "game" && keyCode === 32) { player.changeVel(); } }; */ throw { message : "It looks like you're trying to play a game that sucks! Try playing CQ 2 instead!\nkhanacademy.org/cs/i/6449281631830016" };
Folds	23,25,27,42,53,65,68,95,98,104,107,219,221,231,233,254,265,335,343,346,348,353,355,482,492,497,500,502,504,513,517,526,528,578,580,596,599,857,860,1063,1066,1091,1094,1117,1120,1160,1162,1164,1166,1181,1183,1189,1192,1297,1300,1729,1731,1765,1767,1769,1771,1773,1775,1777,1779,1783
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOK-2P-nCQw
Votes	397
Spin-Offs	11
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739377779179
Updated	8 months ago, 1744828483871
Source Deleted	unknown