Viewing Program

Program Data

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

Title	Homeward [CoC]
ID	5124843918901248
Created	3 years ago, 1646022591425
Updated	2 years ago, 1677475314905
Code	// If the loading fails, please hit Restart and forget that it failed // Change currentLevel then hit Restart to skip levels var currentLevel = 0; /* Homeward is a 3D puzzler where players reconstruct a 3D figure that satisfies the numbers on the wall. Each number tells how many cubes should be on the row in front. Complete each chapter to recover the story. The credits part is exaggerated, though the secret is real. Collaborators: - Frostbite - Mr. CSS - Logix Indie - BrenErso - 21262 - CoraL External credits: - Game idea from ".projekt" by Kyrylo Kuzyk - Background idea from "Tribute to NoName" by Ibraheem Ahmed (IA) / // ---------chapter pictures------------ var STORY_BITS = [ "The Straphanger bus was always late... but then again, that's one of the things you could always count on in this town. That and the rain...", "On the bus, Devon sighed, seeing the chalk on the concrete. He doubled as a bus driver and the janitor of the city... and the mayor did not like it when people drew on the public streets. But perhaps he could just leave it alone... just this once...", "Sitting on the bench, was a mysterious man... he was always there; watching life go by. At 10am each day, until 10pm at night, watching life go by. He was always there, through rain and snow... watching life go by...", "Snow, snow, snow! It was finally snowing! All this sleepy, lazy, no-good town ever did was rain! Now it was actually snowing! A surprise, something unexpected was coming at last!!!", "The new city was under construction; this was the only part done. Assuming that it all worked out, we would have a new world upon us. But if it didn't... we were doomed.", ]; var grph1 = function() { noStroke(); // street pushMatrix(); translate(0, 327); stroke(46, 46, 46, 100); strokeWeight(2); fill(31, 31, 31, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height/86, i, height - noise(i 0.010) * 405); } popMatrix(); // road lines fill(97, 76, 42, 150); for(var i = 0; i < 600; i += 106) { quad(i + 10, 350, i + 45, 350, i + 35, 360, i, 360); } // grass pushMatrix(); translate(0, -671); stroke(39, 66, 39, 100); strokeWeight(2); fill(18, 48, 22, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } translate(0, 832); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } popMatrix(); // rise of sidewalker fill(82, 82, 82); rect(300, 249, 600, 15); // sidewalk fill(125, 125, 125); stroke(99); for(var i = 0; i < 600; i += 189) { rect(i, 191, 191, 100); } for(var i = 0; i < 600; i += 189) { rect(i, 506, 191, 100); } fill(0); noStroke(); rect(100, 249, 98, 15, 10, 10, 0, 0); pushMatrix(); scale(1.4, 1.0); translate(-133, -3); // bench shadow noStroke(); fill(28, 28, 28, 100); rect(248, 123, 188, 47, 10, 10, 50, 50); // bench fill(61, 45, 28); stroke(51, 38, 22); // legs quad(279, 140, 297, 140, 294, 99, 283, 99); quad(189, 140, 207, 140, 204, 99, 193, 99); // supports quad(283, 65, 290, 65, 292, 99, 285, 99); quad(198, 65, 207, 65, 201, 99, 193, 99); // back supports quad(283, 65, 290, 65, 288, 45, 281, 45); quad(198, 65, 207, 65, 211, 45, 204, 45); fill(74, 54, 30); for(var i = 99; i > 47; i -= 10) { quad(173, i, 333, i, 331, i - 6, 176, i - 6); } noStroke(); fill(28, 28, 28, 100); rect(253, 74, 157, 3, 10, 10, 50, 50); popMatrix(); // street light fill(13, 13, 13); stroke(10, 10, 10); rect(434, 103, 11, 11, -10, -10, 0, 0); rect(434, 36, 10, 124); quad(417, 98, 451, 99, 455, 141, 411, 141); strokeWeight(6); line(425, 136, 425, 103); line(445, 136, 445, 103); line(435, 136, 435, 103); noStroke(); fill(212, 197, 136, 50); ellipse(439, 211, 139, 63); quad(405, 0, 463, 0, 510, 211, 368, 211); // rain fill(53, 64, 92, 100); pushMatrix(); rotate(-20); translate(-101, 48); for(var i = 0; i < 1000; i++) { ellipse(random(-95, 600), random(0, 691), 2, random(3, 28)); } popMatrix(); }; var grph2 = function() { noStroke(); // street pushMatrix(); translate(0, 327); stroke(46, 46, 46, 100); strokeWeight(2); fill(31, 31, 31, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height/86, i, height - noise(i * 0.010) * 405); } popMatrix(); strokeWeight(2); // road lines fill(122, 85, 24); for(var i = 0; i < 600; i += 106) { quad(i + 10, 350, i + 45, 350, i + 35, 360, i, 360); } // grass pushMatrix(); translate(0, -671); stroke(10, 110, 10, 100); strokeWeight(2); fill(0, 64, 9, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } translate(0, 832); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } popMatrix(); // rise of sidewalker fill(82, 82, 82); rect(300, 249, 600, 15); // sidewalk fill(125, 125, 125); stroke(99); for(var i = 0; i < 600; i += 189) { rect(i, 191, 191, 100); } for(var i = 0; i < 600; i += 189) { rect(i, 506, 191, 100); } fill(0); noStroke(); rect(100, 249, 98, 15, 10, 10, 0, 0); pushMatrix(); scale(1.4, 1.0); translate(-133, -3); // bench shadow noStroke(); fill(28, 28, 28, 100); rect(248, 123, 188, 47, 10, 10, 50, 50); // bench fill(89, 58, 32); stroke(51, 38, 22); strokeWeight(1); // legs quad(279, 140, 297, 140, 294, 99, 283, 99); quad(189, 140, 207, 140, 204, 99, 193, 99); // supports quad(283, 65, 290, 65, 292, 99, 285, 99); quad(198, 65, 207, 65, 201, 99, 193, 99); // back supports quad(283, 65, 290, 65, 288, 45, 281, 45); quad(198, 65, 207, 65, 211, 45, 204, 45); fill(107, 68, 39); for(var i = 99; i > 47; i -= 10) { quad(173, i, 333, i, 331, i - 6, 176, i - 6); } noStroke(); fill(28, 28, 28, 100); rect(253, 74, 157, 3, 10, 10, 50, 50); popMatrix(); // street light fill(13, 13, 13); stroke(10, 10, 10); strokeWeight(1); rect(434, 103, 11, 11, -10, -10, 0, 0); rect(434, 36, 10, 124); quad(417, 98, 451, 99, 455, 141, 411, 141); strokeWeight(6); line(425, 136, 425, 103); line(445, 136, 445, 103); line(435, 136, 435, 103); // sidewalk art fill(207, 80, 190); noStroke(); pushMatrix(); rotate(35); for(var i = 0; i < 59; i++) { fill(255, 89, 233, random(10, 255)); arc(random(159, 165), random(115, 161), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(37, 142, 194, random(10, 255)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(39, 194, 47, random(10, 255)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(255, 0, 0, random(10, 205)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(166, 39, 194, random(0, 255)); arc(random(159, 165), random(109, 142), 10, 10, 3, 100); } rotate(-51); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(207, 76, 20, random(10, 255)); arc(random(159, 165), random(118, 143), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(0, 212, 155, random(10, 255)); arc(random(159, 165), random(111, 145), 10, 10, 3, 100); } for(var i = 0; i < 141; i++) { fill(255, 208, 0, random(10, 255)); ellipse(random(150, 170), random(82, 111), 5, 5); } popMatrix(); // bus? noStroke(); fill(140, 0, 0); rect(5, 374, 35, 93, 5); rect(0, 224, 10, 10, 5); noFill(); stroke(0); strokeWeight(3); arc(9, 306, 5, 41, 0, 360); arc(13, 328, 10, 37, -101, 0); line(9, 306, 10, 306); noStroke(); fill(184, 122, 71); ellipse(9, 306, 8, 8); ellipse(4, 294, 8, 8); fill(0, 28, 87); rect(0, 306, 12, 8, 1); fill(82, 109, 130, 100); triangle(0, 329, 0, 226, 23, 329); fill(0); textSize(25); text("STRAPHANGER BUS", -177, 373); ellipse(-15, 423, 58, 58); fill(100); ellipse(-15, 423, 33, 33); popMatrix(); }; var grph3 = function() { noStroke(); // street pushMatrix(); translate(0, 327); stroke(46, 46, 46, 100); strokeWeight(2); fill(31, 31, 31, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height/86, i, height - noise(i * 0.010) * 405); } popMatrix(); strokeWeight(1); // road lines fill(122, 85, 24); for(var i = 0; i < 600; i += 106) { quad(i + 10, 350, i + 45, 350, i + 35, 360, i, 360); } // grass pushMatrix(); translate(0, -671); stroke(49, 110, 11, 100); strokeWeight(2); fill(48, 64, 0, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } translate(0, 832); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } popMatrix(); // rise of sidewalker fill(82, 82, 82); rect(300, 249, 600, 15); // sidewalk fill(125, 125, 125); stroke(99); for(var i = 0; i < 600; i += 189) { rect(i, 191, 191, 100); } for(var i = 0; i < 600; i += 189) { rect(i, 506, 191, 100); } fill(0); noStroke(); rect(100, 249, 98, 15, 10, 10, 0, 0); pushMatrix(); scale(1.4, 1.0); translate(-133, -3); // bench shadow noStroke(); fill(28, 28, 28, 100); rect(248, 123, 188, 47, 10, 10, 50, 50); // bench fill(89, 58, 32); stroke(51, 38, 22); strokeWeight(1); // legs quad(279, 140, 297, 140, 294, 99, 283, 99); quad(189, 140, 207, 140, 204, 99, 193, 99); // supports quad(283, 65, 290, 65, 292, 99, 285, 99); quad(198, 65, 207, 65, 201, 99, 193, 99); // back supports quad(283, 65, 290, 65, 288, 45, 281, 45); quad(198, 65, 207, 65, 211, 45, 204, 45); fill(107, 68, 39); for(var i = 99; i > 47; i -= 10) { quad(173, i, 333, i, 331, i - 6, 176, i - 6); } noStroke(); fill(28, 28, 28, 100); rect(253, 74, 157, 3, 10, 10, 50, 50); popMatrix(); // street light fill(13, 13, 13); stroke(10, 10, 10); strokeWeight(1); rect(434, 103, 11, 11, -10, -10, 0, 0); rect(434, 36, 10, 124); quad(417, 98, 451, 99, 455, 141, 411, 141); strokeWeight(6); line(425, 136, 425, 103); line(445, 136, 445, 103); line(435, 136, 435, 103); // sidewalk art fill(207, 80, 190); noStroke(); pushMatrix(); rotate(35); for(var i = 0; i < 59; i++) { fill(255, 89, 233, random(10, 25)); arc(random(159, 165), random(115, 161), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(37, 142, 194, random(10, 25)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(39, 194, 47, random(10, 25)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(255, 0, 0, random(10, 25)); arc(random(159, 165), random(109, 155), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(166, 39, 194, random(0, 25)); arc(random(159, 165), random(109, 142), 10, 10, 3, 100); } rotate(-51); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(207, 76, 20, random(10, 25)); arc(random(159, 165), random(118, 143), 10, 10, 3, 100); } rotate(-47); translate(-129, 89); for(var i = 0; i < 59; i++) { fill(0, 212, 155, random(10, 25)); arc(random(159, 165), random(111, 145), 10, 10, 3, 100); } for(var i = 0; i < 141; i++) { fill(255, 208, 0, random(10, 20)); ellipse(random(150, 170), random(82, 111), 5, 5); } popMatrix(); pushMatrix(); scale(1.2); translate(0, -17); // dude on the bench fill(46, 90, 148); // legs beginShape(); vertex(94, 76); vertex(124, 76); vertex(124, 109); vertex(120, 137); vertex(111, 137); vertex(115, 109); vertex(110, 82); vertex(104, 109); vertex(106, 137); vertex(95, 137); vertex(92, 105); endShape(); // body fill(176, 86, 41); beginShape(); vertex(92, 84); bezierVertex(94, 37, 82, 45, 92, 37); vertex(92, 37); vertex(95, 37); bezierVertex(110, 6, 109, 14, 121, 37); vertex(126, 37); bezierVertex(131, 37, 119, 45, 126, 76); vertex(126, 85); endShape(); // hands pushMatrix(); rotate(30); fill(184, 111, 66); ellipse(123, 16, 10, 8); rotate(-60); ellipse(64, 124, 10, 8); popMatrix(); fill(176, 86, 41); // arms beginShape(); vertex(82, 42); vertex(94, 37); vertex(88, 58); vertex(97, 74); vertex(95, 78); vertex(78, 57); endShape(); beginShape(); vertex(125, 37); vertex(136, 42); vertex(137, 56); vertex(119, 81); vertex(118, 71); vertex(128, 58); endShape(); fill(0, 0, 0); beginShape(); vertex(97, 37); bezierVertex(110, 6, 109, 39, 119, 37); endShape(); // shoes (they look like socks. Ergh) fill(0, 0, 0); quad(95, 135, 89, 141, 99, 143, 105, 135); ellipse(95, 141, 11, 8); quad(120, 137, 126, 148, 116, 146, 112, 135); ellipse(121, 146, 9, 8); // pockets stroke(150, 65, 22); strokeWeight(2); noFill(); arc(109, 39, 23, 5, 0, 180); arc(115, 76, 3, 8, 90, 270); arc(101, 76, 3, 8, 270, 450); // hoodie strings stroke(222, 207, 180); arc(112, 46, 1, 10, 90, 270); arc(104, 47, 1, 12, 270, 450); ellipse(112, 50, 1, 1); ellipse(104, 52, 1, 1); // shoe laces strokeWeight(1); stroke(43, 43, 43); line(99, 140, 98, 137); line(92, 140, 101, 137); line(99, 140, 91, 140); pushMatrix(); rotate(-48); translate(-124, 45); line(99, 140, 98, 137); line(96, 140, 101, 137); line(99, 140, 94, 140); popMatrix(); popMatrix(); // rain noStroke(); fill(53, 64, 92, 100); pushMatrix(); rotate(-20); translate(-101, 48); for(var i = 0; i < 200; i++) { ellipse(random(-95, 600), random(0, 691), 2, random(3, 20)); } popMatrix(); }; var grph4 = function() { noStroke(); // street pushMatrix(); translate(0, 327); stroke(23, 23, 23, 100); strokeWeight(2); fill(31, 31, 31, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height/86, i, height - noise(i * 0.010) * 405); } popMatrix(); // road lines fill(97, 76, 42, 150); for(var i = 0; i < 600; i += 106) { quad(i + 10, 350, i + 45, 350, i + 35, 360, i, 360); } // grass pushMatrix(); translate(0, -671); stroke(255, 255, 255, 100); strokeWeight(2); fill(133, 158, 158, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } translate(0, 832); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, height, i, height - noise(i * 0.010) * 146); } popMatrix(); strokeWeight(1); stroke(48, 48, 48); // rise of sidewalker fill(61, 61, 61); rect(300, 249, 600, 15); // sidewalk fill(94, 94, 94); for(var i = 0; i < 600; i += 189) { rect(i, 191, 191, 100); } for(var i = 0; i < 600; i += 189) { rect(i, 506, 191, 100); } fill(0); noStroke(); rect(100, 249, 98, 15, 10, 10, 0, 0); pushMatrix(); scale(1.4, 1.0); translate(-133, -3); // bench shadow noStroke(); fill(28, 28, 28, 100); rect(248, 123, 188, 47, 10, 10, 50, 50); // bench fill(89, 58, 32); stroke(51, 38, 22); strokeWeight(1); // legs quad(279, 140, 297, 140, 294, 99, 283, 99); quad(189, 140, 207, 140, 204, 99, 193, 99); // back supports quad(283, 65, 290, 65, 288, 45, 281, 45); quad(198, 65, 207, 65, 211, 45, 204, 45); fill(255); // supports quad(283, 65, 290, 65, 292, 99, 285, 99); quad(198, 65, 207, 65, 201, 99, 193, 99); fill(107, 68, 39); for(var i = 99; i > 47; i -= 10) { quad(173, i, 333, i, 331, i - 6, 176, i - 6); } fill(255); noStroke(); rect(253, 41, 157, 5, 5, 5, 1, 1); for(var i = 99; i > 70; i -= 10) { quad(172, i + 1, 334, i + 1, 332, i - 7, 175, i - 7); } popMatrix(); // street light fill(13, 13, 13); stroke(10, 10, 10); rect(434, 103, 11, 11, -10, -10, 0, 0); rect(434, 36, 10, 124); quad(417, 98, 451, 99, 455, 141, 411, 141); strokeWeight(6); line(425, 136, 425, 103); line(445, 136, 445, 103); line(435, 136, 435, 103); noStroke(); fill(237, 227, 187, 50); ellipse(439, 211, 139, 63); quad(405, 0, 463, 0, 510, 211, 368, 211); // snow fill(255, 255, 255, 200); for(var i = 0; i < 189; i++) { //ellipse(random(0, 600), random(253, 444), random(64, 71), random(10, 18)); } fill(255, 255, 255); for(var i = 0; i < 1000; i++) { ellipse(random(0, 600), random(0, 600), random(3, 5), random(3, 5)); } }; var grph5 = function() { background(224, 224, 224); noStroke(); // street pushMatrix(); translate(0, 327); stroke(23, 23, 23, 100); strokeWeight(2); fill(31, 31, 31, 100); for(var i = 0; i < width + 600; i += 1.1) { ellipse(i, (height/254)-50, i, height - noise(i * 0.010) * 405); } popMatrix(); //Buildings fill(232, 232, 232); for(var i = 0; i < 60; i += 1) { rect(i189-80, 60, 30, 130); rect(i189+80, 60, 30, 130); for(var a = 0; a < 3; a ++){ fill(173, 173, 173); rect(i189, 90-a30, 149, 15); fill(232, 232, 232); rect(i189, 75-a30, 149, 15); } rect(i189-80, 79, 20, 130); rect(i189+80, 79, 20, 130); rect(i189-80, 79, 30, 30,5); rect(i189+80, 79, 30, 30,5); rect(i189-80, 79, 20, 20,5); rect(i189+80, 79, 20, 20,5); } // road lines fill(255, 200, 0, 250); for(var i = 0; i < 600; i += 106) { quad(i + 10, 350, i + 45, 350, i + 35, 360, i, 360); } strokeWeight(1); stroke(48, 48, 48); // rise of sidewalker fill(128, 128, 128); rect(300, 249, 600, 15); // sidewalk fill(189, 189, 189); for(var i = 0; i < 600; i += 189) { rect(i, 191, 191, 100); rect(i+95, 116, 50, 50); } for(var i = 0; i < 600; i += 189) { rect(i, 506, 191, 100); } fill(0, 130, 0); for(var i = 0; i < 600; i += 189) { rect(i, 116, 140, 50); } fill(0); noStroke(); rect(100, 249, 98, 15, 10, 10, 0, 0); // street light pushMatrix(); translate(42,0); fill(13, 13, 13); stroke(10, 10, 10); rect(434, 103, 11, 11, -10, -10, 0, 0); rect(434, 36, 10, 124); quad(417, 98, 451, 99, 455, 141, 411, 141); strokeWeight(6); line(425, 136, 425, 103); line(445, 136, 445, 103); line(435, 136, 435, 103); noStroke(); fill(237, 227, 187, 50); ellipse(439, 211, 139, 63); quad(405, 0, 463, 0, 510, 211, 368, 211); popMatrix(); }; // ----------declare variables---------- // scenes var IntroScene, PlayScene, ChapterScene, CreditScene, LoadScene, SecretScene; // others var sceneControl, checkAllowInput, GamePlayButton, resetHelpMode; var loadLevel; // 5 chapters, 30 levels, 6 levels per chapter var LEVELS = [ // chap1 [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [1,1,0,0,0], [0,0,0,0,0], [0,0,0,1,1], [0,0,0,0,0] ] ], [ [ [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [1,0,0,0,0], [1,0,1,0,1], [0,0,0,0,1], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,1,0,1], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,1,1,1], [0,0,1,1,0], [0,0,1,0,0], [0,1,1,0,0], [1,1,1,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,1,0], [0,0,0,1,0], [0,1,1,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,1,0,0], [0,0,0,0,0], [0,0,1,1,0], [0,0,0,0,0] ] ], // chap2 [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,1,1,0], [0,1,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,0,1,0], [0,1,1,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,1,1,1,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [1,1,1,1,1], [1,0,0,0,0], [1,0,1,1,1], [1,0,0,0,1], [1,1,1,1,1] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,1,0], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,1,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,1], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,1,0], [0,0,0,1,0], [0,0,0,0,0], [0,1,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [1,0,0,0,1], [0,0,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,1,0,0,0] ], [ [0,0,0,1,0], [0,0,0,1,0], [0,0,0,0,0], [0,1,0,0,0], [0,1,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,1], [0,0,0,0,0], [1,1,1,0,1], [0,0,1,0,0], [0,0,1,0,0] ], [ [0,0,0,0,1], [0,0,0,0,0], [1,0,1,0,1], [0,0,0,0,0], [0,0,1,0,0] ], [ [0,0,1,1,1], [0,0,1,0,1], [1,0,1,0,1], [0,0,0,0,0], [0,0,1,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], // chap3 [ [ [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0] ] ], [ [ [0,0,0,0,1], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [0,0,0,0,1] ], [ [1,0,0,0,0], [0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1], [1,0,0,0,0] ], [ [1,0,0,0,0], [0,0,0,0,1], [1,0,0,0,0], [0,0,0,0,1], [1,0,0,0,0] ], [ [1,0,0,0,0], [0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1], [1,0,0,0,0] ], [ [0,0,0,0,1], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [0,0,0,0,1] ] ], [ [ [0,0,0,0,0], [0,1,1,1,0], [0,1,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,1,0], [0,1,0,1,0], [0,1,1,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,1,1,0], [0,0,0,1,0], [0,0,0,1,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,1], [0,0,0,0,0] ], [ [0,0,0,0,0], [1,0,0,0,0], [0,1,1,0,0], [0,1,0,1,1], [0,0,0,0,0] ], [ [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,1], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,1,1], [0,0,0,0,0], [1,1,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,1,1,0,0], [0,0,0,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0], [0,1,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,1,0], [0,0,1,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,1,0,1,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,1,0,1,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [1,0,0,0,1], [0,0,0,0,0], [0,1,1,0,0] ], [ [0,0,0,1,1], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [1,1,0,0,0] ], [ [1,0,0,1,0], [0,0,0,0,0], [0,1,1,0,0], [0,0,0,0,0], [0,0,0,0,1] ], [ [1,1,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,1,1,1] ] ], // chap4 [ [ [0,0,1,1,1], [0,0,1,0,1], [1,1,1,0,1], [0,0,0,0,1], [1,1,1,1,1] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,1], [1,1,1,1,1] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,1,0,1,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,1,0,0], [0,1,0,1,0], [1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,1,0,1,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,1,0], [0,0,0,1,0], [0,1,1,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,1,0], [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [1,0,0,0,0], [1,1,0,1,0], [0,0,0,1,0], [0,1,1,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,1,1,0], [0,0,0,1,0], [0,0,0,1,0], [0,0,0,0,0] ] ], [ [ [1,0,0,0,1], [1,0,0,0,1], [1,1,0,0,0], [0,0,0,0,1], [0,0,1,1,1] ], [ [0,0,0,0,1], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,1], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0] ], [ [0,0,1,1,1], [0,0,0,0,1], [0,0,0,0,1], [1,0,0,0,0], [1,1,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,1], [0,0,0,0,1], [1,0,0,0,1], [1,0,1,0,0], [1,0,0,0,0] ], [ [0,1,1,0,1], [0,0,1,0,0], [0,0,0,0,0], [0,0,1,1,0], [1,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0] ] ], [ [ [0,0,1,0,0], [0,1,0,0,0], [1,0,0,0,1], [0,0,0,1,0], [0,0,1,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,1,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [1,0,0,0,1], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1] ], [ [0,0,0,1,0], [1,0,0,0,0], [0,0,0,0,0], [0,0,0,0,1], [0,1,0,0,0] ] ], // chap5 [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,1,0,0,0], [0,1,0,0,0], [0,1,1,1,0], [0,1,0,0,0], [0,1,0,0,0] ], [ [0,1,0,0,0], [0,0,0,0,0], [0,1,0,1,0], [0,0,0,0,0], [0,1,0,0,0] ], [ [1,1,0,0,0], [0,0,0,0,0], [1,1,0,1,1], [0,0,0,0,0], [1,1,0,0,0] ], [ [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1], [0,0,0,0,0], [1,0,0,0,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,1,0,0,0], [0,0,1,1,0], [0,0,1,0,0], [0,0,0,0,0] ], [ [1,1,0,0,0], [1,1,1,0,0], [0,1,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,1,0,0], [0,1,1,0,0], [0,0,0,1,0], [0,0,0,0,0] ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,1,0], [0,0,1,1,0], [0,0,0,0,0] ] ], [ [ [0,0,1,0,1], [0,0,1,0,1], [0,0,1,0,1], [0,0,1,0,1], [1,1,1,0,1] ], [ [0,0,1,0,1], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1] ], [ [0,0,1,0,1], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1] ], [ [0,0,0,0,1], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,1] ], [ [0,0,0,0,1], [0,0,0,0,1], [1,1,1,1,1], [0,0,0,0,0], [1,1,1,1,1] ] ], [ [ [1,1,0,1,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,1,0,0] ], [ [0,0,1,1,0], [0,0,0,1,0], [0,0,0,0,0], [0,1,0,0,0], [0,0,0,0,0] ], [ [0,0,0,1,0], [0,0,0,0,0], [0,0,1,1,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [1,0,0,1,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0] ], [ [1,1,0,1,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [1,0,0,1,0] ] ], [ [ [0,0,0,0,0], [0,0,0,0,0], [0,0,1,1,1], [0,0,1,0,0], [0,0,1,1,1] ], [ [1,1,1,1,1], [1,0,0,0,0], [1,0,0,0,1], [0,0,0,0,0], [0,0,0,0,1] ], [ [0,0,0,0,1], [0,0,0,0,1], [1,0,1,0,1], [0,0,1,0,0], [0,0,1,1,1] ], [ [1,1,1,0,0], [1,0,0,0,0], [1,0,1,0,0], [0,0,0,0,0], [0,0,0,0,0] ], [ [0,0,1,1,1], [0,0,0,0,1], [0,0,1,1,1], [0,0,0,0,0], [0,0,0,0,0] ] ], [ [ [0,0,0,0,1], [0,0,0,1,0], [0,0,0,0,0], [1,0,0,1,1], [1,1,0,0,0] ], [ [0,1,0,0,0], [0,1,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [1,1,0,1,1] ], [ [0,1,0,0,1], [0,1,0,1,0], [0,0,0,0,0], [0,0,0,1,1], [1,0,0,0,0] ], [ [1,0,0,0,0], [1,0,0,0,0], [0,0,0,0,0], [1,0,0,0,0], [0,1,0,1,1] ], [ [1,0,0,0,1], [1,0,0,1,0], [0,0,0,0,0], [1,0,0,1,1], [1,1,0,0,0] ] ] ]; var INTRO_IMAGES = [ [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0111111111110000000000000", "0000000000000000000000000", "0100010111110111110111110", "0100010100010101010100000", "0111110100010101010111000", "0100010100010100010100000", "0100010111110100010111110", "0000000000000000000000000", "0100010111110111110111100", "0100010100010100010100010", "0101010111110111100100010", "0101010100010100010100010", "0111110100010100010111100", "0000000000000000000000000", "0000000000000111111111110", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // title [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000111000000111000000", "0000000100000000001000000", "0000000101111010101000000", "0000000001001010100000000", "0000000001110011100000000", "0000000001001001000000000", "0000000101111001001000000", "0000000100000000001000000", "0000000111000000111000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // by [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0011111011110111101000100", "0010001010010100001100100", "0011110011100111001010100", "0010001010010100001001100", "0011111010010111101000100", "0000000000000000000000000", "0000000000000000000000000", "0001111011110111101111000", "0001000010010100001001000", "0001110011100111101001000", "0001000010010000101001000", "0001111010010111101111000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // BrenErso [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0011110101111011110111100", "0000010100001010000000100", "0011110101111011110111100", "0010000101000010010100000", "0011110101111011110111100", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // 21262 [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0111101111011110111101110", "0100001001010010100000100", "0111001110010010111100100", "0100001001010010000100100", "0100001001011110111100100", "0000000000000000000000000", "0000000000000000000000000", "0000011110101110111100000", "0000010010100100100000000", "0000011100100100111000000", "0000010010100100100000000", "0000011110100100111100000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // Frostbite [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0011111011110000000000000", "0010101010010000000000000", "0010101011100000000000000", "0010001010010000000000000", "0010001010010100000000000", "0000000000000000000000000", "0000000001111011110111100", "0000000001000010000100000", "0000000001000011110111100", "0000000001000000010000100", "0000000001111011110111100", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // Mr.CSS [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0111101110111101111010000", "0100001010100101001010000", "0100001010111001111010000", "0100001010100101001010000", "0111101110100101001011110", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // CoraL [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0010000111101111010100100", "0010000100101000010100100", "0010000100101011010011000", "0010000100101001010100100", "0011110111101111010100100", "0000000000000000000000000", "0000000000000000000000000", "0001010001011100101111000", "0001011001010010101000000", "0001010101010010101110000", "0001010011010010101000000", "0001010001011100101111000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ], // Logix Indie // empty [ "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000", "0000000000000000000000000" ] ]; // configs var SCENE_SWITCHING_SPEED = 5; var INTRO_CELL_SIZE = 600/25; var INTRO_PIXEL_MOVE_SPEED = 0.02; var PIXEL_IDLE_TIME = 120; var WHITE_COLOR = color(250); var MAIN_FONT = createFont("Century Gothic Bold", 16); // theme item { BACKGROUND, TOP, LEFT, RIGHT } var COLOR_THEMES = [ { BACKGROUND: color(1, 28, 26), TOP: color(24, 201, 201), LEFT: color(111, 212, 202), RIGHT: color(0, 65, 65) }, { BACKGROUND: color(26, 0, 0), TOP: color(252, 41, 41), LEFT: color(252, 119, 119), RIGHT: color(82, 3, 3) }, { BACKGROUND: color(0, 18, 1), TOP: color(64, 222, 36), LEFT: color(114, 222, 102), RIGHT: color(12, 82, 0) }, { BACKGROUND: color(18, 8, 0), TOP: color(232, 127, 23), LEFT: color(222, 147, 100), RIGHT: color(65, 40, 0) }, { BACKGROUND: color(18, 0, 17), TOP: color(232, 23, 222), LEFT: color(219, 94, 215), RIGHT: color(79, 2, 66) } ]; function setTheme(themeIndex){ sceneControl.theme = COLOR_THEMES[themeIndex]; sceneControl.bgImage = LoadScene.bgImages[themeIndex]; } // loads 5 images, set theme and make bg image, go to IntroScene LoadScene = { createdPictures: [], // images drawPictures: [ grph1, grph2, grph3, grph4, grph5 ], bgImages: [], draw: function(){ // make pictures if (this.createdPictures.length < this.drawPictures.length){ background(0); this.drawPictures[this.createdPictures.length](); this.createdPictures.push(get(0,0,width,height)); } // make background images else if(this.bgImages.length < COLOR_THEMES.length) { setTheme(this.bgImages.length); background(sceneControl.theme.BACKGROUND); fill(sceneControl.theme.RIGHT, 3); noStroke(); for (var i=0; i < 400; i++){ ellipse(random(0, width), random(0, height), 100,100); } this.bgImages.push(get(0,0,width,height)); } // all done, go to intro else { sceneControl.initiateTransition(IntroScene, function(){ setTheme(0); }); } background(0); textSize(20); fill(WHITE_COLOR); text("Loading...", 300, 300); } }; //--------IntroScene setup------------ // return pixelPos[] function getIntroImage(imageIndex){ var rawData = INTRO_IMAGES[imageIndex]; var pixelPos = []; rawData.forEach(function(rowStr,y){ for (var x=0; x < rowStr.length; x++){ if (rowStr.charAt(x) === "1"){ pixelPos.push([x,y]); } } }); return pixelPos; } function setUpRenderPixels(sceneObj, prevPixelPos, nextPixelPos){ // put a pos at center bottom if any list is empty if (prevPixelPos.length === 0){ prevPixelPos.push([11, 30]); } if (nextPixelPos.length === 0){ nextPixelPos.push([11, 30]); } // make a copy sceneObj.currentPixelPos = nextPixelPos.slice(); var renderPixels = []; while (prevPixelPos.length > 0 \|\| nextPixelPos.length > 0){ var renderPixel = { prevPos: null, nextPos: null, progress: 0, // wait time to view previous image plus offset idleTimer: PIXEL_IDLE_TIME + renderPixels.lengthINTRO_PIXEL_MOVE_SPEED50 }; // set nextPos (take from nextPixelPos or random added renderPixel) if (nextPixelPos.length > 0){ renderPixel.nextPos = nextPixelPos.splice( floor(random(0, nextPixelPos.length)), 1)[0]; } // take from a random renderPixel instead else { renderPixel.nextPos = renderPixels[ floor(random(0, renderPixels.length)) ].nextPos; } // set prevPos (take from prevPixelPos or random added renderPixel) if (prevPixelPos.length > 0){ renderPixel.prevPos = prevPixelPos.splice( floor(random(0, prevPixelPos.length)), 1)[0]; } // take from a random renderPixel instead else { renderPixel.prevPos = renderPixels[ floor(random(0, renderPixels.length)) ].prevPos; } if (renderPixel.prevPos && renderPixel.nextPos){ renderPixels.push(renderPixel); } } return renderPixels; } function setUpNextIntroImage(){ // check if all renderPixels progress is done // then set up next image if (IntroScene.renderPixels.every(function(rp){ return rp.progress >= 1; })){ IntroScene.imageIndex++; if (IntroScene.imageIndex >= INTRO_IMAGES.length){ IntroScene.imageIndex = 0; // cycle back } // set renderPixels IntroScene.renderPixels = setUpRenderPixels( IntroScene, IntroScene.currentPixelPos, getIntroImage(IntroScene.imageIndex) ); } } function renderAndUpdatePixels(renderPixels){ fill(sceneControl.theme.TOP); noStroke(); renderPixels.forEach(function(rp){ var renderX = map(sin(rp.progress90), 0, 1, rp.prevPos[0], rp.nextPos[0]); var renderY = map(sin(rp.progress90), 0, 1, rp.prevPos[1], rp.nextPos[1]); rect( (renderX+0.5)INTRO_CELL_SIZE, (renderY+0.5)INTRO_CELL_SIZE, INTRO_CELL_SIZE, INTRO_CELL_SIZE ); // update if (rp.idleTimer > 0){ rp.idleTimer--; } else if (rp.progress < 1) { rp.progress = min(1, rp.progress + INTRO_PIXEL_MOVE_SPEED); } }); } IntroScene = { imageIndex: -1, // next is 0 currentPixelPos: [], // RenderPixel { prevPos, nextPos, progress, idleTimer } renderPixels: [], draw: function(){ renderAndUpdatePixels(this.renderPixels); setUpNextIntroImage(); sceneControl.drawNav(); }, mouseReleased: function(){ sceneControl.checkNavClick(); } }; var epicCircularFormula = function(x,y,r1,r2){ var random1 = floor(map(r1, 0, 1, 15, 50)); var random2 = floor(map(r2, 0, 1, 5, random1/2)); return (pow(x - 12, 2) + pow(y - 12, 2)) % random1 > random2; }; var secretFunctions = [ // this is too epic it needs several copies for increased chance of happening epicCircularFormula, epicCircularFormula, epicCircularFormula, epicCircularFormula, epicCircularFormula, function(x,y, r1, r2){ return x === floor(r124) && y === floor(r224); }, // single pixel function(x,y, r1, r2){ var withinSmallerFrame = abs(12-x) < 8 && abs(12-y) < 8; if (r1 > r2){ return withinSmallerFrame && (x % 2 === 0 \|\| y % 2 === 0); } else { return withinSmallerFrame && (x+y) % 2 === 0; } }, // perpendicular or checkerboard function(x,y, r1, r2){ var random1 = floor(r1 * 5); var random2 = floor(r2 * 5); return x === random1 \|\| y === random2 \|\| x === 24 - random1 \|\| y === 24 - random2; }, // border function(x,y, r1, r2){ var v = abs((map(r1, 0, 1, 4, 12) * cos(xmap(r2, 0, 1, 20, 50))) - y); return v > 6 && v < 14; }, // wave thing function(x,y, r1, r2){ var offsetX = floor(r124); var offsetY = floor(r224); var withinC1 = dist(x,y,offsetX,offsetY) < 5; var withinC2 = dist(x,y,24-offsetX,24-offsetY) < 5; return withinC1 \|\| withinC2; } // twin circles ]; function setUpNextSecretImage(){ // check if all renderPixels progress is done // then set up next image if (SecretScene.renderPixels.every(function(rp){ return rp.progress >= 1; })){ SecretScene.functionIndex = floor( random(0, secretFunctions.length) ); // get pixelPos base on picked secret function var pixelPos = []; var r1 = random(); var r2 = random(); for (var y=0; y<25; y++){ for (var x=0; x<25; x++){ if (secretFunctions[SecretScene.functionIndex] (x,y,r1,r2)){ pixelPos.push([x,y]); } } } // set renderPixels SecretScene.renderPixels = setUpRenderPixels( SecretScene, SecretScene.currentPixelPos, pixelPos ); } } var SECRET_CODE = "34142"; SecretScene = { secretCodeIndex: 0, functionIndex: 0, // randomized currentPixelPos: [[12,12]], // RenderPixel { prevPos, nextPos, progress, idleTimer } renderPixels: [], draw: function(){ renderAndUpdatePixels(this.renderPixels); setUpNextSecretImage(); }, mouseReleased: function(){ // back to credit sceneControl.selectedNavIndex = 6; sceneControl.initiateTransition(CreditScene); } }; CreditScene = { greeters: [ {content: "YO WADDUP", x: 150, y: 30}, {content: "Hi Player :D", x: 80, y: 250}, {content: "OwO", x: 230, y: 140}, {content: "Hellu :P", x: 550, y: 220}, {content: "07734", x: 210, y: 450}, {content: "oh hey", x: 550, y: 340}, {content: "Secret code: " + SECRET_CODE, x: 490, y: 15} ], // user { name, avatarSrc, eyeColor, pos, texts[{x,y,s,content}] } users: [ { name: "Logix Indie", avatarSrc: "avatars/mr-pink-green", eyeColor: color(0, 255, 26), pos: [80, 320], texts: [ {content: "Epic Gameplay", x: 400, y: 50, s: 32}, {content: "Intuitive UI", x: 120, y: 150, s: 25}, {content: "Incredible Intro", x: 410, y: 220, s: 30}, {content: "Well-Designed Levels", x: 380, y: 330, s: 25}, {content: "Amazing Visuals", x: 380, y: 130, s: 20} ] }, { name: "BrenErso", avatarSrc: "avatars/leaf-red", eyeColor: color(168, 0, 0), pos: [520, 400], texts: [ {content: "Jaw-Dropping\nChapter Pictures", x: 300, y: 250, s: 35} ] }, { name: "21262", avatarSrc: "creatures/Hopper-Happy", eyeColor: color(242, 242, 0), pos: [280, 420], texts: [ {content: "Excellent Icons", x: 270, y: 180, s: 30} ] }, { name: "CoraL", avatarSrc: "avatars/duskpin-ultimate", eyeColor: color(183, 11, 222), pos: [480, 170], texts: [ {content: "Compelling Story", x: 280, y: 320, s: 25} ] }, { name: "Frostbite", avatarSrc: "avatars/duskpin-seedling", eyeColor: color(232, 63, 195), pos: [280, 100], texts: [ {content: "Award-Winning\nFinal Chapter Picture", x: 400, y: 300, s: 25}, {content: "Ridiculously\nGood Title", x: 130, y: 420, s: 30} ] }, { name: "Mr. CSS", avatarSrc: "avatars/piceratops-ultimate", eyeColor: color(235, 235, 235), pos: [70, 70], texts: [ {content: "Remarkable Levels", x: 320, y: 280, s: 32} ] } ], draw: function(){ // greeters fill(sceneControl.theme.RIGHT); textSize(16); this.greeters.forEach(function(g){ text(g.content, g.x, g.y); }); // render thank text textSize(40); text("Thank you\nfor playing!", 300, 280); // render avatars, names noStroke(); this.users.forEach(function(u,i){ image(getImage(u.avatarSrc), u.pos[0], u.pos[1], 100, 100); // name textSize(20); fill(sceneControl.theme.TOP); text(u.name, u.pos[0], u.pos[1] + 70); }); // render dark donuts noFill(); strokeWeight(60); for (var i=0; i < 10; i++){ stroke(0, 200 - 10i); ellipse(mouseX, mouseY, 350 - i10, 350 - i10); } strokeWeight(700); stroke(0); ellipse(mouseX, mouseY, 1000, 1000); // render task texts and eyes noStroke(); this.users.forEach(function(u, i){ var distFromMouse = dist(mouseX, mouseY, u.pos[0], u.pos[1]); if (distFromMouse < 50){ u.texts.forEach(function(textObj){ textSize(textObj.s); fill(WHITE_COLOR); text(textObj.content, textObj.x +random(-2,2), textObj.y +random(-2,2)); }); } // eye (if mouse is far away & not blinking) if (distFromMouse > 150 && (sceneControl.navFrameCount+i9) % 250 > 10){ fill(u.eyeColor); ellipse(u.pos[0]-15, u.pos[1]-10, 20, 20); ellipse(u.pos[0]+15, u.pos[1]-10, 20, 20); } }); sceneControl.drawNav(); }, mouseReleased: function(){ sceneControl.checkNavClick(); } }; //--------ChapterScene setup----------- function renderHexagon(x, y, s, r){ // x,y, size, rotate beginShape(); for (var i=0; i<6; i++){ var d = i60 + r; vertex(sin(d)s + x, cos(d)s + y); } endShape(CLOSE); } function getActualLevelIndex(btnIndex){ return sceneControl.currentChapterIndex6 + btnIndex; } var LevelButton = function(x, y, btnIndex){ this.x = x; this.y = y; this.btnIndex = btnIndex; // hide button of lv doesnt exist this.isHovered = false; this.hoverValue = 0; }; LevelButton.prototype.draw = function(){ var actualLevelIndex = getActualLevelIndex(this.btnIndex); if (actualLevelIndex < LEVELS.length){ // if level exist var btnColor = sceneControl.theme.TOP; if (currentLevel === actualLevelIndex){ // is next level btnColor = WHITE_COLOR; } // render outline noFill(); stroke(btnColor); renderHexagon(this.x, this.y, 30, 0); if (currentLevel >= actualLevelIndex){ // check hover this.isHovered = !sceneControl.isSwitching && dist(mouseX, mouseY, this.x, this.y) < 25; if (this.isHovered){ cursor(HAND); } this.hoverValue = constrain( this.hoverValue + 0.05 (this.isHovered? 1:-1), 0, 1 ); // render filler fill(btnColor); renderHexagon(this.x, this.y, 10 + this.hoverValue20, this.hoverValue60); } } }; LevelButton.prototype.select = function(){ var lvIndex = getActualLevelIndex(this.btnIndex); sceneControl.initiateTransition(PlayScene, function(){ loadLevel(lvIndex); }); }; function setupChapterScene(chapterIndex){ sceneControl.currentChapterIndex = chapterIndex; setTheme(chapterIndex); ChapterScene.capPercentage = round(constrain( 100/6(currentLevel-chapterIndex6), 0, 100 )); ChapterScene.coverOpacity = 300; ChapterScene.hoverOpacityFactor = 0; ChapterScene.viewImageStatus = "NONE"; ChapterScene.pictureIsHovered = false; } ChapterScene = { levelButtons: [], capPercentage: 0, hoverOpacityFactor: 0, // 0 - 1 coverOpacity: 0, pictureIsHovered: false, picturesLoaded: [], // bool[5] viewImageStatus: "NONE", // NONE, IMAGE, STORY draw: function(){ // chapter text fill(sceneControl.theme.TOP); textSize(30); text("Chapter " + (1+sceneControl.currentChapterIndex), 300, 50); // render level buttons strokeWeight(5); this.levelButtons.forEach(function(levelButton){ levelButton.draw(); }); sceneControl.drawNav(); // render unlockable image var unlockableImage = LoadScene.createdPictures [sceneControl.currentChapterIndex]; if (unlockableImage){ image(unlockableImage, 200, 270, 300, 300); } // render cover layers var displayedPercentage = min( this.capPercentage, floor(sceneControl.navFrameCount0.7) ); // if not already unlocked or in unlocking animation if (!this.picturesLoaded[sceneControl.currentChapterIndex] && this.coverOpacity > 0){ // back layer noStroke(); fill(sceneControl.theme.RIGHT, this.coverOpacity); rect(200, 270, 300, 300); // front layer var heightFactor = 1 - displayedPercentage/100; fill(sceneControl.theme.BACKGROUND, this.coverOpacity); rect(200, map(heightFactor, 1, 0, 270, 120), 300, 300heightFactor); // percentage text fill(sceneControl.theme.TOP, this.coverOpacity); textSize(80); text(displayedPercentage+"%", 200, 270); // check unlocked if (displayedPercentage >= 100){ this.coverOpacity -= 5; } } else { // fully unlocked // view status NONE if (this.viewImageStatus === "NONE"){ // check hover to enter IMAGE status on click this.picturesLoaded [sceneControl.currentChapterIndex] = true; this.pictureIsHovered = mouseX > 50 && mouseX < 350 && mouseY > 120 && mouseY < 420; this.hoverOpacityFactor = constrain( this.hoverOpacityFactor + 0.05* (this.pictureIsHovered?1:-1), 0, 1 ); if (this.pictureIsHovered){ cursor(HAND); } fill(sceneControl.theme.BACKGROUND, this.hoverOpacityFactor * 180); noStroke(); rect(200, 270, 300, 300); fill(sceneControl.theme.TOP, this.hoverOpacityFactor * 255); textSize(50); text("View", 200, 270); } else { cursor(HAND); // render fullscreen picture image(unlockableImage, 300, 300, 600, 600); // render story if (this.viewImageStatus === "STORY"){ fill(0,150); noStroke(); rect(300,300,610,610); fill(WHITE_COLOR); textSize(20); text(STORY_BITS[sceneControl.currentChapterIndex], 50, 50, 500, 500); } } } }, mouseReleased: function(){ // check click on image to enter IMAGE status if (this.pictureIsHovered && this.viewImageStatus === "NONE"){ this.viewImageStatus = "IMAGE"; } else if (this.viewImageStatus === "IMAGE"){ this.viewImageStatus = "STORY"; return; } else if (this.viewImageStatus === "STORY"){ this.viewImageStatus = "NONE"; return; } // check lv button click this.levelButtons.some(function(levelButton){ if (levelButton.isHovered){ levelButton.select(); } return levelButton.isHovered; }); sceneControl.checkNavClick(); } }; // --------PlayScene setup-------- var playControl = { cam: { direction: 0, // 0 1 2 3 progress: 0, // 0 - 100 isRotatingLeft: false, status: "IDLE", // IDLE / ROTATING initiate: function(isRotatingLeft){ this.isRotatingLeft = isRotatingLeft; this.progress = 0; this.status = "ROTATING"; } }, selection: { pos: [0,0,0], // x, y, l inputDelay: 0 // no input allowed if higher than 0 }, lvIndex: 0, solutionData: [], cubesNeeded: 0, // total amount of cubes in solutionData mapData: [], mapCubesCount: 0, gameplayButtons: [], // victory allChecked: false, // checking if all tile requirements are met victoryFrameCount: 0, manualShiftAmount: 0, hexIsHovered: false, hexHoverValue: 0, // 0 - 1 hasWon: false, helpMode: { isOn: false, visitedBlockStrings: [], wrongPathBlock: null, helpButton: null, suggestedButton: null // which button player should press } }; var renderData = { angle: 0, quadrant: 0, LEFT_CLIFF_COLOR: null, RIGHT_CLIFF_COLOR: null, nodesList: [], // 2d array of nodes[4] of first layer layers: [] }; /* set up layers ... layers > rows > tile tile { nodes: pos[], cliffs: bool[], doRenderTop: bool } / for (var i=0; i < 5; i++){ var layer = []; for (var y=0; y < 5; y++){ var row = []; for (var x=0; x < 5; x++){ row.push({ nodes: [null, null, null, null], cliffs: [false, false, false, false], doRenderTop: false }); } layer.push(row); } renderData.layers.push(layer); } var CELL_SIZE = 20; var X_SCALE = 2.3; var Y_SCALE = 1.5; var CUBE_HEIGHT = CELL_SIZE 1.8; // how long to get to front view after winning var FRONT_VIEW_TRANSITION_DURATION = 100; var WALL_CELL_SIZE = 40; var WALL_SHIFT = 26; var W1X = 275, W1Y = 135; var W2X = -75, W2Y = 225; // each camera direction [left, right] [isCountingX, isReversed] var WALL_SETS = [ [[false, true], [true, true]], [[true, false], [false, true]], [[false, false], [true, false]], [[true, true], [false, false]] ]; // different set for each camera angle (W,S,A,D,Q,E) var MOVEMENT_KEYCODES = [87, 83, 65, 68, 81, 69]; var MOVEMENT_SETS = [ [ [-1,0], [1,0], [1,1], [-1,1], [1,2], [-1,2] ], [ [1,1], [-1,1], [1,0], [-1,0], [1,2], [-1,2] ], [ [1,0], [-1,0], [-1,1], [1,1], [1,2], [-1,2] ], [ [-1,1], [1,1], [-1,0], [1,0], [1,2], [-1,2] ] ]; var SUGGESTED_MOVEMENT_BUTTONS = [ "ADSW", "WSAD", "DAWS", "SWDA" ]; // ------gameplay rendering------ var GameplayButton = function(x, y, w, h, btnText, doesStayAfterWon, action){ this.x = x; this.y = y; this.w = w; this.h = h; this.btnText = btnText; this.doesStayAfterWon = doesStayAfterWon; this.action = action; this.isHovered = false; this.hoverValue = 0; // 0 - 1 }; GameplayButton.prototype.draw = function(){ this.isHovered = false; if (this.doesStayAfterWon \|\| !playControl.hasWon){ // check hover this.isHovered = mouseX > this.x-this.w/2 && mouseX < this.x+this.w/2 && mouseY > this.y-this.h/2 && mouseY < this.y+this.h/2; if (this.isHovered){ cursor(HAND); } // update hoverValue this.hoverValue = constrain( this.hoverValue + 0.1 * (this.isHovered? 1:-1), 0, 1); // button outline noFill(); stroke(sceneControl.theme.TOP); rect(this.x, this.y, this.w, this.h, 7); // filler on hover noStroke(); fill(sceneControl.theme.TOP); rect(this.x, this.y - (this.hoverValue-1)this.h/2, this.w, this.hthis.hoverValue, 7); // text fill(lerpColor( sceneControl.theme.TOP, sceneControl.theme.BACKGROUND, this.hoverValue )); text(this.btnText, this.x, this.y); } }; function hasCube(l, y, x){ return playControl.mapData[l][y][x] === 1; } // returns { right nodes 1 & 2, left nodes 1 & 2 } function setUpCliff(lIndex, x, y, nodes){ // check if is edge or has no neighbor then cliff exists var lvData = playControl.mapData; var _t = y - 1, _b = y + 1; var _l = x - 1, _r = x + 1; // directions: true if a cliff on that direction exists var t = _t < 0 \|\| !hasCube(lIndex, _t, x); var b = _b > 4 \|\| !hasCube(lIndex, _b, x); var l = _l < 0 \|\| !hasCube(lIndex, y, _l); var r = _r > 4 \|\| !hasCube(lIndex, y, _r); var rn1, rn2, ln1, ln2; if (renderData.quadrant >= 3){ // l: bottom, r: right if (b) { ln1 = nodes[2]; ln2 = nodes[3]; } if (r) { rn1 = nodes[1]; rn2 = nodes[2]; } } else if (renderData.quadrant >= 2){ // l: left, r: bottom if (l) { ln1 = nodes[3]; ln2 = nodes[0]; } if (b) { rn1 = nodes[2]; rn2 = nodes[3]; } } else if (renderData.quadrant >= 1){ // l: top, r: left if (t) { ln1 = nodes[0]; ln2 = nodes[1]; } if (l) { rn1 = nodes[3]; rn2 = nodes[0]; } } else if (renderData.quadrant >= 0){ // l: right, r: top if (r) { ln1 = nodes[1]; ln2 = nodes[2]; } if (t) { rn1 = nodes[0]; rn2 = nodes[1]; } } return { rn1: rn1, rn2: rn2, ln1: ln1, ln2: ln2 }; } // returns { nodes, cliffs, doRenderTop } function setUpTile(l, x, y){ // get from template nodes and apply layer offset var nodes = renderData.nodesList[y][x].map(function(n){ return [n[0], n[1] + lCUBE_HEIGHT]; }); // for gridTiles if (l === 5){ return { nodes: nodes }; } return { nodes: nodes, cliffs: setUpCliff(l, x, y, nodes), doRenderTop: l === 0 \|\| !hasCube(l-1, y, x) }; } function setUpRenderData(){ // find quadrant var a = renderData.angle % 360; if (a < 0) { a += 360; } renderData.quadrant = (a/90) % 4; // set up cliff colors renderData.RIGHT_CLIFF_COLOR = lerpColor( sceneControl.theme.RIGHT, sceneControl.theme.LEFT, map(renderData.quadrant%1, 0, 1, 0, 0.5) ); renderData.LEFT_CLIFF_COLOR = lerpColor( sceneControl.theme.RIGHT, sceneControl.theme.LEFT, map(renderData.quadrant%1, 0, 1, 0.5, 1) ); playControl.mapData.forEach(function(layer, l){ layer.forEach(function(row, y){ row.forEach(function(isOn, x){ if (isOn === 0) { // no cube here? renderData.layers[l][y][x] = null; return; } renderData.layers[l][y][x] = setUpTile(l, x, y); }); }); }); } // takes 2 nodes to drop a cliff from function renderCliff(n1, n2, c){ if (!n1) { return; } fill(c); quad( n1[0], n1[1], n2[0], n2[1], n2[0], n2[1] + CUBE_HEIGHT, n1[0], n1[1] + CUBE_HEIGHT ); } function renderCube(tile, cubeColors){ var n = tile.nodes; // top of cube if (tile.doRenderTop){ fill(cubeColors[0]); quad( n[0][0], n[0][1], n[1][0], n[1][1], n[2][0], n[2][1], n[3][0], n[3][1] ); } // cliffs of cube renderCliff(tile.cliffs.rn1, tile.cliffs.rn2, cubeColors[1]); renderCliff(tile.cliffs.ln1, tile.cliffs.ln2, cubeColors[2]); } function checkAllowInput(){ return playControl.cam.status === "IDLE" && !playControl.hasWon && !sceneControl.isSwitching; } function renderLayers(){ stroke(0); strokeWeight(1.5); // set render order based on quadrant var lowX, highX, lowY, highY, increasementX, increasementY; if (renderData.quadrant >= 3){ lowX = 0; highX = 5; increasementX = 1; lowY = 0; highY = 5; increasementY = 1; } else if (renderData.quadrant >= 2){ lowX = 4; highX = -1; increasementX = -1; lowY = 0; highY = 5; increasementY = 1; } else if (renderData.quadrant >= 1){ lowX = 4; highX = -1; increasementX = -1; lowY = 4; highY = -1; increasementY = -1; } else if (renderData.quadrant >= 0){ lowX = 0; highX = 5; increasementX = 1; lowY = 4; highY = -1; increasementY = -1; } // top, right, left sides of cube var cubeColors = [ sceneControl.theme.TOP, renderData.RIGHT_CLIFF_COLOR, renderData.LEFT_CLIFF_COLOR ]; for (var l=4; l >= 0; l--){ for (var y=lowY; y !== highY; y += increasementY){ for (var x=lowX; x !== highX; x += increasementX){ var tile = renderData.layers[l][y][x]; if (tile !== null){ // a placed cube here? var n = tile.nodes; renderCube(tile, cubeColors); } // check if selected block (if not rotating or won) var isSelection = playControl.selection.pos[0] === x && playControl.selection.pos[1] === y && playControl.selection.pos[2] === l; // render selection if (isSelection && !playControl.hasWon){ tile = setUpTile(l, x, y); var selectionColor = color(1,0); if (hasCube(l, y, x)){ selectionColor = color(WHITE_COLOR, (cos(frameCount4)50 + 100)); } stroke(WHITE_COLOR); renderCube(tile, [ selectionColor, selectionColor, selectionColor ]); stroke(0); } } } } } // set camera angle and nodesList function updateCam(){ var camTransition = 0; if (playControl.cam.status === "ROTATING"){ // is transitioning? playControl.cam.progress += 2; // rotating speed // check done transitioning then set new direction if (playControl.cam.progress >= 100){ if (playControl.cam.isRotatingLeft){ playControl.cam.direction--; if (playControl.cam.direction < 0){ playControl.cam.direction = 3; } } else { playControl.cam.direction++; if (playControl.cam.direction > 3){ playControl.cam.direction = 0; } } playControl.cam.status = "IDLE"; resetHelpMode(); } else { // still rotating camTransition = sin(map( playControl.cam.progress, 0, 100, 0, 90 )) 90; if (playControl.cam.isRotatingLeft){ // minus if left camTransition = -1; } } } // set angle renderData.angle = playControl.cam.direction 90 + camTransition + 45 + min( playControl.victoryFrameCount * 0.5, 45 ); // set nodesList var victoryShiftFactor = map( min(playControl.victoryFrameCount, FRONT_VIEW_TRANSITION_DURATION), 0, FRONT_VIEW_TRANSITION_DURATION, 1, 0 ) + playControl.manualShiftAmount; renderData.nodesList = playControl.mapData[0].map(function(row, y){ return row.map(function(isOn, x){ // calculate render positions for nodes var nodes = [ // offset by 2 so index 2 becomes 0 (center) [x - 2.5, y - 2.5], // top left [x - 1.5, y - 2.5], // top right [x - 1.5, y - 1.5], // bottom right [x - 2.5, y - 1.5] // bottom left ]; // apply rotation and scaling nodes.forEach(function(n){ var deg = atan2(n[1], n[0]) + renderData.angle; var distance = dist(n[0], n[1], 0, 0); n[0] = sin(-deg) * distance * CELL_SIZE * X_SCALE; n[1] = cos(deg) * distance * CELL_SIZE * Y_SCALE * victoryShiftFactor; }); return nodes; }); }); } function renderFloorGrid(){ stroke(sceneControl.theme.TOP); noFill(); strokeWeight(1); for (var y=0; y < 5; y++){ for (var x=0; x < 5; x++){ var n = setUpTile(5, x, y).nodes; quad( n[0][0], n[0][1], n[1][0], n[1][1], n[2][0], n[2][1], n[3][0], n[3][1] ); } } } // return cubesCounts {map, solution} function getCubesCount(l, xy, isLeftWall){ var wallSet = WALL_SETS[playControl.cam.direction] [(isLeftWall?0 : 1)]; var solutionCubesCount = 0; var mapCubesCount = 0; // is reversed if (wallSet[1]){ xy = 4 - xy; } if (wallSet[0]){ // is counting X solutionCubesCount = playControl.solutionData[l][xy] .reduce(function(curVal, item){ return curVal + item; }, 0); mapCubesCount = playControl.mapData[l][xy] .reduce(function(curVal, item){ return curVal + item; }, 0); } else { // is counting Y solutionCubesCount = playControl.solutionData[l] .reduce(function(curVal, item){ return curVal + item[xy]; }, 0); mapCubesCount = playControl.mapData[l] .reduce(function(curVal, item){ return curVal + item[xy]; }, 0); } return { map: mapCubesCount, solution: solutionCubesCount, difference: solutionCubesCount - mapCubesCount }; } function renderLeftWallTile(x,y, renderX){ var cubesCounts = getCubesCount(y, x, true); if (cubesCounts.map > 0){ fill(sceneControl.theme.TOP); } else { noFill(); } quad( xWALL_CELL_SIZE-renderX, yWALL_CELL_SIZE-W1Y - xWALL_SHIFT, xWALL_CELL_SIZE-renderX, (y+1)WALL_CELL_SIZE-W1Y - xWALL_SHIFT, (x+1)WALL_CELL_SIZE-renderX, (y+1)WALL_CELL_SIZE-W1Y - (x+1)WALL_SHIFT, (x+1)WALL_CELL_SIZE-renderX, yWALL_CELL_SIZE-W1Y - (x+1)WALL_SHIFT ); // render difference if (cubesCounts.map > 0){ fill(sceneControl.theme.BACKGROUND); } else { fill(sceneControl.theme.TOP); } // is 0 then invisible, is negative then X if (cubesCounts.difference !== 0){ text( cubesCounts.difference > 0 ? cubesCounts.difference : "x", (0.5+x)WALL_CELL_SIZE-renderX, (y+0.18)WALL_CELL_SIZE-W1Y - xWALL_SHIFT ); playControl.allChecked = false; } } function renderRightWallTile(x,y, renderX){ var cubesCounts = getCubesCount(y, x, false); if (cubesCounts.map > 0){ fill(sceneControl.theme.TOP); } else { noFill(); } quad( xWALL_CELL_SIZE-renderX, yWALL_CELL_SIZE-W2Y + xWALL_SHIFT, xWALL_CELL_SIZE-renderX, (y-1)WALL_CELL_SIZE-W2Y + xWALL_SHIFT, (x+1)WALL_CELL_SIZE-renderX, (y-1)WALL_CELL_SIZE-W2Y + (x+1)WALL_SHIFT, (x+1)WALL_CELL_SIZE-renderX, yWALL_CELL_SIZE-W2Y + (x+1)WALL_SHIFT ); // render difference if (cubesCounts.map > 0){ fill(sceneControl.theme.BACKGROUND); } else { fill(sceneControl.theme.TOP); } // is 0 then invisible, is negative then X if (cubesCounts.difference !== 0){ text( cubesCounts.difference > 0 ? cubesCounts.difference : "x", (0.5+x)WALL_CELL_SIZE-renderX, (y-0.18)WALL_CELL_SIZE-W2Y + xWALL_SHIFT ); playControl.allChecked = false; } } // render both walls and their selected tile if hasnt won function renderWalls(){ if (playControl.hasWon && playControl.victoryFrameCount > 200){ return; // won, no render after some victory framecount } textSize(22); var victoryOffset = playControl.victoryFrameCount * 2; // left wall stroke(sceneControl.theme.TOP); strokeWeight(1); for (var y=0; y < 5; y++){ for (var x=0; x < 5; x++){ renderLeftWallTile(x,y, W1X + victoryOffset); } } // left selection (check wall set) if (!playControl.hasWon){ stroke(WHITE_COLOR); strokeWeight(3); var xyLeft = playControl.selection.pos[0]; if (WALL_SETS[playControl.cam.direction][0][0]){ xyLeft = playControl.selection.pos[1]; } if (WALL_SETS[playControl.cam.direction][0][1]){ xyLeft = 4 - xyLeft; } renderLeftWallTile( xyLeft, playControl.selection.pos[2], W1X + victoryOffset ); } // right wall stroke(sceneControl.theme.TOP); strokeWeight(1); for (var y=0; y < 5; y++){ for (var x=0; x < 5; x++){ renderRightWallTile(x,y, W2X - victoryOffset); } } // right selection (check wall set) if (!playControl.hasWon){ stroke(WHITE_COLOR); strokeWeight(3); var xyRight = playControl.selection.pos[0]; if (WALL_SETS[playControl.cam.direction][1][0]){ xyRight = playControl.selection.pos[1]; } if (WALL_SETS[playControl.cam.direction][1][1]){ xyRight = 4 - xyRight; } renderRightWallTile( xyRight, playControl.selection.pos[2], W2X - victoryOffset ); } } function renderHexagon(x, y, s, r){ // x,y, size, rotate beginShape(); for (var i=0; i<6; i++){ var d = i60 + r; vertex(sin(d)s + x, cos(d)s + y); } endShape(CLOSE); } // turns into checkmark button when win function renderRemainingCubes(){ // hexagon outline stroke(sceneControl.theme.TOP); strokeWeight(5); noFill(); renderHexagon(300, 90, 60, 0); // content noStroke(); if (playControl.hasWon){ // won? render check mark and check hover var isHovered = dist(mouseX, mouseY, 300, 90) < 60; playControl.hexIsHovered = isHovered; if (isHovered) { cursor(HAND); } playControl.hexHoverValue = constrain( playControl.hexHoverValue + 0.04 (isHovered? 1:-1), 0, 1); // hex filler noStroke(); if (playControl.hexHoverValue > 0){ fill(sceneControl.theme.TOP); renderHexagon(300, 90, playControl.hexHoverValue * 60, playControl.hexHoverValue * 120); } // checkmark var checkmarkColor = lerpColor( sceneControl.theme.TOP, sceneControl.theme.BACKGROUND, playControl.hexHoverValue ); fill(checkmarkColor); stroke(checkmarkColor); strokeWeight(5); beginShape(); vertex(321, 71); vertex(294, 100); vertex(280, 88); vertex(280, 101); vertex(296, 113); vertex(322, 85); endShape(CLOSE); } else { // not won? show remaining cubes var textEnlargeFactor = max(playControl.selection.inputDelay, 0); textSize(50 + textEnlargeFactor2); fill(sceneControl.theme.TOP); text(playControl.cubesNeeded - playControl.mapCubesCount, 300, 90); } } function renderGameplayButtons(){ strokeWeight(3); textSize(20); playControl.gameplayButtons.forEach(function(btn){ btn.draw(); }); } // ------ help mode -------- function resetHelpMode(){ playControl.helpMode.visitedBlockStrings = []; playControl.helpMode.wrongPathBlock = null; playControl.helpMode.suggestedButton = null; } // pos [l, y, x] function posToString(pos){ return ""+pos[0]+pos[1]+pos[2]; } // pos [l, y, x] function isInBound(pos){ return pos.every(function(num){ return num >= 0 && num <= 4; }); } // helper for setWrongPathBlock(), returns a list of unvisited neighbors function getUnvisitedNeighbors(pb){ return [ // y [ pb.pos[0], pb.pos[1] +1, pb.pos[2] ], [ pb.pos[0], pb.pos[1] -1, pb.pos[2] ], // x [ pb.pos[0], pb.pos[1], pb.pos[2] +1 ], [ pb.pos[0], pb.pos[1], pb.pos[2] -1 ], // l [ pb.pos[0] +1, pb.pos[1], pb.pos[2] ], [ pb.pos[0] -1, pb.pos[1], pb.pos[2] ] ].filter(function(nPos){ // if is in bound and not visited if (isInBound(nPos) && !playControl.helpMode.visitedBlockStrings .includes(posToString(nPos))){ // add to visited playControl.helpMode.visitedBlockStrings.push( posToString(nPos) ); return true;// qualified } return false; }).map(function(nPos){ return { pos: nPos, prevPathBlock: pb }; }); } // recursive function setWrongPathBlock(pathBlocks){ // empty? stop if (pathBlocks.length === 0){ return; } var nextPathBlocks = []; // each: check if not the wrong one then spread to neighbors pathBlocks.some(function(pb){ // don't set isWrong if this requires a cube and no remaining cubes var doNeedCubePlacement = (playControl.solutionData) [ pb.pos[0] ][ pb.pos[1] ][ pb.pos[2] ] === 1; var isWrong = hasCube( pb.pos[0], // l pb.pos[1], // y pb.pos[2] // x ) !== doNeedCubePlacement; if (isWrong && doNeedCubePlacement && playControl.cubesNeeded - playControl.mapCubesCount <= 0){ isWrong = false; } if (isWrong){ // found it playControl.helpMode.wrongPathBlock = pb; return true; } else { // spread to 6 neighbors getUnvisitedNeighbors(pb).forEach(function(neighborPB){ nextPathBlocks.push(neighborPB); }); return false; } }); // if still not found wrong path block then run again if (!playControl.helpMode.wrongPathBlock){ setWrongPathBlock(nextPathBlocks); } } function setSuggestedButton(matchingBtnText){ for (var i=0; i < playControl.gameplayButtons.length; i++){ var btn = playControl.gameplayButtons[i]; if (btn.btnText === matchingBtnText){ playControl.helpMode.suggestedButton = btn; return; } } } function updateHelpMode(){ // if no path block set up yet, and not win with help: on if (!playControl.hasWon && playControl.helpMode.isOn && !playControl.helpMode.wrongPathBlock){ var selectionPos = playControl.selection.pos; setWrongPathBlock([{ pos: [ selectionPos[2], // l selectionPos[1], // y selectionPos[0] // x ], prevPathBlock: null }]); var wpb = playControl.helpMode.wrongPathBlock; if (wpb){ // found a wrong if (!wpb.prevPathBlock){ // no trail/on target block? SPACE setSuggestedButton("SPACE"); } else { // not on target block? move var nextPB = wpb; var startingPB = nextPB.prevPathBlock; while(startingPB.prevPathBlock) { // get to the starting path block nextPB = startingPB; startingPB = startingPB.prevPathBlock; } // find next step in path var lDiff = nextPB.pos[0] - startingPB.pos[0]; var yDiff = nextPB.pos[1] - startingPB.pos[1]; var xDiff = nextPB.pos[2] - startingPB.pos[2]; var moveKeys = SUGGESTED_MOVEMENT_BUTTONS [playControl.cam.direction]; if (lDiff !== 0){ // l if (lDiff > 0){ // going down setSuggestedButton("Q"); } else { setSuggestedButton("E"); } } else if (yDiff !== 0){ // y if (yDiff > 0){ // increase y setSuggestedButton(moveKeys.charAt(0)); } else { setSuggestedButton(moveKeys.charAt(1)); } } else if (xDiff !== 0){ // x if (xDiff > 0){ // increase x setSuggestedButton(moveKeys.charAt(2)); } else { setSuggestedButton(moveKeys.charAt(3)); } } } } } } function renderSuggestedEffect(){ // render suggested effect if (playControl.helpMode.suggestedButton){ noFill(); stroke(WHITE_COLOR); strokeWeight(2); var circleSize = (cos(frameCount3.0)+1.5)30; ellipse( playControl.helpMode.suggestedButton.x, playControl.helpMode.suggestedButton.y, circleSize, circleSize ); } } function renderHelpPath(){ if (playControl.helpMode.wrongPathBlock){ var currentPathBlock = playControl.helpMode.wrongPathBlock; // draw destination circle var destinationTile = setUpTile( currentPathBlock.pos[0], currentPathBlock.pos[2], currentPathBlock.pos[1] ); var dn = destinationTile.nodes; var dx = (dn[0][0] + dn[2][0])/2; var dy = (dn[0][1] + dn[2][1])/2 + CUBE_HEIGHT/2; if (!currentPathBlock.prevPathBlock){ // on target? fill(WHITE_COLOR); } else { noFill(); } strokeWeight(2); stroke(WHITE_COLOR); ellipse(dx, dy, CELL_SIZE, CELL_SIZE); // draw lines: go through all trailing path blocks var pb1n = dn; // path block 1 nodes var pb2n = null; // path block 2 nodes while (currentPathBlock.prevPathBlock){ var pb1x = (pb1n[0][0] + pb1n[2][0])/2; var pb1y = (pb1n[0][1] + pb1n[2][1])/2 + CUBE_HEIGHT/2; var pb2n = setUpTile( currentPathBlock.prevPathBlock.pos[0], currentPathBlock.prevPathBlock.pos[2], currentPathBlock.prevPathBlock.pos[1] ).nodes; var pb2x = (pb2n[0][0] + pb2n[2][0])/2; var pb2y = (pb2n[0][1] + pb2n[2][1])/2 + CUBE_HEIGHT/2; line(pb1x, pb1y, pb2x, pb2y); pb1n = pb2n; currentPathBlock = currentPathBlock.prevPathBlock; } } } // -----gameplay input----- function setInputDelay(){ playControl.selection.inputDelay = 10; // delay amount // update mapCubesCount playControl.mapCubesCount = playControl.mapData .reduce(function(curVal1, layer){ return layer.reduce(function(curVal2, row){ return row.reduce(function(curVal3, isCube){ return curVal3 + isCube; }, 0) + curVal2; }, 0) + curVal1; }, 0); } function placeBlock(){ if (checkAllowInput() && playControl.selection.inputDelay <= 0){ var mapData = playControl.mapData; var x = playControl.selection.pos[0], y = playControl.selection.pos[1], l = playControl.selection.pos[2]; if (hasCube(l, y, x)){ // removing mapData[l][y][x] = 0; } else { // placing // only place if still has remaining cubes if (playControl.cubesNeeded - playControl.mapCubesCount > 0){ mapData[l][y][x] = 1; } } setInputDelay(); resetHelpMode(); } } function resetMap(){ if (checkAllowInput() && playControl.selection.inputDelay <= 0){ playControl.mapData.forEach(function(layer){ layer.forEach(function(row){ for (var i=0; i < row.length; i++){ row[i] = 0; } }); }); setInputDelay(); resetHelpMode(); } } function rotateCam(isRotatingLeft){ if (checkAllowInput()){ playControl.cam.initiate(isRotatingLeft); } } function moveSelection(keyIndex){ if (checkAllowInput()){ var moveType = MOVEMENT_SETS[playControl.cam.direction][keyIndex]; // current pos num plus change var num = playControl.selection.pos[moveType[1]] + moveType[0]; if (num < 0){ num = 4; } else if (num > 4) { num = 0; } playControl.selection.pos[moveType[1]] = num; resetHelpMode(); } // victory manual shift if (playControl.hasWon){ var moveType = MOVEMENT_SETS[2][keyIndex]; playControl.manualShiftAmount += moveType[0] 0.2; playControl.manualShiftAmount = constrain( playControl.manualShiftAmount, 0, 1 ); } } function loadLevel(newLvIndex){ // set lvIndex and reset other things playControl.lvIndex = newLvIndex; playControl.hasWon = false; playControl.victoryFrameCount = 0; playControl.manualShiftAmount = 0; playControl.hexIsHovered = false; playControl.hexHoverValue = 0; playControl.mapCubesCount = 0; playControl.cubesNeeded = 0; resetHelpMode(); playControl.helpMode.isOn = false; playControl.helpMode.helpButton.btnText = "Help: Off"; playControl.cam.direction = 0; playControl.cam.progress = 0; playControl.cam.status = "IDLE"; playControl.selection.pos = [2,2,4]; playControl.selection.inputinputDelay = 0; playControl.solutionData = LEVELS[playControl.lvIndex]; // empty map and count cubesNeeded playControl.mapData = playControl.solutionData.map( function(layer){return layer.map( function(row){ return row.map(function (num){ if (num === 1){ playControl.cubesNeeded++; } return 0; }); } );} ); // reset hoverValue playControl.gameplayButtons.forEach(function(btn){ btn.hoverValue = 0; }); // if is first level, suggest help button if (currentLevel === 0){ playControl.helpMode.suggestedButton = playControl.helpMode.helpButton; } } PlayScene = { draw: function(){ if (playControl.hasWon){ // update vFrameCount playControl.victoryFrameCount++; // update do a victory rotation if (playControl.victoryFrameCount % 100 === 0){ playControl.cam.initiate(false); } } playControl.allChecked = true; updateCam(); setUpRenderData(); updateHelpMode(); pushMatrix(); image(sceneControl.bgImage, 300, 300); translate(300, 290); // where to render the cubes renderWalls(); renderFloorGrid(); renderLayers(); renderHelpPath(); popMatrix(); // untranslated rendering renderRemainingCubes(); renderGameplayButtons(); renderSuggestedEffect(); playControl.selection.inputDelay--; // update delay if (playControl.selection.inputDelay === 0){ // when delay ends playControl.hasWon = playControl.allChecked; if (playControl.hasWon){ // won? resetHelpMode(); } } }, mouseReleased: function(){ // check click hexagon if (playControl.hasWon && playControl.hexIsHovered){ currentLevel = max(playControl.lvIndex + 1, currentLevel); sceneControl.initiateTransition(ChapterScene, function(){ setupChapterScene(sceneControl.currentChapterIndex); }); return; } // check click gameplay buttons playControl.gameplayButtons.some(function(btn,i){ if (btn.isHovered) { btn.action(); } return btn.isHovered; }); }, keyPressed: function(){ // movement input? for (var i=0; i < MOVEMENT_KEYCODES.length; i++){ if (MOVEMENT_KEYCODES[i] === keyCode){ moveSelection(i); return; } } switch (keyCode){ case 90: // Z rotateCam(true); break; case 88: // X rotateCam(false); break; case 32: // SPACE placeBlock(); break; } } }; function NavItem(navIndex, sceneObj, sceneSetup, drawIcon){ this.navIndex = navIndex; this.drawIcon = drawIcon; this.sceneObj = sceneObj; this.sceneSetup = sceneSetup; this.isHovered = false; this.hoverValue = 0; } NavItem.prototype.select = function(){ // check secret input var enteredNum = (this.navIndex)+""; if (SECRET_CODE.charAt(SecretScene.secretCodeIndex) === enteredNum){ SecretScene.secretCodeIndex++; // matched, increase } else { SecretScene.secretCodeIndex = 0; // not matched, reset // increase if match the first if (SECRET_CODE.charAt(0) === enteredNum){ SecretScene.secretCodeIndex++; } } if (SecretScene.secretCodeIndex >= SECRET_CODE.length){ sceneControl.initiateTransition(SecretScene, function(){ setTheme(floor(random(0, COLOR_THEMES.length))); }); SecretScene.secretCodeIndex = 0; return; } // set navIndex then start transition sceneControl.selectedNavIndex = this.navIndex; sceneControl.initiateTransition(this.sceneObj, this.sceneSetup); }; NavItem.prototype.draw = function(){ var x = 90 + this.navIndex70; // animated on new scene var y = max(550, 700 - sceneControl.navFrameCount6 + this.navIndex20); var isSelected = sceneControl.selectedNavIndex === this.navIndex; // check hover this.isHovered = !isSelected && !sceneControl.isSwitching && dist(mouseX, mouseY, x, y) < 25; if (this.isHovered){ cursor(HAND); } this.hoverValue = constrain( this.hoverValue + 0.1 (this.isHovered? 1:-1), 0, 1 ); // WHITE if is selected if (sceneControl.selectedNavIndex === this.navIndex){ fill(WHITE_COLOR); stroke(WHITE_COLOR); } else { fill(sceneControl.theme.TOP); stroke(sceneControl.theme.TOP); } // render pushMatrix(); translate(x,y); scale(1 + this.hoverValue0.3); this.drawIcon(); popMatrix(); }; sceneControl = { bgImage: null, theme: COLOR_THEMES[0], sceneObject: null, isSwitching: false, // checkable isOpening: false, progress: 0, // 0 (start) - 100 (end) callback: null, // called when switching scene initiateTransition: function(nextSceneObject, callback){ // cancels if already transitioning if (this.isSwitching) { return; } this.isSwitching = true; this.isOpening = false; this.progress = 0; this.callback = function(){ this.sceneObject = nextSceneObject; if (callback){ callback(); } }; }, drawSwitchingEffect: function(){ this.navFrameCount++; if (this.isSwitching){ cursor(ARROW); this.progress += SCENE_SWITCHING_SPEED; if (this.isOpening){ fill(0, 0, 0, map(this.progress, 0, 100, 255, 0)); } else { fill(0, 0, 0, map(this.progress, 0, 100, 0, 255)); } rect(300, 300, 610, 610); if (this.progress >= 100){ if (this.isOpening){ this.isSwitching = false; // done switching } else { // closing this.isOpening = true; this.progress = 0; this.navFrameCount = 0; this.callback(); } } } }, currentChapterIndex: 0, selectedNavIndex: 0, navItems: [], navFrameCount: 0, // animate sliding up drawNav: function(){ strokeWeight(5); strokeJoin(ROUND); this.navItems.forEach(function(navItem){ navItem.draw(); }); }, checkNavClick: function(){ this.navItems.some(function(navItem){ if (navItem.isHovered){ navItem.select(); } }); } }; draw = function(){ cursor(ARROW); // if at the frame when scene setup is called, skip rendering if (!(sceneControl.isOpening && sceneControl.progress === 0)){ if (sceneControl.bgImage){ // renders bg image(sceneControl.bgImage, 300, 300, width, height); } sceneControl.sceneObject.draw(); } sceneControl.drawSwitchingEffect(); }; mouseReleased = function(){ if (sceneControl.sceneObject.mouseReleased){ sceneControl.sceneObject.mouseReleased(); } }; keyPressed = function(){ if (sceneControl.sceneObject.keyPressed){ sceneControl.sceneObject.keyPressed(); } }; / PROGRAM SETUP / (function(){ // default configs size(600, 600, P2D); rectMode(CENTER); imageMode(CENTER); textAlign(CENTER, CENTER); angleMode = "degrees"; strokeJoin(ROUND); textFont(MAIN_FONT); // set default scene object sceneControl.sceneObject = LoadScene; // set up nav items sceneControl.navItems = [ // intro scene new NavItem(0, IntroScene, function(){}, function(){ beginShape(); vertex(0,-20); vertex(5, -10); vertex(15, -10); vertex(8, 0); vertex(10, 10); vertex(0, 5); vertex(-9, 10); vertex(-6, 0); vertex(-12, -10); vertex(-3, -10); vertex(0, -20); endShape(CLOSE); }), // chapter 1 new NavItem(1, ChapterScene, function(){ setupChapterScene(0); }, function(){ beginShape(); vertex(6,17); vertex(-6,17); vertex(-7,-16); vertex(7,-18); endShape(CLOSE); }), new NavItem(2, ChapterScene, function(){ setupChapterScene(1); }, function(){ beginShape(); vertex(-2,17); vertex(-12,17); vertex(-12,-16); vertex(-7,-18); endShape(CLOSE); beginShape(); vertex(16,17); vertex(8,17); vertex(5,-16); vertex(15,-18); endShape(CLOSE); }), new NavItem(3, ChapterScene, function(){ setupChapterScene(2); }, function(){ beginShape(); vertex(-10,17); vertex(-18,14); vertex(-17,-19); vertex(-11,-18); endShape(CLOSE); beginShape(); vertex(5,17); vertex(0,16); vertex(-2,-16); vertex(4,-18); endShape(CLOSE); beginShape(); vertex(20,17); vertex(15,17); vertex(14,-19); vertex(19,-16); endShape(CLOSE); }), new NavItem(4, ChapterScene, function(){ setupChapterScene(3); }, function(){ beginShape(); vertex(-12,20); vertex(-18,17); vertex(-16,-19); vertex(-12,-18); endShape(CLOSE); beginShape(); vertex(10,20); vertex(-3,-14); vertex(3,-19); vertex(9,4); vertex(18,-15); vertex(22,-7); endShape(CLOSE); }), new NavItem(5, ChapterScene, function(){ setupChapterScene(4); }, function(){ beginShape(); vertex(1,18); vertex(-15,-8); vertex(-7,-14); vertex(1,10); vertex(11,-18); vertex(18,-11); endShape(CLOSE); }), // credit scene new NavItem(6, CreditScene, function(){}, function(){ beginShape(); vertex(0,17); vertex(-16,2); vertex(0,-18); vertex(17,-2); endShape(CLOSE); }) ]; // set up level buttons for (var lvX = 0; lvX < 2; lvX++){ for (var lvY = 0; lvY < 3; lvY++){ ChapterScene.levelButtons.push(new LevelButton( 450 + lvX80, 190 + lvY80, lvX3 + lvY )); } } // set up help button playControl.helpMode.helpButton = new GameplayButton( 520, 30, 135, 40, "...", false, function(){ resetHelpMode(); playControl.helpMode.isOn = !playControl.helpMode.isOn; if (playControl.helpMode.isOn){ playControl.helpMode.helpButton.btnText = "Help: On"; } else { playControl.helpMode.helpButton.btnText = "Help: Off"; } } ); // set up gameplay buttons playControl.gameplayButtons = [ playControl.helpMode.helpButton, new GameplayButton(40, 560, 50, 50, "A", false, function(){ moveSelection(2); }), new GameplayButton(160, 560, 50, 50, "D", false, function(){ moveSelection(3); }), new GameplayButton(100, 500, 50, 50, "W", false, function(){ moveSelection(0); }), new GameplayButton(100, 560, 50, 50, "S", false, function(){ moveSelection(1); }), new GameplayButton(40, 500, 50, 50, "Q", true, function(){ moveSelection(4); }), new GameplayButton(40, 440, 50, 50, "E", true, function(){ moveSelection(5); }), new GameplayButton(500, 500, 50, 50, "Z", false, function(){ rotateCam(true); }), new GameplayButton(560, 500, 50, 50, "X", false, function(){ rotateCam(false); }), new GameplayButton(505, 560, 160, 50, "SPACE", false, function(){ placeBlock(); }), new GameplayButton(540, 80, 90, 40, "Reset", false, function(){ resetMap(); }), new GameplayButton(60, 30, 90, 40, "Back", false, function(){ sceneControl.initiateTransition(ChapterScene, function(){ setupChapterScene(sceneControl.currentChapterIndex); }); }) ]; })();
Folds	22,28,29,158,159,371,372,674,675,813,814,915,925,2045,2047,2292,2302,2333,2336,2339,2342,2382,2387,2398,2399,2455,2456,2473,2474,2494,2496,2509,2511,2515,2516,2555,2556,2586,2589,2604,2606,2753,2756,2763,2764,2766,2767,2773,2774,2801,2802,2807,2809,2820,2822,2938,2942,2983,2984,2991,2996,3010,3024,3029,3033,3054,3055,3060,3064,3074,3075,3107,3109,3111,3113,3143,3145,3158,3159,3186,3188,3197,3198,3213,3214,3217,3218,3278,3280,3341,3342,3356,3358,3391,3392,3425,3426,3459,3461,3517,3518,3525,3527,3577,3578,3584,3587,3591,3593,3595,3597,3601,3603,3632,3634,3670,3671,3679,3680,3735,3736,3748,3749,3786,3789,3800,3801,3818,3819,3831,3832,3836,3837,3856,3858,3900,3902,3979,3983,3990,3991,4015,4016,4047,4049,4111,4152,4265,4268,4276,4280,4288,4291,4331
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMOqy6CNCQw
Votes	175
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	Logix Indie
Author Name	logixindie
Author ID	kaid_392376572178111917340371
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739375264478
Updated	10 months ago, 1739375273606
Source Deleted	unknown