Viewing Program

Program Data

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

Title	Elemental
ID	6097812090290176
Created	7 years ago, 1535226950982
Updated	7 years ago, 1535326986492
Code	/*This is pretty much my first real game, sorry if it's a bit underwhelming... :P I do hope you at the very least sort of like it, though :) * I know the code definitely could be cleaner given I'm not that great at anything animated, but it was learning process while making this. * There's credits, but seriously, thank you so much to Talha and Lin for having such clean code in their programs and taking the time to look at it, and all my other dedicated stalkers who saw this in the WIP stage and gave me feedback. This definitely wouldn't have made it to this stage if it weren't for them. * * If by any chance you want to subscribe, you can go here: * https://www.khanacademy.org/computer-programming/subscribe-to-reader-writer-penguin/5019495151632384 */ //beware: hazardous material { //variables { smooth(); var scene = "home"; var clicked = false; var paused = false; var keys = []; var pressed = false; var atrans = 0; var hasdisplayed = false; var displaymessage = false; var istransiting = false; var timer = 0; var opacity = 0; var animating = false; var animationtimer = 0; var animationglow = 0; var animationopacity = 0; var isresurrecting = false; var instantreset = false; var col = [ [color(0, 255, 111, 5), lerpColor(color(255, 255, 255), color(0, 230, 31, 200), 0.5), color(9, 105, 46, 100)], [color(0, 0, 0, 5), lerpColor(color(255, 255, 255), color(0, 0, 0, 200), 0.5), color(201, 201, 201, 100)], [color(0, 174, 255, 5), lerpColor(color(255, 255, 255), color(0, 115, 255, 200), 0.5), color(0, 55, 255, 100)], [color(255, 17, 0, 5), lerpColor(color(255, 255, 255), color(255, 200, 0, 200), 0.5), color(150, 161, 0, 100)], [color(168, 168, 168, 5), lerpColor(color(255, 255, 255), color(255, 255, 255, 200), 0.5), color(161, 161, 161, 100)], [color(186, 219, 0, 5), lerpColor(color(255, 255, 255), color(214, 227, 36, 200), 0.5), color(199, 182, 0, 100)], [color(186, 219, 0, 5), lerpColor(color(255, 255, 255), color(214, 227, 36, 200), 0.5), color(199, 182, 0, 100)] ]; //note: there are two of the same color at the end of the array to provide a color for num+1 the final realm while drawing the player var playercol = []; for(var i in col){ playercol.push(col[i]); } playercol.splice(5, 1, [color(255, 255, 255, 0), color(255, 255, 255, 0), color(255, 255, 255, 0)]); var num = 0; var realms = ["earth", "dark", "water", "fire", "air", "light", "final"]; var realm = realms[num]; var levelchange = false; var statslide = 0; var statopacity = 0; var breathopacity = 0; var deathmessage = ""; var txt = "Resurrecting...".split(""); //} //some functions in the images { var fan = function(x, y, size, start, stop, num, rot){ pushMatrix(); translate(x, y); rotate(rot); noStroke(); fill(random(0, 30), random(100, 200), random(10, 50), size/num + random(20, 40)); for(var i = 0; i < size; i += size/num){ arc(0, 0, i, i, start, stop); } popMatrix(); }; var tree = function(x, y, amt, yamt, flip){ pushMatrix(); translate(x, y); scale(amt, yamt); if(flip){ scale(1, -1); rotate(180); } if(!flip){ fill(92, 50, 10); beginShape(); vertex(0, 0); vertex(26, 0); vertex(59, 94); vertex(107, 82); vertex(133, 82); vertex(132, 90); vertex(112, 90); vertex(69, 111); vertex(69, 122); vertex(71, 139); vertex(65, 232); vertex(69, 272); vertex(93, 540); vertex(126, 555); vertex(167, 555); vertex(188, 567); vertex(178, 570); vertex(163, 565); vertex(131, 577); vertex(185, 577); vertex(222, 587); vertex(235, height); vertex(0, height); endShape(); for(var i = 0; i < 90; i++){ stroke(92+random(-10, 40), 68+random(-10, 5), 6+random(-10, 10)); var randy = random(100, height); var randx = random(0, 1/9 randy+28); strokeWeight(random(2, 4)); line(randx, randy, randx, randy+random(-15, 85)); } } else { fill(92, 50, 10); beginShape(); vertex(0, 0); vertex(47, 0); vertex(59, 94); vertex(107, 82); vertex(133, 82); vertex(132, 90); vertex(112, 90); vertex(69, 111); vertex(61, 122); vertex(53, 139); vertex(53, 232); vertex(44, 376); vertex(62, 540); vertex(90, 555); vertex(112, 541); vertex(130, 546); vertex(139, 570); vertex(131, 569); vertex(125, 560); vertex(113, 556); vertex(107, 566); vertex(132, 578); vertex(160, 572); vertex(180, 583); vertex(226, height); vertex(0, height); endShape(); for(var i = 0; i < 90; i++){ stroke(92+random(-10, 40), 68+random(-10, 5), 6+random(-10, 10)); var randy = random(100, height); var randx = random(0, 1/9 * randy+2); strokeWeight(random(2, 4)); line(randx, randy, randx, randy+random(-15, 85)); } } fan(0, 0, 155, 0, 90, 10, 0); fan(79, 0, 155, 0, 180, 10, 0); fan(84, 59, 205, 0, 180, 10, 38); fan(127, 0, 242, 0, 175, 10, -33); fan(161, 113, 242, 0, 360, 11, 9); fan(216, 57, 148, 0, 360, 11, 9); fan(116, 87, 148, -153, 93, 11, 14); fan(247, 87, 258, -104, 93, 11, 14); fan(98, 180, 148, 0, 360, 7, 9); fan(267, 66, 205, 0, 180, 10, 99); fan(350, 55, 205, 0, 360, 10, 99); popMatrix(); }; var diamond = function(x, y, amt, yamt){ pushMatrix(); translate(x, y); scale(amt, yamt); noStroke(); fill(255, 255, 255, random(20, 90)); quad(-10, 0, 0, -5, 10, 0, 0, 5); popMatrix(); }; var glow = function(x, amt, rot){ pushMatrix(); rotate(rot); noStroke(); fill(255, 255, 255, 2); for(var i = 0; i < amt2; i+=7){ rect(x, width/2, i, height); } popMatrix(); }; var cloud = function(x, y, amt, yamt){ noStroke(); pushMatrix(); translate(x, y); scale(amt, yamt); fill(255, 255, 255, random(40, 100)); beginShape(); vertex(-10, 0); vertex(49, 0); vertex(48, -2); vertex(46, -5); vertex(43, -6); vertex(39, -7); vertex(37, -7); vertex(33, -14); vertex(26, -19); vertex(23, -20); vertex(18, -19.5); vertex(15, -19); vertex(12, -17); vertex(9, -15); vertex(6, -12); vertex(5, -11); vertex(4, -9); vertex(1, -9.5); vertex(-1, -10); vertex(-3, -10); vertex(-7, -8); vertex(-9, -4); endShape(); popMatrix(); }; var glowbez = function(x1, y1, cx1, cy1, cx2, cy2, x2, y2, amt, col){ stroke(col); noFill(); for(var i = 0; i < amt; i+=2.5){ strokeWeight(i); bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2); } }; var swirls = function(x, y, hflip, vflip, amt, yamt, col1, col2, col3){ pushMatrix(); translate(x, y); scale(amt, yamt); if(hflip){ scale(1, -1); rotate(180); } if(vflip){ scale(1, -1); } glowbez(0, 0, 50, 25, 50, -39, 101, 1, 18, col1); glowbez(0, 20, 50, -16, 50, -39, 83, 20, 15, col1); glowbez(21, 36, 50, 5, 97, 49, 122, 20, 15, col1); glowbez(2, 36, 25, -16, 55, 83, 68, 10, 15, col1); glowbez(2, 64, 88, 101, 55, -7, 174, 13, 15, col1); glowbez(2, 50, 48, 74, 39, -7, 100, 83, 15, col1); glowbez(2, 78, 48, 74, 91, -7, 136, 54, 15, col2); glowbez(2, 29, 48, 74, 73, -37, 109, -31, 15, col2); glowbez(43, 11, 60, 53, 120, -54, 143, 17, 15, col2); glowbez(6, 50, 60, -14, 151, 24, 100, 55, 15, col3); glowbez(6, 28, 60, -14, 59, 98, 100, -3, 15, col3); popMatrix(); }; var pinetree = function(x, y, amt, flip){ pushMatrix(); translate(x, y); scale(amt); if(flip){ scale(1, -1); rotate(180); } noStroke(); fill(102, 71, 22); rect(0, 20, 6, 16); fill(14, 158, 36); triangle(-9, 0, 9, 0, 0, -15); triangle(-12, 10, 12, 10, 0, -7); triangle(-14, 20, 14, 20, 0, -1); fill(0, 0, 0, 30); triangle(-9, 0, -6, 0, 0, -15); triangle(-6, 0, -5, -3, 10, 0); triangle(-12, 10, -9, 10, -4, 0); triangle(-9, 10, -7, 6, 12, 10); triangle(-14, 20, -11, 20, -7, 11); triangle(-11, 20, -9, 15, 14, 20); fill(0, 0, 0, 20); ellipse(0, 4, 2, 2); noFill(); stroke(0, 0, 0, 15); strokeWeight(1); bezier(0, 2, -8, 7, 3, 4, 5, 6); bezier(0, -6, -8, 2, 9, -9, 3, -3); bezier(-3, 15, -6, 7, 3, 19, 7, 17); popMatrix(); }; var oneside = function(x, y, flip){ pushMatrix(); translate(x, y); if(flip){ scale(1, -1); rotate(180); } fan(0, 0, 155, 0, 90, 10, 0); fan(79, 0, 155, 0, 180, 10, 0); fan(84, 59, 205, 0, 180, 10, 38); fan(127, 0, 242, 0, 175, 10, -33); fan(161, 113, 242, 0, 360, 11, 9); fan(216, 57, 148, 0, 360, 11, 9); fan(116, 87, 148, -153, 93, 11, 14); fan(247, 87, 258, -104, 93, 11, 14); fan(98, 180, 148, 0, 360, 7, 9); fan(267, 66, 205, 0, 180, 10, 99); fan(350, 55, 205, 0, 360, 10, 99); popMatrix(); }; var flames = function(x, y, flip, amt, yamt){ pushMatrix(); translate(x, y); scale(amt, yamt); if(flip === "horizontal"){ scale(1, -1); rotate(180); } else if(flip === "vertical"){ rotate(-90); } else if(flip === "both"){ rotate(-90); scale(1, -1); } for(var k = 0; k < 6; k++){ fill(158, 6, 6, 10); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(10+k5, 0); curveVertex(27+k2, 82); curveVertex(81+k, 231); curveVertex(64, 231+k); curveVertex(50+k3, 252); curveVertex(96, 301-k2); curveVertex(147+k3, 296); curveVertex(178, 378); curveVertex(155-k, 346+k); curveVertex(85+k2, 358); curveVertex(85+k, 410-k3); curveVertex(186+k, 428-k4); curveVertex(161+k3, 503); curveVertex(188, 530+k3); curveVertex(133, 530+k); curveVertex(92+k4, 576); curveVertex(192, 600-k2); curveVertex(0, 600); curveVertex(0, 0); endShape(); fill(212, 152, 23, 20); beginShape(); curveVertex(0, 0); curveVertex(0, 86); curveVertex(61+k, 0); curveVertex(50+k6, 82); curveVertex(81+k, 153); curveVertex(19+k4, 231); curveVertex(128+k5, 280); curveVertex(96+k3, 371); curveVertex(147, 407); curveVertex(122, 378-k2); curveVertex(45, 367+k4); curveVertex(30+k, 367); curveVertex(9+k5, 442); curveVertex(132, 496-k4); curveVertex(117+k3, 503); curveVertex(188, 567+k); curveVertex(115, 530+k4); curveVertex(19+k4, 576); curveVertex(192-k4, 600+k); curveVertex(0, 600); curveVertex(0, 0); endShape(); fill(255, 234, 0, 10); beginShape(); curveVertex(0, 0); curveVertex(0, 61-k3); curveVertex(104+k5, 48); curveVertex(19+k3, 105); curveVertex(12+k4, 136); curveVertex(19-k2, 190-k); curveVertex(128, 231-k4); curveVertex(85+k, 255+k2); curveVertex(50, 247+k4); curveVertex(55+k2, 343); curveVertex(69+k3, 439); curveVertex(45, 367+k3); curveVertex(30, 367+k5); curveVertex(30+k3, 442); curveVertex(132, 454-k3); curveVertex(172, 466); curveVertex(188, 465+k); curveVertex(134, 484+k4); curveVertex(19+k2, 495); curveVertex(44+k5, 600); curveVertex(0, 600); curveVertex(0, 0); endShape(); } popMatrix(); }; var elementstuff = function(x, y, amt, yamt, flipv, fliph, col1, col2, col3){ noStroke(); pushMatrix(); translate(x, y); scale(amt, yamt); if(flipv){ scale(1, -1); } if(fliph && !flipv){ scale(1, -1); rotate(180); } else if(fliph && flipv){ scale(1, -1); rotate(180); } fill(col3); beginShape(); curveVertex(0, 0); curveVertex(-47, height); curveVertex(-9, 605); curveVertex(56, 584); curveVertex(101, 516); curveVertex(115, 457); curveVertex(103, 388); curveVertex(175, 363); curveVertex(134, 391); curveVertex(143, 449); curveVertex(96, 486); curveVertex(35, 518); curveVertex(77, 559); curveVertex(338, height); curveVertex(0, 0); endShape(); pushMatrix(); translate(132, -119); scale(1, -1.2); rotate(180); beginShape(); curveVertex(0, 0); curveVertex(0, height); curveVertex(-37, 605); curveVertex(22, 584); curveVertex(25, 529); curveVertex(88, 457); curveVertex(64, 343); curveVertex(125, 340); curveVertex(134, 326); curveVertex(125, 336); curveVertex(69, 317); curveVertex(44, 337); curveVertex(114, 415); curveVertex(23, 486); curveVertex(53, 518); curveVertex(64, 559); curveVertex(108, height); curveVertex(0, 0); endShape(); popMatrix(); fill(col1); beginShape(); curveVertex(0, 0); curveVertex(0, height); curveVertex(166, 605); curveVertex(98, 573); curveVertex(59, 503); curveVertex(18, 461); curveVertex(26, 428); curveVertex(34, 428); curveVertex(36, 437); curveVertex(34, 442); curveVertex(42, 428); curveVertex(30, 391); curveVertex(8, 328); curveVertex(0, 200); curveVertex(0, 0); endShape(); fill(col1); beginShape(); curveVertex(0, 0); curveVertex(3, height); curveVertex(42, 605); curveVertex(55, 584); curveVertex(10, 456); curveVertex(65, 440); curveVertex(87, 479); curveVertex(76, 465); curveVertex(59, 458); curveVertex(56, 482); curveVertex(108, 559); curveVertex(283, height); curveVertex(0, 0); endShape(); fill(col1); beginShape(); curveVertex(0, 0); curveVertex(0, height); curveVertex(68, 605); curveVertex(16, 573); curveVertex(23, 397); curveVertex(116, 411); curveVertex(147, 430); curveVertex(161, 421); curveVertex(137, 443); curveVertex(92, 384); curveVertex(63, 328); curveVertex(0, 249); curveVertex(0, 0); endShape(); beginShape(); curveVertex(0, 0); curveVertex(-45, height); curveVertex(-13, 605); curveVertex(47, 580); curveVertex(87, 540); curveVertex(130, 535); curveVertex(161, 578); curveVertex(222, 566); curveVertex(371, height); curveVertex(0, 0); endShape(); fill(col2); beginShape(); curveVertex(0, 0); curveVertex(174, 600); curveVertex(10, 573); curveVertex(52, 459); curveVertex(29, 405); curveVertex(29, 344); curveVertex(10, 329); curveVertex(10, 329); curveVertex(42, 361); curveVertex(42, 392); curveVertex(82, 426); curveVertex(79, 501); curveVertex(103, 524); curveVertex(127, 524); curveVertex(164, 479); curveVertex(161, 468); curveVertex(149, 506); curveVertex(154, 555); curveVertex(191, 532); curveVertex(217, 520); curveVertex(214, 503); curveVertex(202, 500); curveVertex(222, 500); curveVertex(244, 537); curveVertex(241, 582); curveVertex(262, 567); curveVertex(254, 564); curveVertex(260, height); curveVertex(0, 0); endShape(); fill(col1); beginShape(); curveVertex(0, 0); curveVertex(88, height); curveVertex(3, 605); curveVertex(16, 573); curveVertex(52, 537); curveVertex(57, 497); curveVertex(112, 466); curveVertex(112, 430); curveVertex(98, 421); curveVertex(135, 455); curveVertex(135, 500); curveVertex(82, 559); curveVertex(146, height); curveVertex(0, 0); endShape(); fill(col1); beginShape(); curveVertex(0, 0); curveVertex(36, height); curveVertex(102, 605); curveVertex(197, 565); curveVertex(195, 537); curveVertex(164, 497); curveVertex(193, 466); curveVertex(195, 443); curveVertex(186, 459); curveVertex(140, 455); curveVertex(147, 500); curveVertex(142, 559); curveVertex(371, height); curveVertex(0, 0); endShape(); fill(col2); beginShape(); curveVertex(0, 0); curveVertex(3, height); curveVertex(42, 605); curveVertex(116, 584); curveVertex(101, 537); curveVertex(201, 518); curveVertex(193, 487); curveVertex(195, 474); curveVertex(186, 478); curveVertex(161, 503); curveVertex(122, 494); curveVertex(147, 500); curveVertex(142, 559); curveVertex(371, height); curveVertex(0, 0); endShape(); popMatrix(); }; //} //loading images { rectMode(CENTER); var images = { "stone": function(){ pushMatrix(); translate(20, 20); noStroke(); fill(random(125, 135)); rect(0, 0, 40, 40, 1); fill(255, 255, 255, 2); for(var k = 0; k < 40; k+=2){ ellipse(0, 0, k, k); } fill(201, 201, 201, 90); ellipse(-12, -14, 10, 5); ellipse(-4, -15, 5, 5); ellipse(14, -6, 12, 10); ellipse(2, 8, 10, 10); ellipse(-4, 15, 9, 5); ellipse(-9, 9, 9, 5); ellipse(-7, -4, 9, 5); ellipse(-12, 2, 9, 5); ellipse(16, 15, 5, 5); fill(232, 202, 127, 40); ellipse(2, -9, 10, 10); ellipse(14, -15, 6, 6); ellipse(15, 5, 7, 7); ellipse(-13, -9, 11, 4); ellipse(-15, 14, 9, 6); ellipse(8, 16, 9, 6); ellipse(8, 2, 5, 6); ellipse(0, 0, 9, 5); ellipse(-17, -4, 4, 4); popMatrix(); return get(0, 0, 40, 40); }, "straw": function(){ pushMatrix(); translate(20, 20); fill(163, 144, 85); rect(0, 0, 40, 40); fill(255, 255, 255, 2); for(var j = 0; j < 30; j+=2){ ellipse(0, 0, j, j); } strokeWeight(1); for(var i = -19; i < 20; i += 10){ for(var j = -14; j < 25; j += 8){ var c = random(100, 140); stroke(c, c, c, random(50, 190)); line(i, j, i+8, j); line(i+6, j-5, i+6, j); } } for(var k = -20; k < 20; k += 2){ stroke(38, 38, 38, random(40, 90)); line(-19, k, 19, k); } noStroke(); popMatrix(); return get(0, 0, 40, 40); }, "fading": function(){ pushMatrix(); translate(20, 20); fill(247, 247, 247); rect(0, 0, 40, 40); noStroke(); fill(48, 48, 48, 255/10); quad(-20, -20, -20, 20, 2, 20, -13, 14); quad(20, -20, 14, 6, -14, 20, 20, 20); stroke(58, 58, 58, 255/15); popMatrix(); return get(0, 0, 40, 40); }, "light": function(){ pushMatrix(); translate(20, 20); fill(204, 204, 204); rect(0, 0, 40, 40); strokeWeight(2); stroke(163, 163, 163); noFill(); rect(0, 0, 25, 25); stroke(230, 230, 230); rect(0, 0, 32, 32); stroke(222, 222, 222); rect(0, 0, 15, 15); noStroke(); fill(255, 255, 255, 12); for(var i = 0; i < 33; i++){ ellipse(0, 0, i, i); } return get(0, 0, 40, 40); }, "dark": function(){ pushMatrix(); translate(20, 20); fill(0, 0, 0); rect(0, 0, 40, 40); popMatrix(); return get(0, 0, 40, 40); }, "vine": function(){ pushMatrix(); translate(20, 20); noStroke(); fill(random(125, 135)); rect(0, 0, 40, 40, 1); fill(255, 255, 255, 2); for(var k = 0; k < 40; k+=2){ ellipse(0, 0, k, k); } fill(201, 201, 201, 90); ellipse(-12, -14, 14, 8); ellipse(1, -11, 12, 7); ellipse(13, -3, 12, 10); ellipse(-11, 3, 19, 10); ellipse(7, 13, 19, 10); fill(232, 202, 127, 40); ellipse(3, 0, 10, 10); ellipse(14, -13, 10, 10); ellipse(14, 5, 7, 7); ellipse(-12, -6, 15, 6); ellipse(-12, 12, 15, 6); rectMode(LEFT); fill(27, 153, 15); for(var i = -20; i < 20; i++){ var cont = noise(i/9); rect(i, -20, 1, cont19); } rectMode(CENTER); stroke(49, 148, 38); noFill(); strokeWeight(2); bezier(0, -18, -21, 20, -8, 0, 4, 18); bezier(13, -18, 7, -11, -4, 30, -20, 16); bezier(-17, -18, -9, -11, -21, 10, -15, 19); bezier(19, -5, 14, -22, -11, 16, -7, -18); bezier(19, 5, 14, 5, -11, 16, -3, -5); bezier(13, -10, 14, 5, -1, 16, 17, 19); bezier(13, 18, 19, 5, -15, -11, -18, -5); noStroke(); popMatrix(); return get(0, 0, 40, 40); }, "earthbk": function(){ background(255, 255, 255); var earth1 = color(5, 82, 5); var earth2 = color(158, 222, 162); strokeWeight(1); for(var i = 0; i < height; i++){ stroke(lerpColor(earth2, earth1, i/height)); line(0, i, width, i); point(width/2, i); } noStroke(); for(var j = 0; j < 20; j++){ fill(105+random(-10, 10), 70+random(-10, 10), 25+random(-10, 10), random(120, 220)); rect(random(25, width-25), height/2, random(12, 23), height); } for(var k = 0; k < 100; k++){ fill(255, 255, 255, random(10, 30)); var y = random(height-k3.2, height-42); ellipse(random(0, width), y, random(100, 250), random(5, 10)); } tree(0, 0, 1, 1, false); tree(600, 0, 1, 1, true); return get(0, 0, width, height); }, "darkbk": function(){ background(255, 255, 255); noStroke(); fill(0, 0, 0); rect(300, 300, 600, 600); return get(0, 0, width, height); }, "waterbk": function(){ background(255, 255, 255); var water1 = color(96, 192, 240); var water2 = color(8, 59, 117); for(var i = 0; i < height; i++){ stroke(lerpColor(water1, water2, i/height)); line(0, i, width, i); } noFill(); for(var j = 0; j < 30; j++){ stroke(0, 200, 255, random(30, 90)); strokeWeight(random(1.5, 4)); var randy = random(height-j70, height-10); var rands = random(20-randy/25, randy/6); ellipse(random(0, width), randy, rands, rands); } for(var k = 0; k < 10; k++){ var xsize = random(1, 3); diamond(random(0, width), random(10, 50), xsize, xsize+random(-0.2, 0.2)); } for(var l = 0; l < 10; l++){ glow(random(50, width-50), random(15, 30)); } return get(0, 0, width, height); }, "firebk": function(){ var fire1 = color(97, 62, 9); var fire2 = color(168, 144, 103); strokeWeight(2); for(var i = 0; i < height; i++){ stroke(lerpColor(fire2, fire1, i/height)); line(0, i, width, i); } noStroke(); fill(255, 255, 255, 1); for(var j = 0; j < 450; j+=10){ ellipse(300, 300, j, j); } flames(504, 599, "both", 1, 1.76); flames(0, 600, "vertical", 1, 1.2); flames(-49, 0, "", 1, 1.2); flames(656, -112, "horizontal", 1, 1.2); for(var l = 0; l < 20; l++){ var randy = random(height/2-l15, height/2+random(-5, 195)); var randx = random(10, width-10); var rands = random(randy/55, randy/10); fill(224, 153, 61, random(20, 90)); ellipse(randx, randy, rands, rands); } return get(0, 0, width, height); }, "airbk": function(){ var air1 = color(106, 199, 207); var air2 = color(81, 110, 196); strokeWeight(2); for(var i = 0; i < height; i++){ stroke(lerpColor(air2, air1, i/height)); line(0, i, width, i); } for(var j = 0; j < 30; j++){ cloud(random(0, width-10), random(40, height-20), random(1, 2), random(1, 1.6)); } for(var k = 0; k < 20; k++){ var randx = random(30, width-30); var randy = random(50, height-50); var rands = random(3, 4); fill(255, 255, 255, random(10, 20)); ellipse(randx, randy, rands, rands); fill(255, 255, 255, 2); for(var i = 0; i < 44; i += 4){ ellipse(randx, randy, i, i); } } return get(0, 0, width, height); }, "lightbk": function(){ background(255, 255, 255); strokeWeight(2); for(var i = 0; i < width; i++){ var c = 420noise(i/150); stroke(c, c, c); line(i, 0, i, height); } noStroke(); return get(0, 0, width, height); }, "etodgrad": function(){ strokeWeight(2); for(var i = 0; i < 100; i++){ stroke(lerpColor(color(0), color(17, 156, 22), i/100)); line(0, i, width, i); } stroke(0, 0, 0); strokeWeight(3); line(0, 0, 600, 0); return get(0, 0, width, 100); }, "dtowgrad": function(){ strokeWeight(2); for(var i = 0; i < 100; i++){ stroke(lerpColor(color(8, 59, 117), color(0), i/100)); line(0, i, width, i); } return get(0, 0, width, 100); }, "wtofgrad": function(){ strokeWeight(2); for(var i = 0; i < 100; i++){ stroke(lerpColor(color(153, 95, 8), color(96, 192, 240), i/100)); line(0, i, width, i); } return get(0, 0, width, 100); }, "ftoagrad": function(){ strokeWeight(2); for(var i = 0; i < 100; i++){ stroke(lerpColor(color(106, 199, 207), color(168, 144, 103), i/100)); line(0, i, width, i); } return get(0, 0, width, 100); }, "atolgrad": function(){ strokeWeight(2); for(var i = 0; i < 100; i++){ stroke(lerpColor(color(255, 255, 255), color(81, 110, 196), i/100)); line(0, i, width, i); } return get(0, 0, width, 100); }, "finalbk": function(){ strokeWeight(2); for(var i = 0; i < width; i++){ stroke(lerpColor(color(0), color(250), i/width)); line(i, 0, i, 300); } swirls(0, 139, false, false, 1.6, 1, color(209, 71, 50, 20), color(176, 103, 19, 20), color(194, 183, 33, 10)); swirls(0, 99, false, true, 1.3, 1.3, color(201, 173, 240, 20), color(224, 213, 199, 20), color(129, 205, 230, 10)); swirls(600, 99, true, true, 1.7, 1.3, color(82, 209, 65, 20), color(175, 224, 105, 20), color(18, 163, 13, 10)); swirls(600, 126, true, false, 1.3, 1.2, color(67, 188, 207, 20), color(104, 165, 222, 20), color(13, 82, 161, 10)); noStroke(); pushMatrix(); translate(310, 127); for(var j = 0; j < 360; j += 360/20){ pushMatrix(); rotate(j); fill(230, 209, 126, 10); var rands = 2+ 20 noise(j/90); for(var k = 0; k < rands; k++){ ellipse(95+20noise((j+50)/50), 0, k, k); } popMatrix(); } popMatrix(); return get(0, 0, width, 300); }, "ltofinal": function(){ fill(224, 224, 224); rect(300, 50, 600, 100); return get(0, 0, width, 100); }, "menubk": function(){ noStroke(); fill(41, 41, 41); rect(width/2, height/2, width, height); elementstuff(0, 0, 1.1, 1, false, false, color(199, 99, 199, 90), color(199, 14, 63, 90), color(11, 14, 191, 90)); elementstuff(600, 0, 1.1, 1, false, true, color(199, 46, 46, 90), color(199, 171, 16, 90), color(208, 224, 27, 90)); elementstuff(0, 600, 1.1, 1, true, false, color(99, 186, 199, 90), color(16, 110, 199, 90), color(214, 215, 255, 90)); elementstuff(600, 600, 1.1, 1, true, true, color(106, 214, 66, 90), color(9, 186, 45, 90), color(14, 150, 116, 90)); pushMatrix(); translate(300, 300); for(var i = 0; i < 360; i += 360/30){ pushMatrix(); rotate(i); var randsize = random(3, 8); noStroke(); fill(255, 255, 255, random(20, 50)); ellipse(160, 0, randsize, randsize); stroke(255, 255, 255, random(10, 30)); strokeWeight(random(2, 4)); var start = random(165, 210); line(start, 0, start+random(90, 50), 0); popMatrix(); } popMatrix(); return get(0, 0, width, height); }, "winbk": function(){ var win1 = color(41, 175, 219); var win2 = color(121, 198, 224); strokeWeight(2); for(var i = 0; i < height; i++){ stroke(lerpColor(win1, win2, i/height)); line(0, i, width, i); } noStroke(); for(var k = 0; k < 10; k++){ var s = random(1, 2.5); cloud(random(50, width-20), random(50, height/2+70), s, s+random(-0.2, 0.2)); } noFill(); for(var i = 0; i < 50; i++){ var trans = random(50, 120); stroke(lerpColor(color(135, 203, 255, trans), color(255, 255, 255, trans), random(0.3, 1))); strokeWeight(random(1, 3)); var randx = random(-7, 44); var randy = random(298, 310); var randwidth = random(0, 50); var randheight = random(20, 50); arc(randx, randy, randwidth, randheight, 270, 360); line(randx+randwidth/2, randy+1, randx+randwidth/2, height); } noStroke(); fill(53, 176, 12); rect(width/2, height-12, width, 22); bezier(300, 580, 419, 596, 619, 400, 650, 580); fill(38, 180, 227); beginShape(); curveVertex(0, 580); curveVertex(0, 570); curveVertex(0, 577); curveVertex(266, 580); curveVertex(411, 583); curveVertex(433, 564); curveVertex(453, 550); curveVertex(511, 518); curveVertex(474, 531); curveVertex(423, 552); curveVertex(399, 571); curveVertex(300, 575); curveVertex(0, 570); curveVertex(0, 580); endShape(); for(var j = 0; j < 20; j++){ var rands = random(5, 15); fill(255, 255, 255, random(50, 120)); ellipse(random(0, 72), random(537, 570), rands, rands); } pinetree(586, 452, 2.1, true); pinetree(583, 485, 1.5, true); pinetree(553, 467, 2); noStroke(); fill(255, 247, 0, 4); for(var l = 0; l < 100; l+=2){ ellipse(550, 100, l, l); } fill(255, 238, 5, 250); ellipse(550, 100, 50, 50); stroke(245, 172, 76, 90); noFill(); strokeWeight(5); arc(550, 100, 45, 45, 0, 90); textSize(90); textAlign(CENTER); fill(0, 0, 0, 20); text("You Won!", width/2-5, 151); fill(255, 255, 255); text("You Won!", width/2, 150); textSize(20); fill(0, 0, 0, 20); text("The blight has vanished from the lands,\nreturning forests to their former splendor, rivers and\nstreams to their crystal clear waters, and hope\nto its people.\n\nYou are welcomed home a hero, carried through\nfamiliar paths on cheers and celebrations, showered\nwith everything you could've wished for. Yet through \nit all, you wonder if the war has truly been won yet.\n\nFor there is yet another lost element, and in the \nlibraries of the capital, books have been ransacked\n and torn off the shelves. One is missing. Someone\nhas been searching, and they have found what \nthey're looking for.", width/2-3, 206); fill(255, 255, 255); text("The blight has vanished from the lands,\nreturning forests to their former splendor, rivers and\nstreams to their crystal clear waters, and hope\nto its people.\n\nYou are welcomed home a hero, carried through\nfamiliar paths on cheers and celebrations, showered\nwith everything you could've wished for. Yet through \nit all, you wonder if the war has truly been won yet.\n\nFor there is yet another lost element, and in the \nlibraries of the capital, books have been ransacked\n and torn off the shelves. One is missing. Someone\nhas been searching, and they have found what \nthey're looking for.", width/2, 205); return get(0, 0, 600, 600); } }; var numloaded = 0; var loaded = false; var imgload = function() { if(numloaded < Object.keys(images).length){ background(255, 255, 255); images[Object.keys(images)[numloaded]] = images[Object.keys(images)[numloaded]](); background(179, 216, 235); stroke(46, 41, 186); strokeWeight(2); line(50, 350, map(numloaded, 0, Object.keys(images).length, 50, 550), 350); fill(56, 52, 191); textSize(40); text("Loading....", 200, 220); textSize(20); text(numloaded, 300, 300); noStroke(); noFill(); numloaded++; } else { loaded = true; } }; var bckdimgpos = [-3900, -3600, -3500, -2900, -2800, -2200, -2100, -1500, -1400, -800, -700, -100, 0]; var bckdimgs = ["finalbk", "ltofinal", "lightbk", "atolgrad", "airbk", "ftoagrad", "firebk", "wtofgrad", "waterbk", "dtowgrad", "darkbk", "etodgrad", "earthbk"]; //} //blocks { var Blockparticles = function(x, y, xvel, yvel){ this.x = x; this.y = y; this.origx = x; this.origy = y; this.xvel = xvel; this.yvel = yvel; this.opacity = random(90, 120); this.life = this.opacity; this.size = random(7, 12); }; Blockparticles.prototype.draw = function() { if(this.opacity > 0 && this.size > 0){ fill(lerpColor(color(204, 198, 12, this.opacity), color(199, 26, 10, this.opacity), map(this.opacity, 0, this.life, 0, 1))); ellipse(this.x, this.y, this.size, this.size); this.x += this.xvel; this.y += this.yvel; this.size -= 0.2; this.opacity --; } else { this.reset(); } }; Blockparticles.prototype.reset = function(){ this.x = this.origx; this.y = this.origy; this.opacity = this.life; this.xvel = random(-0.1, 0.1); this.yvel = random(-1.5, -0.2); this.size = random(7, 12); }; var Block = function(x, y, type) { this.x = x; this.y = y; this.width = 40; this.height = 40; this.type = type; this.opacity = 255; this.hastouched = false; this.touched = false; this.haspassed = false; this.passed = false; this.passedop = 0; this.timer = 0; this.realm = ""; if(this.type === "straw"){ this.fireparticles = []; for(var i = 0; i < 25; i++){ this.fireparticles.push(new Blockparticles(random(-15, 15), -this.height/2-2, random(-0.1, 0.1), random(-1.5, -0.5))); } } }; Block.prototype.draw = function() { imageMode(CENTER); pushMatrix(); translate(this.x, this.y); noStroke(); rectMode(CENTER); if(this.type === "stone"){ image(images.stone, 0, 0); } else if(this.type === "water"){ fill(62, 174, 230, 90); rect(0, 0, 40, 40); /fill(255, 255, 255, 10); ellipse(8, -9, 10, 10); ellipse(11, -4, 10, 8); ellipse(-3, -4, 5, 5); ellipse(2, -4, 5, 5); ellipse(5, 3, 5, 9); ellipse(11, 7, 7, 7); ellipse(-6, 4, 7, 7); ellipse(0, 12, 10, 10);/ } else if(this.type === "fading"){ fill(247, 247, 247, this.opacity); rect(0, 0, this.width, this.height); noStroke(); fill(48, 48, 48, this.opacity/10); quad(-20, -20, -20, 20, 2, 20, -13, 14); quad(20, -20, 14, 6, -14, 20, 20, 20); stroke(58, 58, 58, this.opacity/15); } else if(this.type === "straw"){ image(images.straw, 0, 0); if(this.touched){ fill(212, 8, 25, this.timer); rect(0, -this.height/2, this.width, 2); if(this.timer < 70){ this.timer+=2; } else { for(var i = this.fireparticles.length - 1; i > 0; i --){ this.fireparticles[i].draw(); } } } } else if(this.type === "light"){ image(images.light, 0, 0); } else if(this.type === "dark"){ image(images.dark, 0, 0); } else if(this.type === "vine"){ image(images.vine, 0, 0); } else if(this.type === "trap"){ fill(74, 74, 74, this.passedop); rect(0, 0, 40, 40); fill(201, 201, 201, map(this.passedop, 0, 255, 0, 20)); triangle(-20, -20, 20, -20, -20, 20); fill(87, 87, 87, map(this.passedop, 0, 255, 0, 90)); rect(0, 0, 25, 25); fill(117, 117, 117, map(this.passedop, 0, 255, 0, 40)); rect(0, 0, 15, 15); fill(0, 0, 0, map(this.passedop, 0, 255, 0, 20)); rect(0, 0, 10, 10); if(this.passed){ if(this.passedop < 255){ this.passedop += 2; } else { this.passedop = 255; } } } else if(this.type === "mimick"){ if(this.y >= -50){ image(images.stone, 0, 0); } else if(this.y >= -750){ image(images.dark, 0, 0); fill(255, 255, 255, 25); rect(0, 0, 40, 40); this.realm = "dark"; } else if(this.y >= -1450){ fill(57, 182, 245, 90); rect(0, 0, 40, 40); this.realm = "water"; } else if(this.y >= -2150){ image(images.straw, 0, 0); } else if(this.y >= -2850){ image(images.fading, 0, 0); } else if(this.y >= -3550){ image(images.light, 0, 0); } if(this.realm !== "dark" && this.realm !== "water"){ fill(0, 0, 0, 20); rect(0, 0, 40, 40); } } popMatrix(); }; var Bubble = function(x, y, type) { this.x = x; this.y = y; this.type = type; this.size = 32; this.timer = 0; this.popped = false; this.period = random(1, 4); if(this.type === 1){ this.num = 10; } else { this.num = 5; } }; Bubble.prototype.draw = function() { pushMatrix(); translate(this.x, this.y+sin(TWO_PI frameCount/this.period)3); noStroke(); fill(0, 187, 255, 50); ellipse(0, 0, this.size, this.size); noFill(); stroke(13, 0, 255, 10); strokeWeight(3); arc(0, 0, this.size - 5, this.size - 5, 90, 173); strokeWeight(10); stroke(255, 255, 255, 20); arc(0, 0, this.size - 10, this.size - 10, 270, 360); noStroke(); if(this.popped === false){ fill(0, 94, 255, 200-this.timer 15); textAlign(CENTER, CENTER); textSize(12); text("+" + this.num, 0, 0); } popMatrix(); }; Bubble.prototype.pop = function() { if(this.popped === false){ if(this.size > 0){ this.size -= 1; } if(this.timer < 10){ pushMatrix(); translate(this.x, this.y+sin(frameCount+random(-5, 5)) * random(2, 4)); stroke(0, 85, 255, 190); strokeWeight(1); for(var i = 0; i < 360; i += 360/10){ pushMatrix(); rotate(i); line(this.timer2, 0, 5, 0); popMatrix(); } popMatrix(); } else { this.popped = true; } this.timer++; } else { this.timer = 0; } }; var Seed = function(x, y, type) { this.x = x; this.y = y; this.type = type; this.size = 1; this.hastouched = false; this.collecting = false; this.collected = false; }; Seed.prototype.draw = function(x, y) { pushMatrix(); translate(x, y); scale(this.size); noStroke(); var glow = col[this.type][0]; var main = col[this.type][1]; var detail = col[this.type][2]; var basicshape = function(col, x, y, amt) { pushMatrix(); translate(x, y); scale(amt); fill(col); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(-6, 20); curveVertex(0, 26); curveVertex(6, 20); curveVertex(0, 0); curveVertex(0, 0); endShape(); popMatrix(); }; for(var i = 0; i < 20; i++){ basicshape(glow, 0, (10-i)2.3, i/10); } basicshape(main, 0, -4, 1); stroke(detail); strokeWeight(2); noFill(); bezier(-4, 12, -3, 6, 3, 4, 4, 15); bezier(-4, 14, -3, 11, 3, 7, 2, 20); bezier(-4, 16, -3, 12, 3, 16, -2, 20); bezier(-2, 6, -3, 6, 3, 4, 1, 2); noStroke(); popMatrix(); }; Seed.prototype.collect = function() { if(this.size > 0 && this.collected === false){ this.size -= 0.1; this.y += 1; } else { this.collected = true; } }; var Sign = function(x, y, message) { this.x = x; this.y = y; this.message = message; this.infoopacity = 0; }; Sign.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); noStroke(); rectMode(CENTER); fill(115, 74, 30); rect(0, 0, 5, 20); rect(0, -15, 28, 17); fill(166, 138, 98); ellipse(0, -17, 30, 2); ellipse(0, -13, 29, 3); ellipse(5, -8, 15, 1); ellipse(0, -3, 5, 1); ellipse(1, 3, 5, 1); fill(227, 226, 168); rect(0, -15, 22, 12); fill(0); textAlign(CENTER); textSize(12); text("?", 0, -10); popMatrix(); }; Sign.prototype.display = function() { fill(0, 0, 0, this.infoopacity); rect(width/2, 40, width, 80); fill(255, 255, 255, this.infoopacity); textAlign(CENTER, CENTER); text(this.message, width/2, 40); }; var Jewel = function(x, y){ this.x = x; this.y = y; }; Jewel.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); scale(0.6); noStroke(); var altarheight = 70; var altarwidth = 20; rectMode(LEFT); var base = function(x, y, amt, yamt){ pushMatrix(); translate(x, y); scale(amt, yamt); fill(232, 232, 232); quad(altarwidth7/4+5, -20, altarwidth+5, -12, altarwidth+5, 0, altarwidth7/4+5, -8); quad(-altarwidth3/4-5, -20, -5, -12, -5, 0, -altarwidth3/4-5, -8); fill(245, 245, 245); rect(-5, -12, altarwidth+10, 12); fill(255, 255, 255); beginShape(); vertex(-altarwidth3/4-5, -20); vertex(-5, -28); vertex(altarwidth+5, -28); vertex(altarwidth7/4+5, -20); vertex(altarwidth+5, -12); vertex(-5, -12); endShape(); popMatrix(); }; //bottom base(-1, 87, 1.1, 1.1); //center part fill(219, 219, 219); quad(-altarwidth3/4, -8, 0, 0, 0, altarheight, -altarwidth3/4, altarheight-8); quad(altarwidth7/4, -8, altarwidth, 0, altarwidth, altarheight, altarwidth7/4, altarheight-8); fill(237, 237, 237); rect(0, 0, altarwidth, altarheight); //top base(0, 2, 1, 1); //jewel, reused from my Realms graphic with some modifications of POV pushMatrix(); translate(9, -63); scale(1.8); fill(255, 255, 255, 230); triangle(-8, 0, -14, 0, 0, 14); triangle(5, 0, -3, 0, 0, 14); triangle(10, 0, 16, 0, 0, 14); triangle(10, 0, 8, -5, 5, 0); triangle(-8, 0, -6, -5, -3, 0); triangle(-14, 0, -10, -7, -6, -5); triangle(16, 0, 12, -7, 8, -5); fill(220, 237, 236, 230); triangle(-8, 0, -3, 0, 0, 14); triangle(5, 0, 10, 0, 0, 14); triangle(10, 0, 16, 0, 8, -5); triangle(-14, 0, -8, 0, -6, -5); triangle(-3, 0, 1, -5, -6, -5); triangle(5, 0, 1, -5, 8, -5); triangle(16, 0, 12, -7, 18, -2); triangle(-14, 0, -10, -7, -16, -2); fill(255, 255, 255, 250); triangle(5, 0, -3, 0, 1, -5); beginShape(); vertex(-10, -7); vertex(-6, -5); vertex(8, -5); vertex(12, -7); vertex(8, -9); vertex(-5, -9); endShape(); fill(255, 255, 255, 10); for(var i = 0; i < 15; i++){ ellipse(-6, -6, i, i); } popMatrix(); //shadow fill(0, 0, 0, 5); ellipse(altarwidth/2, -18, altarwidth1.5, 5); popMatrix(); }; //} //constructing the level { /KEY: w = water b = stone block v = stone + vines y = water + bubble f = fire block a = fading block s = seed ? = sign @ = player position d = dark block l = light block / //17 lines per realm var level = [ " ", " ", " ", " ", " ! ", " llllllllllll", "l ", "llllllllllll ", " l", "s lllllllllll", //final "ll ", " ttll ", " ll ll ", " lll lll ", "l lll", " ll llll ", "l l llll ", " ll l", "l l ll ll", " ll lllt ", "l tl ", "llll l l ", " l l ll ", " ll ll ", "llllllllllll ", " ? ? @l", //light " lllllllllll", "s l ", "ll ? ", " aammaa ", " a ", " a m", "m aa ", " maa mm ", " a ", "mmmma a a ", " a a aa", "m a ", " a aa ", "ma a ", " a a aa ", " a t a", "bbbbbbbbbbbbb ", " ? ? @b", //air "s bbbbbbbbbb", "bbb f", " f ff", "ff ffff ", " ff ffff ", "fm ff f", " ff f ff ", "f f ff f f", " ffff f ", "f fff f", " f ff ff", "f f fff f", "ff f f ff f", " ff f ?f f", "@ ffffmfffffmmf", "b ", "bb ? ",//fire "bbbb ? s ", "bbbbbbbbbbbbbww", "mwwwmwywwmmwwww", "wwwwmwwwwwmwwww", "mwwwmwwwmmwwwww", "wwwwwwwwwwwwwwm", "wwwwmwwwmmwwwww", "wwwwmwwwmwwwyww", "wwwmwwwwwwwwwww", "wwywwwwwwwwwwmw", "wwwwwwwwwwwmwwm", "wwwwwwmwwmwwmww", "wwwwwmmwwmwwmmm", "wwwymwwyymwywwm", "wbbbbbbbbbbbbbb", "w ", "w @? ? ", //water "ddddddds ", " d ddd d ", " ddd mm d", " md d ", "m d", "dd d d ", " ddd ", " ddd d", "dd m m ", " d ", "mmd d dd m", "dddm dd dd", " d d ", "? mdd ? ", "d t dd d", "dd dddd d dd ", "dddd dmd @d", //dark "b sb b b bb", " bbbbt b ", "b t bbbb b", "bbbbbv bm ", "b bvvv b b", " bbb ", " v vtbbbbbb b", "b t ? bb ", "bvv bbb t b", " b b bvvv ", "v b b b v", " bb b b vv", "mm b tb bb ", " bb? ?bbb ", " bbbbbbb ? v", "v ? t v@ ", //earth "bbmmbbbbbbbbbbb" ]; var playerpositions = []; var blocks = []; var bubbles = []; var seeds = []; var signs = []; var jewels = []; var messages = ["Did I forget to tell you there were traps?", "The earth realm is pretty normal. \nJust find your way to the seed.", "There are mimic blocks. They look exactly like any \nother block, but they kill you if you land on them.", "Press 'r' to restart.", "I'd suggest looking at the signs.", "Beware the mimic blocks.", "I guess you figured out what's\nspecial about this realm.", "Remember, there are mimics, even in water.", "Your air runs out in water. Hover over\nthe arrow on the right to view air/stats, or look at the\nbar that appears on the right side.", "So you made it past water. Congrats.", "In fire, you can't go on one block twice, since you set \nevery block you pass on fire. Choose your path wisely.", "There are mimics, though not as many.", "Next is air. Don't stay too long on one block.", "Once a block fades, it won't come back.", "Mimics are plentiful in this realm.", "Light, the final realm, is ahead of you.", "Having trouble? Hint: click \nStat bar shows how many of those are left."]; var numseed = 0; var numsigns = 0; for(var i = level.length-1; i >= 0; i--){ var each = level[i].split(""); for(var j = 0; j < each.length; j++){ var x = 20+40j; var y = 40i-40(level.length-height/40)+20; switch(each[j]){ case "b": blocks.push(new Block(x, y, "stone")); break; case "@": playerpositions.push(x, y); break; case "w": blocks.push(new Block(x, y, "water")); break; case "a": blocks.push(new Block(x, y, "fading")); break; case "f": blocks.push(new Block(x, y, "straw")); break; case "y": blocks.push(new Block(x, y, "water")); bubbles.push(new Bubble(x, y, floor(random(1, 4)))); break; case "s": seeds.push(new Seed(x, y-8, numseed)); numseed++; break; case "?": signs.push(new Sign(x, y+10, messages[numsigns])); numsigns++; break; case "l": blocks.push(new Block(x, y, "light")); break; case "d": blocks.push(new Block(x, y, "dark")); break; case "v": blocks.push(new Block(x, y, "vine")); break; case "!": jewels.push(new Jewel(x-8, y-28)); break; case "t": blocks.push(new Block(x, y, "trap")); break; case "m": blocks.push(new Block(x, y, "mimick")); break; } } } var offset = height0.5 - playerpositions[num2 + 1]; //} //player { var waterparticles = []; var Playerparticles = function(x, y, xvel, yvel, size) { this.x = x; this.y = y; this.origx = x; this.origy = y; this.xvel = xvel; this.yvel = yvel; this.origxvel = xvel; this.origyvel = yvel; this.size = size; this.opacity = random(60, 90); }; Playerparticles.prototype.draw = function() { if(this.opacity > 0 && this.size > 0.5){ fill(255, 255, 255, this.opacity); ellipse(this.x, this.y, this.size, this.size); this.x += this.xvel; this.y += this.yvel; this.size -= 0.5; this.opacity -= 2; } else { this.isdead = true; } }; var Player = function(x, y) { this.x = x; this.y = y; this.xvel = 0; this.yvel = 0; this.grav = 1.2; this.canmove = true; this.width = 30; this.height = 30; this.xcont = 0; this.ycont = 0; this.air = 100; this.jump = false; this.inwater = false; this.isdead = false; this.flashing = false; this.flashes = 0; this.flashtimer = 0; this.colors = [color(209, 12, 22), color(242, 156, 8), color(240, 221, 9), color(13, 240, 9), color(11, 207, 204), color(9, 132, 240), color(14, 17, 199), color(155, 9, 240)]; this.coltimer = 0; this.resettimer = 200; }; Player.prototype.draw = function() { /This is probably the messiest code in the existence of coding but...it works. Which is more than what I can say most of the time/ //changing the colors from realm to realm var glowcol, bodycol, eyecol; if(num !== 0){ if(this.coltimer <= 0.01 && levelchange){ glowcol = lerpColor(color(playercol[num][0]), color(playercol[num+1][0]), this.coltimer); bodycol = lerpColor(color(playercol[num][1]), color(playercol[num+1][1]), this.coltimer); eyecol = lerpColor(color(playercol[num][2]), color(playercol[num+1][2]), this.coltimer); } //remedying a sort of jump in color when num isn't yet updated and the color changes to two realms back else if(levelchange){ glowcol = lerpColor(color(playercol[num-1][0]), color(playercol[num][0]), this.coltimer); bodycol = lerpColor(color(playercol[num-1][1]), color(playercol[num][1]), this.coltimer); eyecol = lerpColor(color(playercol[num-1][2]), color(playercol[num][2]), this.coltimer); } if(this.coltimer < 1 && levelchange){ this.coltimer += 0.02; } else if(this.coltimer >= 1){ levelchange = false; this.coltimer = 1; glowcol = color(playercol[num][0]); bodycol = color(playercol[num][1]); eyecol = color(playercol[num][2]); } } else if(num === 0){ glowcol = color(playercol[num][0]); bodycol = color(playercol[num][1]); eyecol = color(playercol[num][2]); } //in water particles for(var z = waterparticles.length - 1; z > 0; z--){ waterparticles[z].draw(); if(waterparticles[z].isdead){ waterparticles.splice(z, 1); } } //the glow stuff noStroke(); if(realm !== "dark"){ fill(glowcol); for(var i = 0; i < this.width1.7; i++){ ellipse(this.x, this.y, i, i); } } else { if(levelchange && this.coltimer >= 0.01){ fill(230, 226, 12, 60); ellipse(this.x, this.y, map(this.coltimer, 0, 1, this.width1.5, this.width4), map(this.coltimer, 0, 1, this.width1.5, this.width4)); } else { fill(230, 226, 12, 60); ellipse(this.x, this.y, this.width4, this.height4); } } //drawing the body fill(bodycol); ellipse(this.x, this.y, this.width, this.height); fill(eyecol); rectMode(CENTER); rect(this.eyeX-this.width3/20, this.eyeY, this.width/10, this.height3/10, 2); rect(this.eyeX+this.width3/20, this.eyeY, this.width/10, this.height3/10, 2); }; Player.prototype.check = function(dir, b) { if(dir === "right"){ if(this.x - this.width/2 > b.x+b.width/2 && this.x < b.x + b.width + 5 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2){ return true; } else { return false; } } else if(dir === "left"){ if(this.x + this.width/2 < b.x-b.width/2 && this.x > b.x-b.width-5 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2){ return true; } else { return false; } } else if(dir === "top"){ if(this.x + this.width/2 > b.x-b.width/2 && this.x - this.width/2 < b.x+b.width/2 && this.y+this.height > b.y-10 && this.y < b.y-b.height/2){ return true; } else { return false; } } else { if(this.x + this.width/2 > b.x-b.width/2 && this.x - this.width/2 < b.x +b.width/2 && this.y > b.y+b.height/2 && this.y-this.height < b.y+10){ return true; } else { return false; } } }; Player.prototype.collide = function(b) { if(this.check("right", b)){ this.x = constrain(this.x, b.x + b.width, width); } if(this.check("left", b)){ this.x = constrain(this.x, 0, b.x - b.width); } if(this.check("top", b)){ this.y = constrain(this.y, 0, b.y - b.height); this.jump = true; this.grav = 0; } if(this.check("bottom", b)){ this.y = constrain(this.y, b.y+b.height, height); if(this.grav < 0){ this.grav += 0.18; } } }; Player.prototype.collideb = function(type, b) { switch(type){ case "block": this.collide(b); break; case "water": if(this.x - this.width/2 < b.x+b.width/2 && this.x+this.width/2 > b.x - b.width/2 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2){ this.inwater = true; if(keys[LEFT] \|\| keys[RIGHT] \|\| keys[UP] \|\| keys[DOWN]){ waterparticles.push(new Playerparticles(this.x+random(-5, 5), this.y+random(-5, 5), -this.xvel + random(-0.2, 0.2), -this.yvel + random(-0.2, 0.2), random(2, 7))); } } break; case "fading": if(this.check("left", b) \|\| this.check("right", b) \|\| this.check("top", b) \|\| this.check("bottom", b) \|\| (this.x - this.width/2 < b.x+b.width/2 && this.x+this.width/2 > b.x - b.width/2 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2)){ if(b.opacity > 0){ this.collide(b); b.opacity -= 2; } } /else { if(b.opacity <= 255){ b.opacity += 2; } }/ break; case "straw": if(this.check("top", b) && b.hastouched === false && b.touched === false){ b.hastouched = true; } else if(b.hastouched && this.check("top", b) === false){ b.touched = true; } else if(this.check("top", b) && b.touched){ this.isdead = true; deathmessage = "Oops, looks like you got burnt"; } this.collide(b); break; case "bubble": if(dist(this.x, this.y, b.x, b.y) <= 32){ b.pop(); } if(b.popped){ this.air += b.num; } break; case "seed": if(dist(this.x, this.y, b.x, b.y+15) <= 25){ b.collect(); this.coltimer = 0; levelchange = true; } break; case "sign": if(this.x > b.x-25 && this.x < b.x + 25 && this.y > b.y - 25 && this.y < b.y + 10){ if(b.infoopacity < 190){ b.infoopacity += 4; } } else { if(b.infoopacity > 0){ b.infoopacity -= 4; } else { b.infoopacity = 0; } } break; case "trap": if(b.passed === false && b.haspassed === false){ if(this.x - this.width/2 < b.x+b.width/2 && this.x+this.width/2 > b.x - b.width/2 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2){ b.haspassed = true; } } if(b.haspassed === true && !(this.x - this.width/2 < b.x+b.width/2 && this.x+this.width/2 > b.x - b.width/2 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2)){ b.passed = true; } if(b.passed){ this.collide(b); } break; case "mimick": if(b.y < -750 && b.y >= -1450){ if(this.x - this.width/2 < b.x+b.width/2 && this.x+this.width/2 > b.x - b.width/2 && this.y + this.height/2 > b.y-b.height/2 && this.y - this.height/2 < b.y+b.height/2){ this.isdead = true; deathmessage = "Death's best friends are disguise and illusion...."; } } else { if(this.check("top", b)){ this.isdead = true; deathmessage = "Death's best friends are disguise and illusion...."; } this.collide(b); } break; } }; Player.prototype.update = function() { //movement this.x = constrain(this.x, 15, width-15); if(this.canmove){ if(keys[LEFT] \|\| keys[65]){ this.xvel -= 0.4; if(this.xcont > -this.width3/20){ this.xcont -= 0.5; } else { this.xcont = -this.width3/20; } } if(keys[RIGHT] \|\| keys[68]){ this.xvel += 0.4; if(this.xcont < this.width3/20){ this.xcont += 0.5; } else { this.xcont = this.width3/20; } } if(keys[UP] && this.jump === true \|\| keys[87] && this.jump === true && this.inwater === false){ this.grav = -4.5; if(this.ycont > -this.height3/20){ this.ycont -= 1; } else { this.ycont = -this.height3/20; } this.jump = false; } if(keys[UP] && this.inwater \|\| keys[87] && this.inwater){ this.grav -= 0.15; } } if(!keys[LEFT] && !keys[RIGHT] && !keys[65] && !keys[68]){ this.xvel = 0; } /if(keys[DOWN]){ this.y += 0.5; if(this.ycont < this.height3/20){ this.ycont += 0.5; } else { this.ycont = this.height3/20; } }/ if(this.grav > 0){ this.jump = false; } if(this.inwater === false){ if(this.grav >= 6){ this.grav = 6; } } else { if(this.grav >= 1.5){ this.grav = 1.5; } if(this.grav <= -1.7){ this.grav = -1.7; } } if(this.inwater === false){ this.grav += 0.15; } else { this.grav += 0.08; } if(this.inwater === false){ this.x += round(constrain(this.xvel, -3, 3)); } else { this.x += round(constrain(this.xvel, -2, 2)); } this.y += this.grav; this.eyeX = this.x + this.xcont; this.eyeY = this.y + this.ycont; if(this.xvel <= 0){ this.xvel += 0.2; } if(this.xvel >= 0){ this.xvel -= 0.2; } //water stuff if(this.inwater){ if(this.air > 0){ this.air -= 0.1; } } else { if(this.air < 100){ this.air += 0.1; } } if(this.air < 0){ this.isdead = true; deathmessage = "You can't breathe underwater, you realize"; } //realm stuff if(realm === "light"){ if(clicked && this.flashes < this.colors.length){ this.flashing = true; this.flashes++; } if(this.flashing === true){ if(90 - this.flashtimer 2 > 0){ for(var i = 0; i < 360; i += 360/10){ pushMatrix(); translate(this.x, this.y); rotate(i); (fill)(this.colors[this.flashes-1], 90-this.flashtimer2); ellipse(0, this.flashtimer2, (this.flashtimer+2)/2, (this.flashtimer+2)/2); popMatrix(); } this.flashtimer++; } else { this.flashing = false; } } else { this.flashtimer = 0; } } this.inwater = false; }; Player.prototype.reset = function() { this.x = playerpositions[num2]; this.y = playerpositions[num2 + 1]; this.xvel = 0; this.grav = 0; this.air = 100; this.flashes = 0; }; var player = new Player(playerpositions[num2], playerpositions[num2 + 1]); //} //buttons { var Button = function(x, y, size, text, to){ this.x = x; this.y = y; this.size = size; this.text = text; this.sizetimer = 0; this.wait = 0; this.to = to; }; Button.prototype.draw = function() { if(sq(mouseX-this.x)+sq(mouseY-this.y) < sq(this.size/2)) { cursor(HAND); if(clicked){ istransiting = true; this.wait = 135; if(this.text === " ▌▌"){ paused = true; } if(this.to === "game"){ paused = false; } } if(this.sizetimer < this.size+this.sizetimer/9){ this.sizetimer += 6; } else { this.sizetimer = this.size+this.sizetimer/9; } } else { if(this.sizetimer > 0){ this.sizetimer -= 4; } else { this.sizetimer = 0; } } if(this.wait > 0){ this.wait--; if(this.wait === 70){ scene = this.to; } } else { this.wait = 0; } noStroke(); fill(0, 0, 0, 30); ellipse(this.x, this.y, this.sizetimer, this.sizetimer); strokeWeight(this.size/20); if(this.text !== " ▌▌" && this.text !== "Home"){ stroke(255, 255, 255, 190); fill(255, 255, 255, 90); } else { stroke(97, 97, 97, 190); fill(168, 168, 168, 90); } ellipse(this.x, this.y, this.size+this.sizetimer/9, this.size+this.sizetimer/9); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(this.size/4); text(this.text, this.x, this.y); noStroke(); }; var play = new Button(300, 250, 100, "Play ▶", "game"); var how = new Button(190, 330, 90, "How?", "how"); var story = new Button(300, 410, 90, "Story", "story"); var credit = new Button(410, 330, 90, "Credits", "credit"); var pause = new Button(555, 40, 50, " ▌▌", "pause"); var back = new Button(490, 40, 50, "Home", "home"); var resume = new Button(500, 500, 70, "Resume", "game"); var hback = new Button(100, 500, 70, "Menu", "home"); var menu = new Button(125, 550, 70, "Menu", "home"); //} //message function { var Message = function(text){ this.txt = text; this.op = 0; this.isshowing = false; this.fading = false; this.hasclicked = false; }; Message.prototype.display = function(){ fill(0, 0, 0, this.op); rect(width/2, height/2, width, height); fill(255, 255, 255, this.op); textSize(20); textAlign(CENTER, CENTER); text(this.txt, 0, 0, width, height); if(this.op < 255 && !this.hasclicked){ this.op += 2; player.canmove = false; } if(clicked){ this.hasclicked = true; this.fading = true; } if(this.fading && this.op > 0){ this.op -= 2; player.canmove = true; } else if(this.fading && this.op <= 0){ this.hasclicked = false; this.fading = false; this.op = 0; hasdisplayed = true; displaymessage = false; } }; var goback = new Message("You haven't collected all the seeds. Click to resume game."); //} //scenes { var Camera = function() { /if(player.y + offset >= height 1/2 && player.y + offset >= round(height11/24)){ offset -= speed; } else if(player.y+offset <= height 1/2 && player.y + offset <= round(height13/24)){ offset += speed; }/ //old code that sort of works that I got the below from: offset = round(height0.5-player.y); offset = constrain(offset, 0, level.length40 - height+20); }; var reset = function() { player.canmove = false; if(atrans < 255 && player.resettimer > 150){ atrans += 5; } if(player.resettimer < 50 && atrans > 0){ atrans -= 5; } if(atrans === 250){ for(var k = 0; k < blocks.length; k++){ blocks[k].hastouched = false; blocks[k].touched = false; blocks[k].opacity = 255; blocks[k].passed = false; blocks[k].haspassed = false; blocks[k].passedop = 0; } bubbles.splice(0, bubbles.length); for(var i = level.length-1; i >= 0; i--){ var each = level[i].split(""); for(var j = 0; j < each.length; j++){ if(each[j] === "y"){ bubbles.push(new Bubble(20+40j, 40i-40(level.length-height/40)+20, floor(random(1, 4)))); } } } player.reset(); } player.resettimer--; if(player.resettimer <= 0){ player.canmove = true; player.isdead = false; } fill(255, 255, 255, atrans); rect(width/2, height/2, width, height); textSize(18); textAlign(CENTER); fill(0, 0, 0, atrans/10); text(deathmessage, 301, 30); fill(214, 110, 13, atrans); text(deathmessage, 300, 27); textSize(30); for(var i = 0; i < txt.length; i++){ fill(0, 0, 0, atrans/10); text(txt[i], -100+i18+1, sin(frameCount5+i15)20+290, width, height); (fill)(lerpColor(color(148, 0, 0), color(196, 171, 32), i/txt.length), atrans); text(txt[i], -100+i18, sin(frameCount5+i15)20+290, width, height); } stroke(150, 15, 15, atrans); line(30, 350, 30+map(player.resettimer, 200, 0, 0, 540), 350); noStroke(); if(player.isdead === false){ isresurrecting = false; } }; var gamescene = function() { imageMode(CENTER); rectMode(CENTER); Camera(); imageMode(CORNER); for(var i = 0; i < bckdimgpos.length; i++){ if(bckdimgpos[i]+offset+600 > -20 \|\| bckdimgpos[i]+offset < height+20){ image(images[bckdimgs[i]], 0, bckdimgpos[i]+offset); } } pushMatrix(); translate(0, offset); imageMode(CENTER); if(realm === "dark"){ player.draw(); } for(var k = 0; k < blocks.length; k++){ if(blocks[k].y + offset > -20 && blocks[k].y < height+20){ blocks[k].draw(); if(blocks[k].type === "stone" \|\| blocks[k].type === "light" \|\| blocks[k].type === "dark" \|\| blocks[k].type === "vine"){ player.collideb("block", blocks[k]); } else if(blocks[k].type === "water"){ player.collideb("water", blocks[k]); } else if(blocks[k].type === "fading"){ player.collideb("fading", blocks[k]); } else if(blocks[k].type === "straw"){ player.collideb("straw", blocks[k]); } else if(blocks[k].type === "trap"){ player.collideb("trap", blocks[k]); } else if(blocks[k].type === "mimick"){ player.collideb("mimick", blocks[k]); } } } for(var l = bubbles.length - 1; l >= 0; l--){ if(offset > -1700 && offset < -1000){ if(bubbles[l].popped === false){ bubbles[l].draw(); player.collideb("bubble", bubbles[l]); } else { bubbles.splice(l, 1); } } } var numseed = 0; for(var m = seeds.length - 1; m >= 0; m--){ if(seeds[m].collected === true){ numseed++; } if(seeds[m].collected === false){ seeds[m].draw(seeds[m].x, seeds[m].y); player.collideb("seed", seeds[m]); } } num = numseed; realm = realms[num]; for(var n in signs){ if(dist(signs[n].x, signs[n].y, player.x, player.y) <= 600sqrt(2)){ signs[n].draw(); player.collideb("sign", signs[n]); pushMatrix(); translate(0, -offset); signs[n].display(); popMatrix(); } } for(var o in jewels){ if(dist(jewels[o].x, jewels[o].y, player.x, player.y) <=600sqrt(2)){ jewels[o].draw(); if(dist(player.x, player.y, jewels[o].x, jewels[o].y) < 100 && realm === "final"){ animating = true; } else if(dist(player.x, player.y, jewels[o].x, jewels[o].y) < 100 && hasdisplayed === false){ displaymessage = true; } else if(dist(player.x, player.y, jewels[o].x, jewels[o].y) > 100){ hasdisplayed = false; } } } if(realm !== "dark"){ player.draw(); } if(player.inwater){ if(breathopacity < 200){ breathopacity += 4; } else { breathopacity = 200; } } else { if(breathopacity > 0){ breathopacity -= 4; } else { breathopacity = 0; } } if(!paused){ player.update(); } popMatrix(); pause.draw(); back.draw(); if(mouseX > 575 && mouseX <= 600 && mouseY > 75 && mouseY < 150){ if(statslide < 100){ statslide += 2; statopacity += 4; } else { statslide = 100; statopacity = 200; } } else { if(statslide > 0){ statslide -= 2; statopacity -= 4; } else { statslide = 0; statopacity = 0; } } pushMatrix(); translate(600-statslide, 80); fill(0, 0, 0, map(statopacity+10, 10, 110, 80, 190)); rectMode(LEFT); rect(-20, 0, 20, 40); fill(255, 255, 255, 210); text("<", -10, 20); fill(0, 0, 0, statopacity); rect(0, 0, statslide, 100); rectMode(CENTER); fill(255, 255, 255, statopacity); text("Air: " + round(player.air), 50, 20); text("Flashes: " + player.flashes + "/8", 50, 40); text("Realm: " + realm, 50, 60); text("Collected: " + num, 50, 80); popMatrix(); pushMatrix(); translate(20, 0); rectMode(LEFT); fill(0, 0, 0, breathopacity); rect(530, 200, 45, 150); fill(135, 135, 135, breathopacity/3); rect(540, 225, 25, 100); fill(0, 166, 255, breathopacity1.2); rect(540, 225+(100-player.air), 25, player.air); fill(255, 255, 255, map(breathopacity, 0, 200, 0, 225)); text("Air:", 552.5, 214); popMatrix(); rectMode(CENTER); if(pressed === true){ player.isdead = true; deathmessage = "...deciding to restart. I wonder why, is the pressure too much?"; isresurrecting = true; } if(player.isdead){ isresurrecting = true; } if(isresurrecting){ reset(); } else if(!isresurrecting){ player.resettimer = 200; instantreset = false; } if(displaymessage){ goback.display(); } pressed = false; }; var homescene = function(){ imageMode(CENTER); image(images.menubk, 300, 300); fill(255, 255, 255); textAlign(CENTER); textSize(55); text("E l e m e n t a l", width/2, 150); fill(255, 255, 255, 30); textSize(55); for(var i = 0; i < 16; i++){ var x, y; if(i%4 === 0){ x = -2 - i/5; y = -1 - i/5; } else if(i%4 === 1){ x = -2 - i/5; y = 1 + i/5; } else if(i%4 === 3){ x = 2 + i/5; y = -1 - i/5; } else { x = 2 + i/5; y = 1 + i/5; } text("E l e m e n t a l", 300+x, 150+y); } fill(255, 255, 255); textSize(12); text("Reader Writer Penguin 2018", width/2, height-10); play.draw(); how.draw(); story.draw(); credit.draw(); }; var howscene = function(){ imageMode(CENTER); image(images.menubk, 300, 300); noStroke(); fill(255, 255, 255, 100); rect(width/15+(width13/15)/2, height/15+0.5(height13/15), width13/15, height13/15, 15); textAlign(CENTER, TOP); fill(255, 255, 255); textSize(40); text("How", width/2, 80); textSize(20); text("Use the arrow keys or WAD keys to move. There are six realms you must go through to complete your journey: earth, darkness, water, fire, air, and light, almost all of which have some distinguishing feature in gameplay. Collect seeds to mark that you have successfully finished a realm so that by chance if you die, you will not have to restart from the very beginning. Additional information on each realm will be provided for in the game, for what fun is it to tell you exactly what to do? \n\nGood luck on your journey. Remember that your world depends on you, and that if you fail the blight will overtake all, leaving nothing but hollowness in its path.", 50, 150, width13/15-15, height); hback.draw(); }; var storyscene = function(){ imageMode(CENTER); image(images.menubk, 300, 300); noStroke(); fill(255, 255, 255, 100); rect(width/15+(width13/15)/2, height/15+0.5(height13/15), width13/15, height13/15, 15); textAlign(CENTER, TOP); textSize(40); fill(255, 255, 255); text("Story", width/2, 65); textSize(15); text("The blight, a colorless plague that infects anything and anyone in its way, has been ravaging the land, leeching color out of the world and plucking hope and happiness from the minds and hearts of your people. You think you can outlast this newest danger and continue about your normal life...until news comes of the neighboring city being overtaken. The blight has cornered the capital in its claws, and you are trapped inside with no way out. Day by day, conditions worsen. Food runs short. Water becomes muddy sludge. Children cry and the chapel bells, usually so bright and cheery, have fallen eerily silent. Desperate to find a solution, you immerse yourself in the ancient tomes of the library, rifling through pages and pages of documentations and notes in hopes of stumbling upon some magic spell to wake the land from its nightmare. At last, there comes a small sketch, a page in a leather-bound journal.\nFollow the elements, it says. Gather all six seeds, return them to their rightful places, and cleanse this land of the wrongness that has haunted it for so long.\nYou sit back in shock. The six seeds, long lost to humankind, were rumored to be hidden deep in the heart of the city, protected by layers and layers of trials and magic. Would you be able to pass them all?\nWell, you think bitterly, closing the book. This would be the perfect time to find out.", 50, 120, width13/15-15, height); hback.draw(); }; var creditscene = function(){ imageMode(CENTER); image(images.menubk, 300, 300); noStroke(); fill(255, 255, 255, 100); rect(width/15+(width13/15)/2, height/15+0.5(height13/15), width13/15, height13/15, 15); textAlign(CENTER, TOP); fill(255, 255, 255); textSize(40); text("Credits", width/2, 80); textSize(20); text("Huge credit to Talha Muhib and Lin Gh. for having very clean, understandable, and commented code that contributed various details in making this game, including rechecking collisions, preventing double jumping, player movement with velocity, and adding particles to the blocks or player. \nLin Gh. and OOPS! Studios for the image loading function. \nThank you to my friends for testing the game and giving me tips.\nI will be forever grateful to said friends for moral support and for putting up with my stream of screenshots.\nAnd you, of course. Thank you for playing this game.", 50, 150, width13/15-15, height); hback.draw(); }; var pausescene = function(){ imageMode(CENTER); image(images.menubk, 300, 300); noStroke(); fill(255, 255, 255, 100); rect(width/15+(width13/15)/2, height/15+0.5(height13/15), width13/15, height*13/15, 15); textAlign(CENTER, TOP); textSize(50); fill(255, 255, 255); text("Paused", width/2, height/2-50); textSize(20); text("Why did you pause? Your world is depending on you.", width/2, height/2+50); hback.draw(); resume.draw(); }; var winscene = function(){ imageMode(CENTER); image(images.winbk, 300, 300); menu.draw(); }; var animation = function(){ pushMatrix(); translate(0, offset); for(var o in jewels){ if(scene === "game"){ pushMatrix(); translate(jewels[o].x+7, jewels[o].y-40); for(var i = 0; i < 360; i += 360/6){ pushMatrix(); rotate(i); noStroke(); fill(col[i/60][0]); for(var j = 0; j < constrain(animationtimer/4, 0, 50); j++){ ellipse(45, 0, j, j); } stroke(255, 255, 255, 40); strokeWeight(1); line(45, 0, 45-map(constrain(animationtimer-60, 60, 150), 60, 150, 0, 45), 0); strokeWeight(5); stroke(255, 255, 255, 10); line(45, 0, 45-map(constrain(animationtimer-60, 60, 150), 60, 150, 0, 45), 0); popMatrix(); } noStroke(); fill(255, 255, 255, 255/20); for(var i = 0; i < constrain(animationglow-60, 0, 200); i += constrain(animationglow-60, 0, 200)/20){ ellipse(0, 0, i, i); } popMatrix(); } if(animationtimer > 180){ animationglow++; } if(animationtimer > 340 && animationtimer < 460){ animationopacity += 2; } else if(animationtimer === 460){ scene = "win"; } else if(animationtimer > 460 && animationopacity > 0){ animationopacity -= 2; } else if(animationopacity < 0){ animationglow = 200; animationtimer = 0; animating = false; animationopacity = 0; } animationtimer++; } popMatrix(); }; var transition = function(){ if(timer < 70){ opacity += 10; } else { opacity -= 10; } if(timer > 135){ istransiting = false; } timer++; rectMode(LEFT); for(var i = 0; i < width; i+=width/8){ if(timer < 70){ fill(255, 255, 255, opacity+i/6); rect(i, height-map(timer-i/12, 0, 15, 0, height), width/8, map(timer-i/12, 0, 15, 0, height)); } else{ fill(255, 255, 255, opacity-i/6); rect(i, height-map(timer-i/12, 70, 85, height, 0), width/8, map(timer-i/12, 70, 85, height, 0)); } } rectMode(CENTER); }; //} //some event handling { keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { if(keys[82]){ pressed = true; } keys[keyCode] = false; }; mouseClicked = function() { clicked = true; }; //} draw = function() { cursor(ARROW); if(!loaded){ imgload(); } else { background(110, 110, 110); this[scene+"scene"](); } if(animating){ animation(); rectMode(CENTER); fill(255, 255, 255, animationopacity); rect(width/2, height/2, width, height); } if(istransiting){ transition(); } else if(!istransiting){ timer = 0; opacity = 0; } if(scene !== "game"){ paused = true; } else { paused = false; } clicked = false; }; //}
Folds	9,2704
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLKc2L3qCgw
Votes	209
Spin-Offs	7
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Reader Writer Penguin
Author Name	WriterPenguin1127
Author ID	kaid_660115468292459786165770
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739453482791
Updated	10 months ago, 1739453487971
Source Deleted	unknown