Viewing Program

Program Data

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

Title	The Ydralefkan Ruins
ID	5978372122820608
Created	3 years ago, 1613968542629
Updated	2 years ago, 1666502338189
Code	/* The Ydralefkan Ruins - an interactive scene by Green Ghost I have been programming for 53 months and have learned 100% of Khan Academy's 'Intro to JS'. I would prefer to be placed in the "Advanced" bracket. Created in January/February 2021 for Contest: Archaeological Dig. Note to judges: This finished very last minute, and depending on what time zone you are in it may say that I created/updated this after the deadline, however in my time zone it was still February 21st when I finished it. YDRALEFKA: The land of poplar trees and aqueducts. Actually, I don't know what kinds of trees those are, I searched poplar and every image looked different! But I mean they look cool and there are aquaducts and pipes and water so I'm happy. BACKGROUND: Idea based roughly on Mahenjo-daro, an ancient ruined city in the Indus valley, kinda mashed up with Greek and Roman architecture. Style inspired by Alto's Odyssey. There are some anachronisms, but since this is fictitional history it doesn't really matter! INFO: All code written by me during this contest, however, my "shear" function here is based off of my shearing experiments from a few months ago. / // Set stuff up smooth(); size(600, 600, P2D); textFont(createFont("serif"), 20); var cam, player, Block, blocks = [], Tile, tiles = [], foreground = []; // Smooth motion Math.smooth = function(pos, dest, spd) { return (dest - pos) spd; }; // Collisions function collide (x1, y1, w1, h1, x2, y2, w2, h2) { return x1 + w1 > x2 && x1 < x2 + w2 && y1 + h1 > y2 && y1 < y2 + h2; } // Holds key codes var keys = []; // Colors var palette = { clear : color(255, 255, 255, 0), purple : [ color(80, 50, 100), color(110, 75, 115), color(135, 105, 135), color(170, 135, 155) ], pink : [ color(255, 130, 155), color(255, 215, 225) ], orange : [ color(235, 210, 210), color(255, 230, 215) ], green : [ color(100, 135, 170), color(110, 170, 175), color(145, 200, 185), color(175, 230, 195) ] }; // Secret canvas var c = createGraphics(width * 3, height * 2, P2D); c.smooth(); var titleOpac = 255; var txts = [ {txt : "Hello there! My name is\nEuripides!", x : 1000, y : 1270, opac : 0}, {txt : "(Jump)", x : 1400, y : 1405, opac : 0}, {txt : "The people who used to live here\nwere forced to leave when the\nliving conditions became\nunsuitable for life.", x : 1250, y : 1080, opac : 0}, {txt : "Like all travelers here I must\nwear a plague mask to\nprotect myself from the pestilence.", x : 1670, y : 1340, opac : 0}, {txt : "Here you can see the\nold pipes that\ncarried water throughout\nthe city.", x : 2225, y : 1355, opac : 0}, {txt : "It's quite possible that\nthe pipes became poluted which\nled to the spreading of the pestilence.", x : 2720, y : 760, opac : 0}, {txt : "Rook Trenches III,\nhe invented the aqueducts.", x : 2100, y : 700, opac : 0} ]; / Drawing functions & graphics / // { function txt (t, x, y, sz, r) { pushMatrix(); translate(x, y); scale(sz / 20, sz / 20); rotate(r); text(t, 0, 0); popMatrix(); } function shear (theta, axis) { if (axis === 0) { // x rotate(-theta / 2); scale(cos(theta / 2), sin(theta / 2)); rotate(45); scale(sqrt(2), sqrt(2) / sin(theta)); } else { // y rotate(-theta / 2); scale(sin(theta / 2), cos(theta / 2)); rotate(45); scale(sqrt(2) / sin(theta), sqrt(2)); } } function parallax (pos, cam, z) { return pos + (pos - cam) * z; } function lerpMult () { var lerpAmt = arguments[arguments.length - 1]; var index = map(lerpAmt, 0, 1, 0, arguments.length - 2); return lerpColor(arguments[Math.floor(index)], arguments[Math.ceil(index)], index - Math.floor(index)); } function hx (x, y, w, h) { c.beginShape(); c.vertex(x - w / 2, y - h / 2); c.vertex(x - w / 2 - h / 2, y); c.vertex(x - w / 2, y + h / 2); c.vertex(x + w / 2, y + h / 2); c.vertex(x + w / 2 + h / 2, y); c.vertex(x + w / 2, y - h / 2); c.endShape(); } function gradient (x, y, w, h, c1, c2, ramp) { c.noStroke(); for (var i = 0; i < h; i++) { c.fill(lerpColor(c1, c2, Math.pow(i, ramp) / Math.pow(h, ramp))); c.rect(x, y + i, w, 1); } } function roundGrad (x, y, w, h, c1, c2, ramp) { c.strokeWeight(2); for (var i = 0; i < h; i++) { c.stroke(lerpColor(c1, c2, Math.pow(i, ramp) / Math.pow(h, ramp))); c.line(x - cos(asin(i / h * 2 - 1)) * w / 2, y - h / 2 + i, x + cos(asin(i / h * 2 - 1)) * w / 2, y - h / 2 + i); } } function branchRand () { return random(5, 10); } function poplarBranch (x, y, sz, r, d, o, depth) { if (depth <= 0) { return; } fill(palette.green[palette.green.length - constrain(~~random(depth + y / 20 + 1), 0, palette.green.length - 1) - 1]); fill(palette.green[constrain(~~(sin(r * 2.5 - 30) * 2 + random(1, 2)), 0, palette.green.length - 1)]); pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); rotate(r); beginShape(); vertex(0, 0); vertex(40, random(100, 130) / 2); vertex(random(190, 210), 0); vertex(40, -random(100, 130) / 2); endShape(); ellipse(40, 0, 100, 70); popMatrix(); poplarBranch(x + cos(r + d) * sz * 2, y + sin(r + d) * sz * 2, sz / random(1.01, 1.1), r + d, d + branchRand() * (r > o ? -1 : r < o ? 1 : 0), o, depth - 1); } function poplar (x, y, sz, seed) { noStroke(); randomSeed(seed); pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); translate(0, -50); fill(palette.purple[2]); triangle(0, -50, 4, 50, -4, 50); var rnd1 = random(0.05, 0.15) + 0.03; var rnd2 = random(0.05, 0.15) + 0.03; fill(lerpColor(palette.purple[2], palette.purple[3], 0.5)); quad(4, 50, -4, 50, -lerp(4, 0, rnd1), lerp(50, -50, rnd1), lerp(4, 0, rnd2), lerp(50, -50, rnd2)); rnd1 -= 0.03; rnd2 -= 0.03; fill(palette.purple[3]); quad(4, 50, -4, 50, -lerp(4, 0, rnd1), lerp(50, -50, rnd1), lerp(4, 0, rnd2), lerp(50, -50, rnd2)); var xPlus, yPlus, rPlus, rOrigin; for (var i = 7; i >= 0; i--) { yPlus = 30 - i * 10 + random(5); for (var branchAmt = 0; branchAmt < 2; branchAmt++) { xPlus = random(-1, 1) * (5 - i); rOrigin = -map(xPlus, -1 * (8 - i), 1 * (8 - 1), 120, 60); for (var j = 0; j < 30; j++) { rPlus = rOrigin + random(-30, 30); poplarBranch(xPlus, yPlus, random((40 - i) / 15), rPlus, random(-5, 5), rOrigin, 6); } } } popMatrix(); } function grass (x, y, sz) { noStroke(); pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); fill(palette.green[2]); rect(-50, 0, 100, 10, 0, 0, 10, 10); rect(-40, 0, 70, 20, 0, 0, 10, 10); rect(-10, 0, 30, 30, 0, 0, 10, 10); triangle(-30, 0, -40, -20, -20, 0); triangle(-15, 0, -20, -35, -5, 0); triangle(10, 0, 20, 0, 30, -20); fill(palette.green[3]); rect(-35, 3, 60, 8, 10); popMatrix(); } function star (x, y, sz) { c.pushMatrix(); c.translate(x, y); c.rotate(Math.PI / 4); c.rect(-sz / 2, -sz / 2, sz, sz); c.popMatrix(); } function roof (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); for (var i = 0; i < 4; i++) { for (var j = 0; j < 5; j++) { fill(palette.purple[~~(i + j * 3.5 + Math.abs(sin(i * 3 + j * 14) * 15)) % (palette.purple.length - 1) + 1]); rect(j * width / 5, i * height / 5, width / 5, height / 5); ellipse(j * width / 5 + width / 10, i * height / 5, width / 5, height / 10); fill(palette.purple[~~(i + j * 3.5 + Math.abs(sin(i * 3 + j * 14) * 15)) % (palette.purple.length - 1)]); ellipse(j * width / 5 + width / 10, i * height / 5 + height / 5, width / 5, height / 10); } } fill(palette.orange[0]); rect(0, 0, width, height / 20); popMatrix(); } function water (x, y, w, h, view) { fill(palette.green[0], 130); beginShape(); noStroke(); if (view === 0) { for (var i = 0; i < w / 40 + 1; i++) { vertex(x + i * 40, y + sin(i * 100 + frameCount) * 5 - h ); } vertex(x + w, y); vertex(x, y); } else { if (view === 2) { vertex(x - w / 2, y - 20); } else if (view === 3) { vertex(x + sin(frameCount * 15 - 180) * 2, y - 5); } else if (view === 4) { vertex(x + sin(frameCount * 15 + 90) * 2, y + 5); } for (var i = 0; i < h / 40 + 1; i++) { vertex(x + sin(i * 100 - frameCount * 15) * 5 - w / 2, y + i * 40); } vertex(x + w / 2, y + h); for (var i = 0; i < h / 40 + 1; i++) { vertex(x + w / 2 + sin(-i * 100 - frameCount * 15) * 5, y + h - i * 40); } } endShape(); } function statue (x, y, t, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); translate(0, 43); noStroke(); fill(palette.purple[2]); rect(-45, -35, 90, 70); fill(palette.purple[1], 100); quad(-45, 0, 45, 10, 45, 35, -45, 35); fill(palette.purple[3]); ellipse(0, -35, 100, 24); rect(-50, 25, 100, 10); textAlign(CENTER, CENTER); txt(t, 0, 0, 30, 0); fill(palette.purple[2]); rect(-20, -85, 40, 50, 15, 20, 0, 0); arc(0, -35, 40, 6, 0, 180); fill(palette.purple[1], 100); arc(0, -35, 40, 6, 0, 180); quad(-20, -50, 20, -40, 20, -35, -20, -35); fill(palette.purple[3]); ellipse(0, -100, 35, 30); arc(0, -100, 40, 40, -5, 280); fill(palette.purple[1]); rect(3, -105, 5, 12, 5); rect(-11, -105, 5, 12, 5); popMatrix(); } function lantern (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); translate(0, 17.25); noStroke(); fill(palette.orange[0], 100); rect(-60, -45, 120, 90, 50); rect(-50, -35, 100, 70, 50); fill(palette.pink[1]); ellipse(0, 0, 50, 50); ellipse(-25, 15, 22, 22); ellipse(32, 15, 12, 12); fill(palette.purple[2]); rect(-50, -50, 100, 10); rect(-50, 40, 100, 10); noFill(); stroke(palette.purple[2]); strokeWeight(8); ellipse(0, -63, 40, 35); popMatrix(); } function flower (x, y, h, sz, s) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); shear(90 + s, 0); noStroke(); fill(palette.green[2]); rect(-5, -h, 10, h); fill(palette.pink[0]); ellipse(0, -h, 50, 25); popMatrix(); } function mountain (x, y, w, sz) { c.pushMatrix(); c.translate(x, y); c.scale(sz / 100, sz / 100); c.noStroke(); c.quad(-w / 2, -50, w / 2, -50, w / 2 + 100, 100, -w / 2 - 100, 100); c.popMatrix(); } function column (x, y, h, sz, n) { c.pushMatrix(); c.translate(x, y); c.scale(sz / 100, sz / 100); c.noStroke(); // Top if (n === 0) { c.fill(palette.purple[2]); c.beginShape(); c.vertex(-40, -75 - h); c.vertex(40, -75 - h); c.vertex(40, -75 - h / 5 * 3); c.vertex(25, -65 - h / 5 * 3); c.vertex(40, -55 - h / 5 * 3); c.vertex(40, -75); c.vertex(-40, -75); c.vertex(-40, -55 - h / 4); c.vertex(-25, -65 - h / 4); c.vertex(-40, -75 - h / 4); c.endShape(); c.fill(palette.purple[3]); c.ellipse(-18, -5 - h, 6, 6); c.ellipse(0, -5 - h, 6, 6); c.ellipse(18, -5 - h, 6, 6); gradient(-21, -5 - h, 6, h - 70, palette.purple[3], palette.purple[2], 2); gradient(-3, -5 - h, 6, h - 70, palette.purple[3], palette.purple[2], 2); gradient(15, -5 - h, 6, h - 70, palette.purple[3], palette.purple[2], 2); gradient(-40, -60 - h, 80, 40, palette.purple[1], palette.purple[0], 2); c.fill(palette.purple[3]); c.rect(-40, -65 - h, 80, 5); c.rect(-40, -20 - h, 80, 5); c.fill(palette.purple[2]); c.rect(-45, -75 - h, 90, 10); c.ellipse(-50, -50 - h, 45, 45); c.ellipse(50, -50 - h, 45, 45); roundGrad(-50, -50 - h, 25, 25, palette.purple[1], palette.purple[0], 2); roundGrad(50, -50 - h, 25, 25, palette.purple[1], palette.purple[0], 2); } else { c.fill(palette.purple[2]); c.beginShape(); c.vertex(-40, -75 - h); c.vertex(-30, -90 - h); c.vertex(-20, -75 - h); c.vertex(0, -75 - h); c.vertex(10, -60 - h); c.vertex(20, -60 - h); c.vertex(30, -75 - h); c.vertex(40, -60 - h); c.vertex(40, -75); c.vertex(-40, -75); c.endShape(); c.fill(palette.purple[3]); c.ellipse(-18, -45 - h, 6, 6); c.ellipse(0, -45 - h, 6, 6); c.ellipse(18, -45 - h, 6, 6); gradient(-21, -45 - h, 6, h - 30, palette.purple[3], palette.purple[2], 2); gradient(-3, -45 - h, 6, h - 30, palette.purple[3], palette.purple[2], 2); gradient(15, -45 - h, 6, h - 30, palette.purple[3], palette.purple[2], 2); } // Base c.noStroke(); c.fill(palette.purple[0]); c.rect (-38, -55, 74, 10); c.fill(palette.purple[1]); hx (0, -65, 90, 20); c.rect(-50, -45, 100, 10); gradient(-55, -35, 110, 35, palette.purple[2], palette.purple[1], 1); c.popMatrix(); } function urn (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noFill(); strokeWeight(5); stroke(palette.purple[1]); strokeJoin(ROUND); triangle(-30, -70, -45, -95, -20, -90); triangle(30, -70, 45, -95, 20, -90); noStroke(); fill(palette.purple[1]); beginShape(); vertex(-35, -100); vertex(-25, -85); vertex(-40, -70); vertex(-40, -50); vertex(-20, 0); vertex(20, 0); vertex(40, -50); vertex(40, -55); vertex(30, -60); vertex(40, -65); vertex(40, -70); vertex(25, -85); vertex(35, -100); endShape(); fill(palette.purple[2]); beginShape(); vertex(-40, -70); vertex(40, -70); vertex(40, -65); vertex(30, -60); vertex(40, -55); vertex(40, -50); vertex(-40, -50); endShape(); quad(-20, 0, 20, 0, 26, -15, -26, -15); fill(palette.purple[3]); beginShape(); vertex(-35, -100); vertex(-35, -105); vertex(0, -115); vertex(35, -105); vertex(35, -100); endShape(); popMatrix(); } function rubble (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); fill(palette.purple[2]); rect(-10, -70, 40, 50, 10, 20, 0, 0); rect(-25, -59, 10, 10, 4); fill(palette.purple[1]); rect(-50, -50, 100, 50, 30, 15, 0, 0); fill(palette.purple[2]); rect(-40, -30, 70, 30, 20, 10, 0, 0); rect(-30, -15, 70, 15, 20, 20, 0, 0); popMatrix(); } function bush (x, y, sz, seed) { randomSeed(seed); pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); fill(palette.green[0]); rect(-50, -100, 100, 100, 20, 20, 30, 30); var leafX, leafY, leafSz; for (var i = 0; i < 250; i++) { fill(palette.green[1 + ~~random(2)]); leafX = random(-50, 50); leafY = random(-7.5, -100); pushMatrix(); translate(leafX, leafY); rotate(leafX * 1.2 + leafY * leafX / Math.abs(leafX) / 1.5); ellipse(0, 0, 5, 15); popMatrix(); } fill(palette.orange[1]); for (var i = 0; i < 15; i++) { leafSz = random(7, 10); leafX = random(-50, 50); leafY = random(-5, -100); ellipse(leafX, leafY, leafSz / 3, leafSz); ellipse(leafX, leafY, leafSz, leafSz / 3); } popMatrix(); } function vines (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noFill(); stroke(palette.green[1]); strokeWeight(10); strokeCap(ROUND); strokeJoin(ROUND); beginShape(); vertex(-50, 40); vertex(-45, 40); vertex(-45, 20); vertex(20, 20); vertex(20, -5); endShape(); beginShape(); vertex(10, -20); vertex(-10, -20); vertex(-10, 35); vertex(5, 35); endShape(); beginShape(); vertex(50, 40); vertex(35, 40); vertex(35, -40); vertex(10, -40); endShape(); beginShape(); vertex(-50, -15); vertex(-30, -15); vertex(-30, -50); endShape(); point(-30, 5); point(20, 35); point(-10, -40); point(50, -15); point(-30, 50); strokeWeight(6); point(-45, 5); point(-30, 35); popMatrix(); } function beam (x, y, targetX, targetY, w, h1, h2, depth) { noStroke(); /var px = parallax(x - w / 2, targetX, 1); var py = parallax(y - h1 / 2, targetY, 1); var px2 = parallax(x - w / 2, targetX, 1 + depth); var py2 = parallax(y - h1 / 2, targetY, 1 + depth); / var px = x - w / 2; var py = y - h1 / 2; var px2 = parallax(x - w / 2, targetX, depth); var py2 = parallax(y - h1 / 2, targetY, depth); fill(palette.purple[1]); if (px2 > px) { quad(px, py, px, py + h1, px2, py2 + h2, px2, py2); } if (px2 < px) { quad(px + w, py, px + w, py + h1, px2 + w, py2 + h2, px2 + w, py2); } if (py2 > py) { fill(palette.purple[2]); quad(px, py, px + w, py, px2 + w, py2, px2, py2); } if (py2 - h2 < py) { fill(palette.purple[0]); quad(px, py + h1, px + w, py + h1, px2 + w, py2 + h2, px2, py2 + h2); } fill(palette.purple[3]); rect(px2, py2, w, h2); } function door (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); fill(palette.pink[1]); ellipse(0, -200, 140, 140); rect(-70, -200, 140, 200); stroke(palette.pink[0]); strokeCap(SQUARE); strokeWeight(3); for (var i = 0; i < 4; i++) { line(0, -200, cos(i * 40 + 210) * 70, -200 + sin(i * 40 + 210) * 70); } noStroke(); fill(palette.purple[2]); rect(-60, -200, 120, 200); fill(palette.purple[1]); quad(-60, -200, 60, -200, 60, -70, -60, -110); ellipse(0, -200, 120, 120); fill(palette.pink[0]); rect(-60, -60, 5, 60, 0, 5, 0, 0); rect(55, -60, 5, 60, 5, 0, 0, 0); rect(-60, -220, 120, 5, 5); rect(-60, -205, 120, 5, 5); fill(palette.purple[2]); rect(-63, -217, 126, 14, 3); ellipse(0, -240, 35, 35); ellipse(30, -235, 20, 20); ellipse(-30, -235, 20, 20); popMatrix(); } function windowFrame (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); fill(palette.purple[1]); rect(-50, -130, 100, 130); fill(palette.purple[2]); quad(-50, -70, 50, -50, 50, 0, -50, 0); fill(palette.pink[1]); rect(-50, -130, 15, 25); rect(-50, -100, 15, 20); rect(-50, -75, 15, 10); rect(-50, -60, 15, 45); rect(35, -130, 15, 20); rect(35, -105, 15, 15); rect(35, -85, 15, 45); rect(35, -35, 15, 20); rect(-55, -10, 110, 5, 0, 0, 5, 5); fill(palette.pink[0]); rect(-50, -5, 100, 5); rect(-50, -135, 100, 5); rect(-5, -155, 10, 20); fill(palette.pink[1]); arc(-2, -135, 97, 40, 181, 270); arc(2, -135, 97, 40, 271, 360); popMatrix(); } function stairs (x, y, sz, amt) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); for (var i = 0; i < amt; i ++) { fill(palette.purple[3]); rect(0, i * 20, 20 + i * 20, 5); fill(palette.purple[1]); rect(0, i * 20 + 5, 20 + i * 20, 15); } triangle(0, 5, 0, i * 20, i * 20 - 5, i * 20); popMatrix(); } function wall (x, y, sz, n) { pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); noStroke(); fill(palette.purple[1]); rect(-50, -100, 100, 100); if (n === 0) { // Normal fill(palette.purple[3], 200); quad(-50, -100, 50, -100, 50, -60, -50, -45); fill(palette.purple[2]); rect(-50, -100, 30, 30); rect(-30, -95, 30, 30, 10); rect(-50, -10, 30, 10, 0, 30, 0, 0); rect(40, -100, 10, 30, 0, 0, 0, 30); rect(-20, -60, 50, 20, 10); rect(7, -80, 30, 40, 5, 10, 10, 0); arc(50, 0, 20, 20, 181, 270); rect(-15, -35, 55, 30, 50, 5, 5, 5); rect(-5, -35, 50, 20, 5); rect(-50, -37, 33, 10, 5); rect(-45, -25, 17, 12, 5); rect(-25, -22, 8, 10, 3); strokeWeight(10); stroke(palette.purple[2]); line(-36, -60, -26, -54); line(-55, -75, -25, -70); line(45, -75, 75, -70); strokeWeight(8); line(8, -86, 31, -85); strokeWeight(6); line(5, -94, 35, -95); strokeCap(ROUND); strokeJoin(ROUND); strokeWeight(5); triangle(-55, -61, -55, -45, -26, -43); triangle(45, -61, 45, -45, 74, -43); triangle(-47, -31, -20, -30, -44, -15); } else { // Carvings strokeCap(SQUARE); strokeJoin(MITER); stroke(palette.purple[2]); strokeWeight(3); line(-50, -90, 50, -90); beginShape(); vertex(-50, -80); vertex(-34, -80); vertex(-34, -70); vertex(-46, -70); vertex(-46, -55); vertex(-26, -55); vertex(-26, -80); vertex(-18, -80); vertex(-18, -20); vertex(-26, -20); vertex(-26, -45); vertex(-46, -45); vertex(-46, -30); vertex(-34, -30); vertex(-34, -80); vertex(-34, -20); vertex(-50, -20); endShape(); beginShape(); vertex(50, -80); vertex(34, -80); vertex(34, -70); vertex(46, -70); vertex(46, -55); vertex(26, -55); vertex(26, -80); vertex(18, -80); vertex(18, -20); vertex(26, -20); vertex(26, -45); vertex(46, -45); vertex(46, -30); vertex(34, -30); vertex(34, -80); vertex(34, -20); vertex(50, -20); endShape(); beginShape(); vertex(-50, -10); for (var i = 0; i < 10; i++) { vertex(-50 + i * 10, -5 - (i % 2) * 5); vertex(-40 + i * 10, -5 - (i % 2) * 5); } vertex(50, -5); endShape(); strokeCap(ROUND); line(8, -20, 10, -40); line(0, -20, 0, -50); line(-8, -20, -10, -40); ellipse(0, -50, 10, 10); ellipse(0, -70, 15, 15); ellipse(0, -70, 3, 3); } popMatrix(); } // } // Images to load var graphics = { pillar : function() { c.background(palette.clear); c.width = width; c.height = height; gradient(0, 0, width, height, palette.purple[2], palette.purple[1], 1); gradient(0, 0, 100, height, palette.purple[3], palette.purple[1], 1); gradient(500, 0, 100, height, palette.purple[2], palette.purple[0], 1); return c.get(); }, arch : function() { c.background(palette.clear); c.width = width; c.height = height; c.noStroke(); c.fill(palette.purple[2]); c.beginShape(); c.vertex(0, 0); c.vertex(600, 0); c.vertex(600, 400); c.vertex(500, 350); c.vertex(400, 400); c.vertex(400, 600); c.vertex(0, 600); c.endShape(); gradient(0, 0, 600, 300, palette.purple[3], palette.purple[2], 1); c.fill(palette.purple[3]); c.rect(0, 0, 75, 600); return c.get(); }, end : function() { c.background(palette.clear); c.width = width; c.height = height; c.noStroke(); c.fill(palette.purple[2]); c.rect(0, 0, 600, 600); gradient(0, 0, 600, 300, palette.purple[3], palette.purple[2], 1); c.fill(palette.purple[3]); c.rect(0, 0, 100, 600); return c.get(); }, background : function() { c.background(palette.pink[1]); c.noStroke(); c.width = width * 3; c.height = height * 2; var total = 300; for (var i = 0; i < total; i++) { c.fill(lerpMult(palette.pink[1], palette.pink[0], palette.purple[2], palette.purple[0], 1 - i / total)); c.ellipse(c.width / 2, c.height, total * 11 - i * 9, total * 10 - i * 10); } for (var i = 0; i < 600; i++) { c.fill(palette.orange[0], random(100, 200)); star(random(c.width), random(c.height), random(3, 6)); } return c.get(); }, mountains : function() { c.background(palette.clear); c.noStroke(); c.width = width * 3; c.height = height * 2; c.fill(lerpColor(palette.purple[2], palette.pink[0], 0.5)); mountain(0, 830, 150, 70); mountain(300, 850, 200, 50); mountain(500, 880, 2000, 20); mountain(700, 800, 100, 100); mountain(900, 850, 400, 50); mountain(1300, 840, 300, 60); mountain(1800, 830, 150, 70); c.rect(0, 900, 1800, 300); return c.get(); }, texture : function() { background(palette.orange[1]); loadPixels(); var d = imageData.data; for (var i = 0; i < width * height << 2; i += 4) { d[i + 3] = random(20, 40); } updatePixels(); return get(); }, tree0 : function() { background(palette.clear); poplar(300, 600, 540, 9); return get(); }, tree1 : function() { background(palette.clear); poplar(300, 600, 550, 15); return get(); }, tree2 : function() { background(palette.clear); poplar(300, 600, 560, 1); return get(); }, tree3 : function() { background(palette.clear); poplar(300, 600, 555, 2); return get(); }, tree4 : function() { background(palette.clear); poplar(300, 600, 570, 28); return get(); }, grass : function() { background(palette.clear); grass(300, 300, 600); return get(); }, roof : function() { background(palette.clear); roof(0, 0, 100); return get(); }, statue : function() { background(palette.clear); statue (300, 300, "III", 385); return get(); }, pipeSide : function() { c.background(palette.clear); c.width = 600; c.height = 600; gradient(0, 50, 500, 500, palette.purple[2], palette.purple[1], 2); gradient(500, 0, 100, 600, palette.purple[1], palette.purple[0], 2); return c.get(); }, pipeFront : function() { c.background(palette.clear); c.width = 600; c.height = 600; c.background(palette.clear); c.noStroke(); c.fill(palette.purple[2]); c.ellipse(300, 300, 600, 600); c.fill(palette.purple[1]); c.ellipse(300, 300, 500, 500); c.fill(palette.purple[0]); roundGrad(300, 300, 450, 450, palette.purple[1], palette.purple[0], 0.5); return c.get(); }, lantern : function() { background(palette.clear); lantern(300, 300, 445); return get(); }, column0 : function() { c.width = 150; c.height = 600; c.background(palette.clear); column(75, 600, 525, 100, 0); return c.get(); }, column1 : function() { c.width = 150; c.height = 600; c.background(palette.clear); column(75, 600, 200, 100, 0); return c.get(); }, column2 : function() { c.width = 150; c.height = 600; c.background(palette.clear); column(75, 600, 300, 100, 1); return c.get(); }, column3 : function() { c.width = 150; c.height = 600; c.background(palette.clear); column(75, 600, 70, 100, 1); return c.get(); }, urn : function() { background(palette.clear); urn(300, 600, 521.5); return get(); }, rubble : function() { background(palette.clear); rubble(300, 600, 600); return get(); }, bush0 : function() { background(palette.clear); bush(300, 600, 530, 25); return get(); }, bush1 : function() { background(palette.clear); bush(300, 600, 530, 27); return get(); }, bush2 : function() { background(palette.clear); bush(300, 600, 530, 90); return get(); }, vines : function() { background(palette.clear); vines(300, 300, 600); return get(); }, door : function() { background(palette.clear); door (300, 600, 222); return get(); }, window : function() { background(palette.clear); windowFrame (300, 600, 350); return get(); }, stairs : function() { background(palette.clear); stairs (0, 0, 750, 4); return get(); }, wall0 : function() { background(palette.clear); wall(300, 600, 600, 0); return get(); }, wall1 : function() { background(palette.clear); wall(300, 600, 600, 1); return get(); } }; // Holds loaded images var curImg = 0, curKey, loaded = false; var images = {}; // Load images function load () { curKey = Object.keys(graphics)[curImg]; images[curKey] = graphics[curKey](); curImg ++; background(map(curImg, 0, Object.keys(graphics).length, 0, 255)); fill(map(curImg, 0, Object.keys(graphics).length, 255, 0)); textAlign(CENTER, CENTER); txt(("Loading".padEnd(7 + curImg % 4, ".")) + "\n" + ~~(curImg / Object.keys(graphics).length * 100) + "%", 300, 300, 60, 0); if (curImg >= Object.keys(graphics).length) { loaded = true; } } // Use loaded images // { function arches (x, y, amt) { for (var i = 0; i < amt; i++) { image(images.pillar, x + i * 60, y - 300, 40, 300); if (i === amt - 1) { image(images.end, x + i * 60, y - 360, 40, 60); } else { image(images.arch, x + i * 60, y - 360, 60, 60); } } } function tree (x, y, sz, r, s, num) { imageMode(CENTER); pushMatrix(); translate(x, y); rotate(r); shear(s, 0); image(images["tree" + num], 0, -sz / 2, sz, sz); popMatrix(); imageMode(CORNER); } function image2 (name, x, y, w, h, r) { pushMatrix(); translate(x, y); scale(w, h); rotate(r); imageMode(CENTER); image(images[name], 0, 0, 1, 1); imageMode(CORNER); popMatrix(); } function image3 (name, x, y, w, h, r) { pushMatrix(); translate(x, y); scale(w / 2, h / 2); rotate(r); imageMode(CENTER); image(images[name], 0, -1, 2, 2); imageMode(CORNER); popMatrix(); } function drawStairs(x, y, amt) { for (var i = 0; i < Math.abs(amt); i++) { image3("stairs", x + i * 30 * amt / Math.abs(amt), y - i * 30, -amt / Math.abs(amt) * 30, 30); } fill(palette.purple[1]); noStroke(); triangle(x - (15 * amt / Math.abs(amt)), y, x + amt * 30 - (15 * amt / Math.abs(amt)), y, x + amt * 30 - (15 * amt / Math.abs(amt)), y - Math.abs(amt) * 30); } // } // Camera cam = { x : 0, y : 0, spd : 0.1, move : function(targetX, targetY) { this.x += Math.smooth(this.x, constrain(-targetX + width / 2, -width * 4, 0), this.spd); this.y += Math.smooth(this.y, constrain(-targetY + height / 2, -height * 2, 0), this.spd); }, use : function() { translate(this.x, this.y); } }; // Player player = { x : 300, y : 1200, prevX : 300, prevY : 300, spd : 5, w : 20, h : 50, veloc : 0, grav : 0, canJump : false, direc : 1, move : function() { // Save position this.prevX = this.x; this.prevY = this.y; // x axis if (keys[LEFT]) { this.x -= this.spd; this.direc = -1; } if (keys[RIGHT]) { this.x += this.spd; this.direc = 1; } if (keys[LEFT] \|\| keys[RIGHT]) { this.veloc += 0.1; } else { this.veloc += Math.smooth(this.veloc, 0, 0.3); } this.veloc = constrain(this.veloc, -1, 1); this.collide("x"); this.x = constrain(this.x, 0, width * 5 - this.w); // y axis this.grav += 0.3; if (keys[UP] && this.canJump) { this.grav = -6; } this.canJump = false; this.y += this.grav; this.collide("y"); }, display : function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); scale(this.direc * (1 + constrain(this.grav / 30, -0.5, 0.5)), 1 - constrain(this.grav / 30, -0.5, 0.5)); shear(90 - this.veloc * 15, 0); translate(-this.w / 2, -this.h / 2); noStroke(); fill(palette.green[1]); rect(0, this.w, this.w, this.h - this.w, this.w / 3, this.w / 3, 0, 0); fill(palette.green[0]); triangle(this.w / 2, this.h, this.w / 6 * 5, this.h, this.w / 3 * 2, this.h / 3 * 2); fill(palette.purple[3]); ellipse(this.w / 2, this.w / 2, this.w, this.w); beginShape(); vertex(this.w * 0.95, this.w / 3 * 2); vertex(this.w * 0.95, this.w / 3); bezierVertex(this.w * 1.2, this.w / 3, this.w * 1.4, this.w / 4 * 2.5, this.w * 1.5, this.w / 4 * 3); endShape(); strokeWeight(2); stroke(palette.purple[1]); fill(palette.purple[3]); ellipse(this.w / 3 * 2, this.w / 2, this.w / 4, this.w / 4); noStroke(); fill(palette.green[2]); translate(this.w / 2.5, this.w / 3.5); rotate(-25); arc(0, 0, this.w * 1.8, this.w * 0.3, 181, 360); rect(-this.w / 2, -this.w * 0.6, this.w, this.w * 0.6, this.w * 0.3, this.w * 0.3, 0, 0); popMatrix(); }, collisions : { x : [ function(self, other) { // regular collisions if (self.prevX < other.x) { self.x = other.x - self.w; } else { self.x = other.x + other.w; } }, function(self, other) { // stair collisions if (self.prevX < self.x) { self.x -= self.spd / 3; } else if (self.prevX > self.x) { self.x += self.spd / 3; } }, function(self, other) { // flower collisions other.anim -= (self.prevX - self.x) * 5; }, function(self, other) { // roof collisions return; } ], y : [ function(self, other) { // regular collisions if (self.prevY < other.y) { self.grav = 0; self.y = other.y - self.h; self.canJump = true; } else { self.y = other.y + other.h; self.grav = 0; } }, function(self, other) { // stair collisions self.grav = 0; self.canJump = true; self.y = other.y - (other.stairs(self) - other.x) * other.direc - 15 - self.h; }, function(self, other) { // flower collisions return; }, function(self, other) { // roof if (self.prevY + self.h <= other.y && (self.grav >= 0)) { self.grav = 0; self.y = other.y - self.h; self.canJump = true; } } ] }, collide : function(axis) { for (var i = 0; i < blocks.length; i++) { if (blocks[i].collide(this)) { this.collisions[axis][blocks[i].collideType](this, blocks[i]); } } } }; /* KEY: 0: Arches 1: Stairs 2: Rubble 3: Flowers 4: Roof / Block = (function () { var sz = [ [60, 360, -20, 0, 0, 0], [30, 30, 0, 0, 0, 1], [50, 25, 0, -25, -25, 0], [10, 30, 0, -5, -30, 2], [50, 5, 0, -25, -25, 3] ]; Block = function(x, y, t, mult) { mult = mult \|\| 1; this.x = x + sz[t][3]; this.y = y + sz[t][4]; this.w = sz[t][0] mult + (sz[t][2] \|\| 0); this.h = sz[t][1]; this.collideType = sz[t][5]; this.t = t; this.mult = mult; this.direc = this.mult / Math.abs(this.mult); this.anim = 0; this.veloc = 0; }; Block.prototype.display = function() { noStroke(); fill(palette.purple[0]); pushMatrix(); translate(this.x, this.y); if (this.t === 0) { arches(0, 360, this.mult); } else if (this.t === 1) { drawStairs(0, 0, this.mult); } else if (this.t === 2) { image3("rubble", 25, 25, 50, 50, 0); } else if (this.t === 3) { flower(5, 30, 50, 30, this.anim); } else if (this.t === 4) { for (var i = 0; i < this.mult; i++) { image2("roof", i * 50 + 25, 25, 50, 50, 0); } } popMatrix(); }; Block.prototype.move = function() { this.veloc -= this.anim / 20; this.anim += this.veloc + Math.smooth(this.anim, 0, 0.05); this.anim = constrain(this.anim, -30, 30); }; Block.prototype.collide = function(obj) { if (this.collideType === 0 \|\| this.collideType === 2 \|\| this.collideType === 3) { return collide(this.x, this.y, this.w, this.h, obj.x, obj.y, obj.w, obj.h); } else if (this.collideType === 1) { var pX = this.stairs(obj); var pY = this.y - (pX - this.x) * this.direc - 15; return obj.x + obj.w >= Math.floor(pX) && obj.x <= Math.ceil(pX) && obj.prevY + obj.h - pY - 10 <= 0 && obj.y + obj.h - pY >= 0 && obj.y + obj.h + 5 <= this.y; } }; Block.prototype.stairs = function(obj) { return constrain(obj.x + (this.direc > 0 ? obj.w : 0), this.x + this.w / 2 - Math.abs(this.w / 2) - 15 * this.direc, this.x + this.w / 2 + Math.abs(this.w / 2) - 15 * this.direc); }; return Block; }) (); /* 0: Tree 1: Lantern 2: Regular column (1 = vines, else no vines) 3: Short column with lantern (1 = vines, else no vines) 4: Broken column (1 = vines, else no vines) 5: Short broken column 6: Bush 7: Stone wall 8: Carved wall 9: Door 10: Window 11: Grass 12: Urn 13: Statue 14: Sideways pipe (-1 = left, 1 = right) 15: Forward pipe 16: Water 17: Beam / Tile = (function () { var counts = {}; var grassSz = [ [40, 40], [-70, 50], [100, 45] ]; Tile = function(x, y, t, mult) { mult = mult; this.x = x; this.y = y; this.t = t; this.mult = mult; if (counts[this.t]) { counts[this.t] += mult; } else { counts[this.t] = 0; } this.num = counts[this.t]; }; Tile.prototype.display = function() { pushMatrix(); translate(this.x, this.y); switch (this.t) { case 0: for (var i = 0; i < this.mult; i++) { tree(i 100, 0, ~~map(sin((this.num + i) * 187), -1, 1, 250, 350), 0, 92 + sin(frameCount + ~~map(sin((this.num + i) * 187), -1, 1, 250, 350)) * 2, (this.num + i) % 5); } break; case 1: image3("lantern", 0, 0, 40, 40, 0); break; case 2: image3("column0", 0, 0, 50, 200, 0); if (this.mult === 1) { image2("vines", 0, -63, 27, 27, 0); image2("vines", 0, -40, 27, 27, 0); } break; case 3: image3("column1", 0, 0, 50, 200, 0); image3("lantern", 0, -90, 40, 40, 0); if (this.mult === 1) { image2("vines", 0, -40, 27, 27, 0); } break; case 4: image3("column2", 0, 0, 50, 200, 0); if (this.mult === 1) { image2("vines", 0, -63, 27, 27, 0); image2("vines", 0, -40, 27, 27, 0); } break; case 5: image3("column3", 0, 0, 50, 200, 0); break; case 6: for (var i = 0; i < this.mult; i++) { image3("bush" + (this.num + i % 3), i * 45, 0, 50, 50, sin(frameCount + i * 247) * 2); } break; case 7: for (var i = 0; i < this.mult; i++) { image3("wall0", i * 50, 0, 50, 50); } break; case 8: for (var i = 0; i < this.mult; i++) { image3("wall1", i * 50, 0, 50, 50); } break; case 9: image3("door", 0, 0, 100, 100); break; case 10: for (var i = 0; i < this.mult; i++) { image3("window", i * 35, 0, 60, 60); } break; case 11: image2("grass", 0, 0, grassSz[this.mult][0], grassSz[this.mult][1], 0); break; case 12: image3("urn", 0, 0, 50, 50, 0); break; case 13: image3("statue", 0, 0, 110, 110, 0); break; case 14: water(65 * this.mult, 25, 40 * this.mult, 400, 2); image2("pipeSide", 0, 0, 100 * this.mult, 100, 0); break; case 15: image2("pipeFront", 0, 0, 100, 100, 0); water(0, 25, 40, 400, 4); break; case 16: water(0, 0, this.mult, 50, 0); break; case 17: translate(-this.x, -this.y); for (var i = 0; i < this.mult; i++) { beam (this.x + i * 60, this.y, -cam.x + width / 2, -cam.y + height / 2, 10, 30, 15, 0.075); } } popMatrix(); }; return Tile; }) (); function house (x, y, t) { switch (t) { case 0: tiles.push(new Tile(x, y, 7, 3)); tiles.push(new Tile(x, y - 50, 7, 3)); tiles.push(new Tile(x, y - 100, 7, 3)); blocks.push(new Block(x, y - 125, 4, 3)); tiles.push(new Tile(x + 30, y, 9, 1)); tiles.push(new Tile(x + 90, y - 20, 10, 1)); break; case 1: tiles.push(new Tile(x, y, 7, 4)); tiles.push(new Tile(x, y - 50, 7, 4)); tiles.push(new Tile(x, y - 100, 7, 4)); blocks.push(new Block(x, y - 125, 4, 4)); tiles.push(new Tile(x + 30, y, 9, 1)); tiles.push(new Tile(x + 100, y - 20, 10, 2)); break; case 2: tiles.push(new Tile(x, y, 7, 3)); tiles.push(new Tile(x, y - 50, 7, 3)); tiles.push(new Tile(x, y - 100, 7, 3)); tiles.push(new Tile(x, y - 150, 7, 3)); blocks.push(new Block(x, y - 180, 4, 3)); tiles.push(new Tile(x + 30, y, 9, 1)); tiles.push(new Tile(x + 15, y - 105, 10, 3)); break; case 3: tiles.push(new Tile(x, y, 7, 4)); tiles.push(new Tile(x, y - 50, 7, 4)); tiles.push(new Tile(x, y - 100, 7, 4)); tiles.push(new Tile(x, y - 150, 7, 3)); tiles.push(new Tile(x, y - 200, 7, 3)); blocks.push(new Block(x, y - 230, 4, 3)); blocks.push(new Block(x + 150, y - 125, 4, 1)); tiles.push(new Tile(x + 130, y, 9, 1)); tiles.push(new Tile(x + 30, y - 155, 10, 1)); tiles.push(new Tile(x + 30, y - 20, 10, 1)); break; } } // Create map // { // structures blocks.push(new Block(0, 1440, 0, 51)); tiles.push(new Tile(0, 1350, 14, 1)); tiles.push(new Tile(560, 1440, 3, 0)); tiles.push(new Tile(1110, 1440, 4, 1)); tiles.push(new Tile(1060, 1440, 5, 0)); house(1200, 1440, 0); blocks.push(new Block(2355, 1100, 0, 12)); blocks.push(new Block(1320, 1440, 1, 5)); blocks.push(new Block(1455, 1290, 0, 16)); house(2000, 1290, 1); blocks.push(new Block(2310, 1290, 1, -5)); foreground.push(new Tile(2380, 1150, 8, 7)); foreground.push(new Tile(2380, 1200, 7, 6)); foreground.push(new Tile(2445, 1155, 15, 0)); foreground.push(new Tile(2565, 1155, 15, 0)); house(2550, 1100, 3); house(2840, 1100, 2); blocks.push(new Block(2860, 1100, 1, -5)); blocks.push(new Block(2000, 1140, 1, 5)); tiles.push(new Tile(2000, 1050, 7, 3)); tiles.push(new Tile(2000, 1100, 7, 3)); tiles.push(new Tile(2000, 1150, 7, 3)); blocks.push(new Block(2110, 1000, 1, -5)); tiles.push(new Tile(2010, 910, 7, 3)); tiles.push(new Tile(2010, 960, 7, 3)); tiles.push(new Tile(2010, 1010, 7, 3)); foreground.push(new Tile(2000, 1000, 7, 1)); foreground.push(new Tile(2165, 1140, 3, 0)); tiles.push(new Tile(1930, 1150, 14, -1)); tiles.push(new Tile(2180, 1015, 14, 1)); blocks.push(new Block(2010, 880, 4, 3)); foreground.push(new Tile(2100, 855, 13, 1)); foreground.push(new Tile(2990, 1100, 12, 1)); foreground.push(new Tile(1490, 1290, 12, 1)); blocks.push(new Block(1550, 1290, 2)); blocks.push(new Block(2920, 895, 2)); tiles.push(new Tile(2855, 895, 5, 0)); tiles.push(new Tile(2380, 1100, 2, 0)); tiles.push(new Tile(2440, 1100, 2, 1)); tiles.push(new Tile(2500, 1100, 4, 0)); // grass foreground.push(new Tile(1000, 1440, 11, 0)); foreground.push(new Tile(800, 1440, 11, 2)); foreground.push(new Tile(700, 1440, 11, 0)); foreground.push(new Tile(2130, 1140, 11, 0)); foreground.push(new Tile(2050, 1140, 11, 1)); foreground.push(new Tile(2130, 1290, 11, 2)); foreground.push(new Tile(1850, 1290, 11, 0)); foreground.push(new Tile(1750, 1290, 11, 2)); foreground.push(new Tile(2550, 1100, 11, 2)); foreground.push(new Tile(2710, 1100, 11, 1)); foreground.push(new Tile(2910, 1100, 11, 0)); foreground.push(new Tile(2850, 895, 11, 0)); foreground.push(new Tile(2020, 855, 11, 1)); foreground.push(new Tile(1300, 1290, 1, 2)); foreground.push(new Tile(680, 1440, 8, 5)); // trees foreground.push(new Tile(690, 1440, 0, 2)); tiles.push(new Tile(1510, 1290, 0, 4)); // bushes foreground.push(new Tile(2400, 1100, 6, 3)); foreground.push(new Tile(1200, 1290, 6, 2)); // flowers blocks.push(new Block(1760, 1290, 3, 0)); blocks.push(new Block(2155, 1290, 3, 0)); blocks.push(new Block(2020, 855, 3, 0)); blocks.push(new Block(2005, 855, 3, 0)); blocks.push(new Block(2570, 845, 3, 0)); blocks.push(new Block(2580, 845, 3, 0)); blocks.push(new Block(2610, 845, 3, 0)); blocks.push(new Block(2910, 1100, 3, 0)); blocks.push(new Block(2925, 1100, 3, 0)); // water foreground.push(new Tile(0, 1690, 16, 3000)); // } // Put everything together draw = function() { if (!loaded) { load(); } else { // Move everything player.move(); for (var i = 0; i < blocks.length; i++) { blocks[i].move(); } cam.move(player.x, player.y); // Draw everything background(palette.purple[0]); image(images.background, cam.x / 2, cam.y / 2); image(images.mountains, ~~(cam.x / 1.5 - width * 1.5), cam.y / 1.5 + 300); image(images.mountains, ~~(cam.x / 1.5 + width * 1.5), cam.y / 1.5 + 300); pushMatrix(); cam.use(); for (var i = 0; i < tiles.length; i++) { tiles[i].display(); } for (var i = blocks.length - 1; i >= 0; i--) { blocks[i].display(); } for (var i = 0; i < foreground.length; i++) { foreground[i].display(); } for (var i = 0; i < txts.length; i++) { if (dist(player.x + player.w / 2, player.y + player.h / 2, txts[i].x, txts[i].y) < 250) { txts[i].opac += Math.smooth(txts[i].opac, 255, 0.02); } else { txts[i].opac += Math.smooth(txts[i].opac, 0, 0.05); } fill(palette.purple[2], txts[i].opac); txt(txts[i].txt, txts[i].x, txts[i].y + 2, 30, 0); fill(palette.pink[1], txts[i].opac); txt(txts[i].txt, txts[i].x, txts[i].y, 30, 0); } if (player.x > 650) { titleOpac += Math.smooth(titleOpac, 0, 0.05); } else { titleOpac += Math.smooth(titleOpac, 255, 0.02); } pushMatrix(); translate(300, 1260); fill(palette.pink[0], titleOpac); txt("RUINS", 0, 5, 150, 0); fill(palette.pink[1], titleOpac); txt("T H E Y D R A L E F K A N", 0, -80, 34, 0); txt("RUINS", 0, 0, 150, 0); txt("A large, detailed environment for your\nenjoyment and exploration", 0, 380, 25, 0); popMatrix(); player.display(); popMatrix(); image(images.texture, 0, 0); } }; // User interaction keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };
Folds	26,28,31,33,39,58,65,73,76,886,889,1161,1168,1184,1187,1244,1247,1257,1260,1391,1401,1466,1488,1599,1601,1649,1652,1760,1763,1834,1837,1839,1841,1843
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN3Vw6nPCgw
Votes	550
Spin-Offs	7
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"4688099819339776","title":"Contest: Archaeological Dig","deleted":"false","official":"false"}
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	8 days ago, 1735689204119
Updated	8 days ago, 1735689211406
Source Deleted	unknown