Viewing Program

Program Data

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

Title	Memory Game
ID	5911078114902016
Created	5 years ago, 1607541273515
Updated	5 years ago, 1608070999207
Code	/ How to play: The board consists of pairs of identical cards, upside down at the start, Click on two cards to flip them up, If they're different they'll flip back down, if they're similar they'll stay up. The aim is to reveal the whole board in the smallest amount of tries. (and within the time given if using the timer) I hope you enjoy it! 4x3: Can be done in 9-10 tries 6x5: Can be done in 23-25 tries 8x6: Can be done in 45-50 tries ...and if you're lucky and get some first-try matches it might even be less, but that's down to luck! Note: As the initial project took a long time to complete, it would never have been seen by many users. I wanted people to enjoy it so this is a new release in the hope it'll be more visible! 190+ votes?! Wow, thank you everyone! It means a lot to see that people appreciate my work. Start date: 2019-12-06 Finish date: 2020-12-04 Changes made to the starter code: - Replaced the card's drawing by my own design, - Added a design for when the mouse hovers a card, - Replaced the KA library images by customed images, - Added game's scenes: home, options, win, etc... + buttons to navigate between the scenes - Added a board size option (3 sizes), - Added a "rain" of cards in the winning scene, as learned in the "make-it-Rain" project! - Added a timer option. / // Code below //////////////////////////////////////////// /////// Graphics saved as images /////// //////////////////////////////////////////// // BACKGROUND var backgroundHomePage = function() { background(0, 0, 0); noStroke(); var f1 = createFont("Castellar"); textFont(f1, 34); for (var r = 0; r < 16; r++) { // loops for the mozaic of tiles for (var s = 0; s < 11; s++) { fill(random(70, 130), random(0, 80), random(130, 190), (255-s16)); rect(0+r25, 0+s37, 25, 37); fill(247, 244, 244, (255-s16)); text("?", 8+r25, 30+s37); } } filter(BLUR,2.0); }; // Home page background with tiles mozaic backgroundHomePage(); var imageBackgroundHomePage = get(0, 0, 400, 400); // COMMON DESIGN FOR ALL THE TILES - UNTURNED FACE var topTile = function(xTile, yTile) { background (255, 255, 255, 0); stroke(75, 11, 110); fill(97, 26, 163); rect(xTile, yTile, 97, 122, 10); noStroke(); fill(255, 255, 255, 15); rect(xTile, yTile+9, 97, 14); fill(255, 255, 255, 30); rect(xTile, yTile+14, 97, 17); fill(255, 255, 255, 20); rect(xTile+8, yTile, 14, 122); fill(255, 255, 255, 30); rect(xTile+0, yTile, 15, 122); var f1 = createFont("Castellar"); textFont(f1, 131); fill(247, 244, 244, 150); text("?", 183, 226); }; // drawing of a tile - top side topTile(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageTopTile = get(149, 117, 100, 127); var topTileHover = function(xTile, yTile) { background (255, 255, 255, 0); stroke(75, 11, 110); fill(137, 66, 204); rect(xTile, yTile, 99, 122, 10); noStroke(); fill(255, 255, 255, 10); rect(xTile, yTile+9, 97, 14); fill(255, 255, 255, 25); rect(xTile, yTile+14, 97, 17); fill(255, 255, 255, 15); rect(xTile+8, yTile, 14, 122); fill(255, 255, 255, 25); rect(xTile+0, yTile, 15, 122); var f1 = createFont("Castellar"); textFont(f1, 133); fill(250, 250, 250); text("?", 183, 226); }; // drawing of a tile - top side when mouse is hovering topTileHover(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageTopTileHover = get(149, 117, 100, 127); // UNIQUE DESIGNS FOR TURNED FACES var faceTileMP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(242, 196, 201); rect(xTile, yTile, 97, 122, 10); image(getImage( "avatars/mr-pink"), 162, 127, 80, 80); noStroke(); fill(247, 245, 232); // sunglasses ellipse(194, 158, 25, 17); ellipse(220, 158, 25, 17); triangle(169, 152, 190, 154, 185, 166); triangle(235, 156, 228, 152, 229, 167); stroke(247, 245, 232); strokeWeight(3); noFill(); arc(209, 160, 7, 7, -160, -20); noStroke(); fill(69, 50, 16); ellipse(194, 162, 22, 20); ellipse(220, 162, 22, 20); stroke(255, 255, 255, 150); strokeWeight(1); line(197, 154, 202, 161); line(197, 161, 201, 166); line(223, 154, 228, 161); line(223, 161, 227, 166); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Cool Mr Pink", 157, 234); }; // Cool Mr Pink Tile faceTileMP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageFaceTileMP = get(149, 117, 100, 127); var faceTileAO = function(xTile, yTile) { background(255, 255, 255, 0); // card stroke(75, 11, 110); fill(191, 185, 157); rect(xTile, yTile, 97, 122, 10); // pillow noStroke(); fill(255, 255, 255); quad(155, 147, 227, 130, 241, 184, 154, 200); stroke(235, 235, 235); strokeWeight(3); line(155, 147, 232, 130); line(155, 200, 244, 183); line(227, 126, 242, 188); // Oh Noes image(getImage( "creatures/OhNoes-Happy"), 157, 138, 80, 80); noStroke(); fill(190, 232, 181); ellipse(188, 170, 20, 35); ellipse(215, 166, 20, 35); ellipse(203, 192, 40, 20); stroke(138, 179, 111); strokeWeight(2); arc(181, 164, 30, 30, 37, 104); arc(211, 156, 30, 30, 37, 104); fill(138, 179, 111); arc(207, 197, 12, 17, 164, 340); var f1 = createFont("MV Boli"); fill(120, 115, 115); textFont(f1, 13); text("Zz", 227, 134); textSize(7); text("Z", 228, 156); textSize(10); text("Z", 233, 147); textFont(f1, 13); fill(8, 4, 4); text("Asleep OhNoes", 154, 234); }; // Asleep OhNoes Tile faceTileAO(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileAO = get(149, 117, 100, 126); var faceTileSL = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(130, 109, 17); rect(xTile, yTile, 97, 122, 10); image(getImage( "avatars/leaf-yellow"), 147, 124, 100, 100); fill(235, 206, 42); noStroke(); triangle(172, 208, 204, 213, 191, 206); // spikes right side triangle(191, 206, 216, 202, 201, 197); triangle(209, 189, 225, 190, 206, 199); triangle(214, 189, 234, 176, 220, 179); triangle(224, 167, 237, 163, 220, 179); triangle(224, 156, 237, 145, 224, 168); triangle(167, 204, 152, 180, 164, 190); // spikes left side triangle(164, 190, 159, 165, 168, 176); triangle(167, 174, 167, 154, 176, 164); triangle(184, 155, 178, 143, 173, 164); triangle(182, 155, 193, 133, 193, 147); triangle(206, 144, 213, 130, 191, 147); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(245, 240, 240); text("Spiky Leaf", 165, 234); }; // Spiky leaf Tile faceTileSL(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileSL = get(149, 117, 100, 126); var faceTileFA = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(230, 241, 242); rect(xTile, yTile, 97, 122, 10); image(getImage( "avatars/aqualine-tree"), 166, 121, 95, 95); stroke(140, 140, 140); line(153, 183, 194, 178); fill(64, 62, 64); arc(190, 178, 10, 10, 90, 260); fill(50, 50, 50, 150); arc(208, 162, 28, 30, 90, 260); pushMatrix(); noStroke(); fill(227, 235, 250); rotate(-10); rect(174, 181, 7, 29, 2); popMatrix(); var f1 = createFont("MV Boli"); textFont(f1, 12); fill(0, 0, 0); text("Fencing Aqualine", 153, 234); }; // Fencing Aqualine Tile faceTileFA(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileFA = get(149, 117, 100, 126); var faceTileOS = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(19, 50, 135); rect(xTile, yTile, 97, 122, 10); image(getImage( "avatars/spunky-sam"), 152, 120, 90, 90); noStroke(); fill(250, 250, 250); // gray hair arc(195, 184, 49, 48, 0, 180); ellipse(200, 138, 50, 20); beginShape(); vertex(198, 142); bezierVertex(210, 130, 185, 158, 194, 166); bezierVertex(194, 166, 179, 149, 198, 142); endShape(); stroke(232, 232, 232); strokeWeight(3); line(180, 165, 190, 165); line(198, 165, 206, 165); noFill(); stroke(19, 50, 135); strokeWeight(21); arc(197, 156, 79, 50, -150, -30); noFill(); stroke(0, 0, 0); // mouth strokeWeight(1); arc(192, 187, 18, 7, 0, 106); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(245, 242, 242); text("Old Sam", 171, 234); }; // drawing of the tile - Old Sam faceTileOS(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageFaceTileOS = get(149, 117, 100, 127); var faceTileBR = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(225, 177, 242); rect(xTile, yTile, 97, 122, 10); image(getImage( "avatars/robot_female_1"), 148, 119, 100, 100); noFill(); stroke(255, 255, 255); strokeWeight(5); arc(198, 201, 26, 14, 0, 179); arc(198, 205, 26, 14, 0, 179); noStroke(); fill(243, 247, 5); ellipse(198, 165, 15, 13); fill(209, 188, 27); ellipse(198, 165, 7, 7); fill(245, 177, 243); triangle(223, 137, 234, 152, 224, 156); triangle(172, 140, 163, 155, 172, 156); fill(237, 78, 33, 70); ellipse(184, 162, 10, 10); ellipse(213, 162, 10, 10); fill(99, 37, 19); ellipse(184, 150, 9, 11); ellipse(212, 150, 9, 11); fill(255, 255, 255); ellipse(184, 148, 4, 4); ellipse(212, 148, 4, 4); pushMatrix(); rotate(18); translate(47, -78); stroke(168, 111, 25); // teddy bear strokeWeight(2); fill(232, 207, 139); ellipse(209, 195, 8, 8); ellipse(224, 195, 8, 8); fill(168, 111, 25); ellipse(217, 201, 17, 17); ellipse(217, 219, 18, 23); noStroke(); fill(232, 207, 139); ellipse(217.5, 205, 10, 7); ellipse(217, 219, 10, 15); stroke(168, 111, 25); strokeWeight(2); ellipse(208, 214, 6, 6); ellipse(226, 214, 6, 6); noStroke(); fill(0, 0, 0); ellipse(213, 199, 2, 2); ellipse(221, 199, 2, 2); ellipse(217.5, 203, 4, 2); noFill(); stroke(0, 0, 0); strokeWeight(1); arc(217.5, 202, 10, 10, 53, 126); popMatrix(); noStroke(); fill(225, 177, 242); rect(152, 216, 94, 23, 10); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Baby Robot", 162, 234); }; // drawing of the tile - Baby Robot faceTileBR(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageFaceTileBR = get(149, 117, 100, 127); var kitchenHat = function() { //hat background(255, 255, 255, 0); noStroke(); fill(255, 255, 255); quad(243, 175, 296, 189, 289, 218, 228, 202); ellipse(252, 161, 40, 40); ellipse(296, 173, 40, 40); ellipse(282, 166, 40, 40); ellipse(269, 163, 40, 40); stroke(201, 199, 199); strokeWeight(2); line(241, 176, 294, 191); line(260, 158, 257, 175); line(281, 158, 269, 179); line(302, 167, 290, 185); line(292, 163, 284, 176); line(245, 150, 251, 172); noStroke(); quad(295, 207, 290, 207, 285, 256, 289, 256); quad(382, 277, 380, 273, 285, 317, 289, 319); quad(263, 272, 287, 249, 340, 355, 284, 355); }; // hat for Chef Leafers, below. kitchenHat(); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(215, 123, 174, 236); var imageKitchenHat = get(215, 123, 174, 236); var faceTileCL = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(10, 89, 18); rect(xTile, yTile, 97, 122, 10); noStroke(); rect(152, 120, 94, 23, 10); image(getImage( "avatars/leafers-ultimate"), 156, 113, 140, 140); noStroke(); rect(151, 119, 96, 23, 10); image(imageKitchenHat, 158, 119, 110, 110); fill(10, 89, 18); rect(151, 218, 96, 23, 10); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(252, 252, 252); text("Chef Leafers", 162, 234); stroke(75, 11, 110); // re-doing the contours noFill(); rect(xTile, yTile, 97, 122, 10); }; // drawing of the tile - Chef Leafers faceTileCL(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileCL = get(149, 117, 100, 126); var faceTileAP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(61, 23, 7); rect(xTile, yTile, 97, 122, 10); stroke(133, 130, 133); // slack line strokeWeight(2); line(151, 219, 246, 197); image(getImage( "avatars/piceratops-ultimate"), 153, 123, 95, 95); noStroke(); // juggling balls fill(9, 159, 240); ellipse(166, 180, 7, 7); fill(18, 230, 18); ellipse(202, 127, 7, 7); fill(237, 245, 10); ellipse(226, 172, 7, 7); fill(117, 12, 245); ellipse(223, 147, 7, 7); fill(252, 252, 252); ellipse(182, 131, 7, 7); fill(247, 10, 247); ellipse(167, 165, 7, 7); fill(0, 0, 0); ellipse(172, 147, 7, 7); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(250, 250, 250); text("Acrobat", 151, 227); text("Piceratops", 180, 238); }; // drawing of the tile - Acrobat Piceratops faceTileAP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileAP = get(149, 117, 100, 126); var faceTileSW = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(251, 252, 229); rect(xTile, yTile, 97, 122, 10); noStroke(); // background hearts for (var x = 0; x < 6; x++) { for (var y = 0; y < 5; y++) { fill(random(150, 260), random(50, 90), random(50, 90), 70); triangle(153+x16, 127+y20, 164+x16, 127+y20, 158.5+x16, 137+y20); arc(156+x16, 127+y20, 4.5, 7, -180, 0); arc(161+x16, 127+y20, 4.5, 7, -180, 0); } } image(getImage( "creatures/Winston"), 162, 138, 70, 70); fill(255, 255, 0); // eyes ellipse(188, 158, 14, 14); ellipse(221, 158, 14, 14); fill(0, 0, 0); arc(186, 157, 4.5, 7, -180, 0); arc(190.5, 157, 4.5, 7, -180, 0); triangle(184, 157, 193, 157, 188.5, 164); arc(218.5, 157, 4.5, 7, -180, 0); arc(223, 157, 4.5, 7, -180, 0); triangle(216, 157, 225, 157, 220.5, 164); var f1 = createFont("MV Boli"); textFont(f1, 11.5); fill(0, 0, 0); text("Smitten Winston", 152, 234); }; // drawing of the tile - Smitten Winston faceTileSW(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileSW = get(149, 117, 100, 126); var faceTilePP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(238, 227, 250); rect(xTile, yTile, 97, 122, 10); noStroke(); // piano fill(117, 73, 6); rect(151, 206, 96, 13); for (var p = -1; p < 8; p++) { stroke(26, 26, 26, 150); strokeWeight(0.5); fill(255, 255, 255); quad(160+p15, 185, 175+p15, 185, 145+p15, 206, 130+p15, 206); } for (var p = -1; p < 8; p++) { fill(0, 0, 0); quad(156+p15, 195, 166+p15, 195, 148+p15, 206, 138+p15, 206); } image(getImage( "avatars/purple-pi"), 162, 120, 80, 80); var f1 = createFont("MV Boli"); textFont(f1, 11.5); fill(0, 0, 0); text("Pianist Purple-Pi", 152, 234); }; // drawing of the tile - Pianist Purple-Pi faceTilePP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTilePP = get(151, 117, 93, 126); var faceTileCT = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(92, 28, 14); rect(xTile, yTile, 97, 122, 10); image(getImage( "cute/TreeTall"), 156, 110, 85, 115); // tree image(getImage( "cute/Star"), 183, 105, 30, 45); noFill(); // tinsels stroke(170, 30, 212); strokeWeight(5); arc(168, 163, 118, 62, 0, 90); arc(186, 139, 62, 29, 22, 113); stroke(32, 197, 212); arc(212, 145, 83, 71, 66, 165); noStroke(); // balls fill(242, 238, 22); ellipse(224, 162, 10, 10); ellipse(173, 185, 10, 10); ellipse(196, 156, 12, 12); ellipse(184, 207, 12, 12); fill(232, 59, 28); ellipse(206, 193, 10, 10); ellipse(211, 149, 10, 10); ellipse(172, 169, 12, 12); ellipse(230, 195, 12, 12); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(247, 244, 244); text("Festive tree", 161, 234); }; // drawing of the tile - Cute Festive Tree faceTileCT(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileCT = get(149, 117, 100, 126); var faceTileZS = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(232, 195, 49); rect(xTile, yTile, 97, 122, 10); stroke(255, 255, 255); // zebra strokeWeight(2); fill(0, 0, 0); beginShape(); curveVertex(195, 132); curveVertex(195, 132); curveVertex(204, 144); curveVertex(221, 157); curveVertex(174, 161); curveVertex(189, 140); curveVertex(195, 132); curveVertex(195, 132); endShape(); ellipse(199, 175, 64, 57); noStroke(); triangle(195, 134, 177, 155, 211, 153); strokeWeight(4); // stripes stroke(255, 255, 255); line(215, 152, 229, 170); line(196, 137, 226, 180); line(195, 135, 170, 175); line(226, 182, 207, 201); noStroke(); fill(0, 0, 0); triangle(196, 141, 225, 182, 204, 200); triangle(196, 141, 168, 183, 186, 200); fill(255, 255, 255); triangle(196, 141, 220, 182, 199, 200); triangle(196, 141, 170, 183, 193, 200); fill(0, 0, 0); triangle(196, 141, 215, 182, 196, 200); triangle(196, 141, 175, 183, 196, 200); fill(255, 255, 255); triangle(196, 141, 210, 182, 196, 200); triangle(196, 141, 180, 183, 196, 200); fill(0, 0, 0); triangle(196, 141, 205, 182, 196, 200); triangle(196, 141, 185, 183, 196, 200); fill(255, 255, 255); arc(206, 181, 9, 9, -180, -47); arc(184, 183, 9, 9, -154, 0); triangle(196, 141, 200, 182, 196, 200); triangle(196, 141, 190, 183, 196, 200); fill(0, 0, 0); triangle(196, 147, 198, 182, 196, 194); triangle(196, 147, 192, 183, 196, 194); stroke(255, 255, 255); strokeWeight(2); line(196, 141, 195, 196); noStroke(); // eyes fill(163, 109, 10); ellipse(205, 182, 5, 5); ellipse(186, 184, 5, 5); fill(0, 0, 0); ellipse(205, 182, 3, 3); ellipse(186, 184, 3, 3); fill(71, 45, 11); rect(190, 194, 12, 11, 4); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Zebra Seed", 161, 234); }; // drawing of the tile - Zebra Seed faceTileZS(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileZS = get(149, 117, 100, 126); var faceTileSmartW = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(99, 80, 43); rect(xTile, yTile, 97, 122, 10); fill(255, 255, 255); // shirt noStroke(); rect(174, 187, 48, 36); stroke(189, 189, 189, 100); // collar triangle(175, 187, 198, 195, 179, 205); triangle(221, 187, 198, 195, 217, 205); noStroke(); // tie fill(0, 0, 0); quad(190, 199, 198, 206, 206, 199, 198, 195); triangle(191, 216, 198, 199, 205, 216); rect(191, 216, 14, 7); fill(150, 150, 150); quad(222, 188, 247, 192, 247, 223, 214, 223); quad(174, 188, 151, 192, 151, 223, 182, 223); image(getImage("creatures/Winston"), 162, 126, 70, 70); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(247, 244, 244); text("Smart Winston", 152, 234); }; // drawing of the tile - Smart Winston faceTileSmartW(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 126); var imageFaceTileSmartW = get(149, 117, 100, 126); var topTileWhite = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); fill(252, 252, 252); rect(xTile, yTile, 97, 122, 10); noStroke(); fill(0, 0, 0, 15); rect(xTile, yTile+9, 97, 14); fill(0, 0, 0, 30); rect(xTile, yTile+14, 97, 17); fill(0, 0, 0, 20); rect(xTile+8, yTile, 14, 122); fill(0, 0, 0, 30); rect(xTile+0, yTile, 15, 122); var f1 = createFont("Castellar"); textFont(f1, 131); fill(0, 0, 0, 150); text("!", 183, 226); }; // drawing of the tile - top tile white topTileWhite(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 100, 127); var imageTopTileWhite = get(149, 117, 100, 127); var faceTileDH = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(92, 200, 219); rect(xTile, yTile, 97, 122, 10); image(getImage("creatures/Hopper-Happy"), 155, 125, 90, 90); fill(131, 199, 58); // shirt and trouser noStroke(); rect(179, 185, 35, 16); fill(207, 129, 12); quad(175, 200, 220, 201, 219, 207, 178, 207); rect(178, 207, 17, 5); rect(200, 207, 19, 5); fill(255, 255, 255); // white overall quad(165, 178, 188, 183, 195, 195, 179, 205); quad(227, 177, 205, 183, 199, 196, 219, 205); rect(199, 195, 23, 13); rect(174, 195, 21, 13); rect(224, 177, 14, 10); rect(162, 178, 8, 10); stroke(255, 0, 0); // stetoscope noFill(); beginShape(); curveVertex(222, 178); curveVertex(222, 178); curveVertex(216, 183); curveVertex(215, 194); curveVertex(215, 194); endShape(); beginShape(); curveVertex(173, 180); curveVertex(173, 180); curveVertex(180, 184); curveVertex(178, 187); curveVertex(178, 187); endShape(); beginShape(); curveVertex(184, 198); curveVertex(184, 198); curveVertex(178, 196); curveVertex(178, 187); curveVertex(181, 187); curveVertex(182, 196); curveVertex(177, 198); curveVertex(177, 198); endShape(); noStroke(); fill(107, 107, 107); ellipse(185, 198, 4, 3); ellipse(175, 198, 4, 3); fill(209, 209, 209); ellipse(215, 194, 7, 7); stroke(107, 107, 107); noFill(); ellipse(215, 194, 4, 4); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(247, 244, 244); text("Doctor Hopper", 153, 234); }; // Doctor Hopper Tile faceTileDH(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 99, 126); var imageFaceTileDH = get(149, 117, 99, 126); var faceTileFP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(80, 194, 70); rect(xTile, yTile, 97, 122, 10); stroke(255, 255, 255, 180); strokeWeight(4); line(153, 204, 245, 169); image(getImage("avatars/purple-pi-pink"), 155, 125, 90, 90); stroke(189, 185, 185); strokeWeight(1); fill(255, 255, 255); ellipse(223, 203, 26, 26); noStroke(); fill(0, 0, 0); quad(222, 201, 225, 202, 226, 205, 223, 208); quad(222, 201, 220, 202, 219, 206, 223, 208); quad(212, 195, 216, 192, 216, 197, 211, 199); quad(227, 191, 232, 194, 234, 197, 228, 197); triangle(224, 212, 227, 215, 220, 216); triangle(231, 206, 235, 202, 234, 210); triangle(214, 207, 210, 202, 211, 210); stroke(189, 185, 185); line(216, 197, 221, 202); line(228, 197, 224, 202); line(223, 212, 223, 208); line(214, 207, 219, 206); line(231, 206, 226, 205); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Footballer Pi", 159, 234); }; // Footballer Pi Tile faceTileFP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 99, 126); var imageFaceTileFP = get(149, 117, 99, 126); var faceTileSR = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(46, 15, 82); rect(xTile, yTile, 97, 122, 10); noStroke(); for(var i = 0; i <50; i++) {// lighting at the back fill(255, 255, 255, 20); ellipse(200, 167, 90-i4, 90-i4); } image(getImage("avatars/robot_male_2"), 155, 125, 90, 90); fill(118, 118, 120);// mouth rect(191, 155, 22, 6); fill(72, 72, 74); ellipse(200, 160, 9, 13); stroke(13, 13, 13);// microphone strokeWeight(3); line(193, 181, 193, 213); stroke(179, 179, 179); strokeWeight(1); line(192, 180, 192, 214); noStroke(); fill(128, 128, 128); ellipse(195, 173, 8, 8); stroke(41, 41, 41); strokeWeight(5); line(189, 185, 194, 175); stroke(179, 179, 179); strokeWeight(1); line(193, 174, 187, 185); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(247, 244, 244); text("Singer Robot", 159, 234); }; // Singer Robot Tile faceTileSR(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 99, 126); var imageFaceTileSR = get(149, 117, 99, 126); var faceTileUM = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(7, 25, 102); rect(xTile, yTile, 97, 122, 10); image(getImage("cute/Star"), 167, 117, 9, 16); // stars image(getImage("cute/Star"), 194, 169, 9, 16); image(getImage("cute/Star"), 221, 192, 9, 16); image(getImage("cute/Star"), 205, 200, 9, 16); image(getImage("cute/Star"), 189, 183, 9, 16); image(getImage("cute/Star"), 189, 147, 9, 16); image(getImage("cute/Star"), 188, 134, 9, 16); stroke(255, 255, 255, 70); // lines strokeWeight(3); line(198, 178, 226, 202); line(209, 211, 226, 202); line(209, 211, 192, 192); line(198, 178, 192, 192); line(198, 178, 193, 156); line(192, 143, 193, 156); line(192, 143, 172, 127); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(247, 244, 244); text("Ursa Major", 166, 234); }; // Ursa Major Tile faceTileUM(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 117, 99, 126); var imageFaceTileUM = get(149, 117, 99, 126); var faceTileCS = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(181, 178, 29); rect(xTile, yTile, 97, 122, 10); pushMatrix(); scale(0.82); image(getImage("avatars/starky-tree"), 208, 130); popMatrix(); stroke(43, 42, 42); // table strokeWeight(4); line(160, 187, 160, 212); line(185, 187, 185, 207); line(207, 187, 207, 219); line(233, 189, 233, 216); noStroke(); fill(181, 116, 11); quad(153, 181, 182, 180, 237, 189, 212, 194); fill(207, 148, 54); quad(154, 181, 154, 186, 212, 199, 212, 194); fill(161, 107, 27); quad(212, 199, 237, 193, 237, 188, 212, 194); stroke(250, 250, 250); // cup of coffee noFill(); strokeWeight(3); ellipse(223, 184, 7, 5); noStroke(); fill(250, 250, 250); rect(216, 181, 8, 8); ellipse(220, 189, 7, 2); stroke(250, 250, 250); strokeWeight(1); fill(115, 95, 23); ellipse(220, 181, 7, 3); stroke(255, 255, 255); // computer strokeWeight(1); fill(59, 58, 59); quad(196, 182, 213, 185, 198, 186, 179, 183); noStroke(); fill(255, 255, 255); quad(170, 165, 189, 168, 198, 186, 179, 183); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Coder Starky", 158, 234); }; // Coder Starky Tile faceTileCS(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 119, 99, 122); var imageFaceTileCS = get(149, 119, 99, 122); var faceTileAS = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(247, 207, 10); rect(xTile, yTile, 97, 122, 10); noStroke(); // stamp fill(255, 255, 255); rect(159, 131, 80, 89); fill(247, 207, 10); // cropped border arc(169, 221, 10, 10, 180, 360); arc(184, 221, 10, 10, 180, 360); arc(199, 221, 10, 10, 180, 360); arc(214, 221, 10, 10, 180, 360); arc(229, 221, 10, 10, 180, 360); arc(169, 131, 10, 10, 0, 180); arc(184, 131, 10, 10, 0, 180); arc(199, 131, 10, 10, 0, 180); arc(214, 131, 10, 10, 0, 180); arc(229, 131, 10, 10, 0, 180); arc(240, 143, 10, 10, 90, 270); arc(240, 160, 10, 10, 90, 270); arc(240, 175, 10, 10, 90, 270); arc(240, 191, 10, 10, 90, 270); arc(240, 207, 10, 10, 90, 270); arc(158, 143, 10, 10, -90, 90); arc(158, 160, 10, 10, -90, 90); arc(158, 175, 10, 10, -90, 90); arc(158, 191, 10, 10, -90, 90); arc(158, 207, 10, 10, -90, 90); fill(240, 240, 237); rect(166, 139, 66, 74); pushMatrix(); scale(0.31); image(getImage("avatars/avatar-team"), 536, 495); popMatrix(); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(8, 4, 4); text("Avatars Stamp", 153, 234); }; // Avatars Stamp Tile faceTileAS(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 119, 99, 122); var imageFaceTileAS = get(149, 119, 99, 122); var faceTileSP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(27, 127, 194); rect(xTile, yTile, 97, 122, 10); noFill(); // wave strokeWeight(3); stroke(73, 176, 214); arc(260, 178, 80, 80, 185, 300); stroke(70, 135, 184); arc(254, 178, 80, 80, 160, 300); stroke(76, 176, 212); arc(245, 179, 80, 80, 160, 300); stroke(44, 142, 207); arc(240, 180, 80, 80, 160, 300); stroke(70, 135, 184); arc(236, 178, 80, 80, 160, 300); stroke(73, 176, 214); arc(233, 176, 80, 80, 160, 300); stroke(70, 135, 184); arc(230, 178, 80, 80, 160, 300); stroke(76, 176, 212); arc(226, 179, 80, 80, 160, 300); stroke(44, 142, 207); arc(220, 180, 80, 80, 160, 300); stroke(70, 135, 184); arc(216, 182, 80, 80, 160, 300); stroke(44, 142, 207); arc(214, 182, 80, 80, 160, 300); stroke(44, 142, 207); arc(210, 183, 80, 80, 146, 300); stroke(57, 161, 209); arc(207, 184, 80, 80, 139, 300); stroke(37, 153, 207); arc(204, 186, 80, 80, 139, 300); stroke(61, 166, 204); arc(202, 184, 80, 80, 143, 300); stroke(51, 155, 189); arc(197, 187, 80, 80, 150, 300); stroke(70, 135, 184); arc(195, 189, 80, 80, 141, 300); stroke(37, 153, 207); arc(192, 188, 80, 80, 139, 300); stroke(73, 176, 214); arc(190, 192, 80, 80, 139, 300); stroke(255, 255, 255); arc(233, 178, 80, 80, 280, 300); arc(230, 178, 80, 80, 280, 300); arc(226, 179, 80, 80, 280, 300); arc(220, 180, 80, 80, 280, 300); arc(216, 182, 80, 80, 282, 300); arc(214, 182, 80, 80, 285, 300); arc(210, 183, 80, 80, 280, 300); arc(202, 184, 80, 80, 295, 300); arc(202, 181, 80, 80, 295, 308); arc(197, 187, 80, 80, 282, 300); arc(190, 192, 80, 80, 289, 300); arc(198, 184, 80, 80, 292, 307); arc(195, 189, 80, 80, 291, 300); arc(195, 192, 80, 80, 285, 300); noStroke(); // board fill(255, 255, 255); triangle(165, 218, 178, 200, 189, 215); fill(255, 255, 255); quad(177, 201, 189, 215, 223, 190, 202, 182); fill(255, 255, 255); ellipse(212, 186, 22, 18); strokeWeight(2); stroke(255, 183, 0); line(175, 206, 212, 178); stroke(255, 21, 0); line(171, 212, 216, 178); stroke(225, 0, 255); line(179, 215, 222, 184); stroke(255, 183, 0); line(183, 215, 222, 187); noFill(); stroke(27, 127, 194); strokeWeight(5); arc(171, 214, 10, 10, 88, 197); pushMatrix(); scale(0.6); image(getImage("avatars/primosaur-sapling"), 281, 225); popMatrix(); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 11); fill(250, 250, 250); text("Surfing Primosaur", 153, 234); }; // Surfing Primosaur Tile faceTileSP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(149, 119, 99, 122); var imageFaceTileSP = get(149, 119, 99, 122); var faceTileDF = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(31, 89, 29); rect(xTile, yTile, 97, 122, 10); for(var i = 0; i < 10; i++) { pushMatrix(); scale(0.3); image(getImage("cute/TreeTall"), 444+i37, 366); popMatrix(); } for(var i = 0; i < 5; i++) { pushMatrix(); scale(0.4); image(getImage("cute/TreeTall"), 337+i52, 307); popMatrix(); } for(var i = 0; i < 3; i++) { pushMatrix(); scale(0.5); image(getImage("cute/TreeTall"), 271+i71, 280); popMatrix(); } noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(250, 250, 250); text("Dense Forest", 159, 234); }; // Dense Forest Tile faceTileDF(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileDF = get(150, 119, 97, 122); var faceTileRD = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(125, 125, 125); rect(xTile, yTile, 97, 122, 10); stroke(255, 255, 255); // tracks strokeWeight(3); fill(186, 61, 11); arc(250, 219, 231, 177, 180, 270); arc(279, 219, 231, 159, 180, 270); arc(308, 219, 231, 141, 180, 270); arc(337, 219, 231, 123, 180, 270); strokeWeight(1); line(204, 138, 219, 149); line(232, 145, 249, 158); pushMatrix(); scale(0.7); image(getImage("avatars/duskpin-seedling"), 204, 166); popMatrix(); noStroke(); fill(255, 255, 255); // shoes ellipse(174, 202, 9, 4); fill(8, 210, 250); ellipse(174, 201, 9, 3); pushMatrix(); rotate(-40); translate(-154, 73); fill(255, 255, 255); ellipse(174, 202, 9, 4); fill(8, 210, 250); ellipse(174, 201, 9, 3); popMatrix(); noFill(); stroke(250, 250, 250); strokeWeight(4); arc(183, 185, 28, 16, -160, -17); strokeWeight(1); fill(250, 250, 250); ellipse(179, 167, 5, 5); noStroke(); var f2 = createFont("Engravers MT");// numbers on the tracks textFont(f2, 16); fill(255, 255, 255); pushMatrix(); rotate(-118); translate(-386, -98); text("6", 152, 234); text("5", 130, 258); popMatrix(); var f1 = createFont("MV Boli"); textFont(f1, 12); fill(250, 250, 250); text("Running Duskpin", 152, 234); }; // Running Duskpin Tile faceTileRD(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(152, 121, 93, 122); var imageFaceTileRD = get(152, 121, 93, 122); var faceTileFMP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(168, 102, 15); rect(xTile, yTile, 97, 122, 10); stroke(133, 84, 20); // lines on the ground strokeWeight(3); line(153, 200, 245, 171); line(153, 178, 245, 153); line(153, 156, 245, 135); line(153, 133, 245, 119); line(183, 223, 245, 200); fill(255, 166, 0); // crop 2 - pumpkins noStroke(); ellipse(209, 117, 15, 15); ellipse(179, 122, 16, 12); ellipse(155, 124, 20, 15); fill(255, 213, 0); quad(152, 136, 243, 123, 243, 130, 152, 150); noFill(); // crop 1 - leeks stroke(44, 191, 71); strokeWeight(2); arc(200, 148, 31, 35, 180, 230); arc(168, 148, 31, 35, 331, 360); arc(184, 151, 31, 35, 180, 230); arc(152, 151, 31, 35, 331, 360); arc(172, 153, 31, 35, 180, 230); arc(140, 153, 31, 35, 331, 360); arc(213, 145, 31, 35, 180, 230); arc(181, 145, 31, 35, 331, 360); arc(228, 141, 31, 35, 180, 230); arc(196, 141, 31, 35, 331, 360); arc(242, 138, 31, 35, 180, 230); arc(210, 138, 31, 35, 331, 360); arc(255, 135, 31, 35, 180, 230); arc(223, 135, 31, 35, 331, 360); noStroke(); fill(255, 213, 0); quad(152, 160, 246, 139, 246, 148, 152, 172); fill(24, 140, 64); // crop 3 - broccoli ellipse(152, 171, 10, 15); ellipse(165, 168, 10, 15); ellipse(180, 164, 10, 15); ellipse(194, 160, 10, 15); ellipse(208, 156, 10, 15); ellipse(220, 153, 10, 15); ellipse(232, 149, 10, 15); ellipse(245, 146, 10, 15); noStroke(); fill(255, 213, 0); quad(152, 182, 246, 157, 246, 165, 152, 195); fill(222, 81, 37); // crop 4 - carrots arc(157, 198, 7, 10, 144, 357); arc(167, 195, 7, 10, 144, 357); arc(177, 192, 7, 10, 144, 357); arc(186, 190, 7, 10, 144, 357); arc(195, 188, 7, 10, 144, 357); arc(204, 184, 7, 10, 144, 357); arc(212, 181, 7, 10, 144, 357); arc(221, 178, 7, 10, 144, 357); arc(231, 175, 7, 10, 144, 357); arc(239, 172, 7, 10, 144, 357); arc(248, 169, 7, 10, 144, 357); noFill(); stroke(50, 173, 73); strokeWeight(1); arc(171, 193, 29, 39, 180, 230); arc(141, 193, 29, 41, 331, 360); line(156, 179, 156, 190); arc(182, 190, 29, 39, 180, 230); arc(151, 190, 29, 41, 331, 360); line(167, 178, 166, 191); arc(236, 173, 29, 39, 180, 230); arc(205, 173, 29, 41, 331, 360); line(221, 159, 220, 173); arc(246, 170, 29, 39, 180, 230); arc(215, 170, 29, 41, 331, 360); line(231, 158, 230, 171); arc(254, 167, 29, 39, 180, 230); arc(223, 167, 29, 41, 331, 360); line(238, 155, 239, 169); arc(231, 165, 29, 41, 331, 360); line(246, 152, 247, 162); noStroke(); fill(255, 213, 0); quad(152, 204, 246, 175, 246, 191, 152, 225); pushMatrix(); scale(0.17); image(getImage("avatars/mr-pants-with-hat"), 999, 716); popMatrix(); stroke(105, 82, 36); // grelinette strokeWeight(3); line(173, 175, 179, 204); line(159, 181, 165, 209); stroke(0, 0, 0); line(165, 209, 180, 204); strokeWeight(1); line(172, 207, 175, 218); line(178, 206, 181, 216); line(175, 205, 178, 217); line(169, 208, 172, 219); line(166, 209, 169, 220); pushMatrix(); // hat rotate(17); translate(46, -143); stroke(222, 215, 124); fill(191, 182, 80); ellipse(200, 208, 47, 20); fill(217, 204, 56); ellipse(200, 204, 24, 10); fill(194, 179, 14); ellipse(200, 200, 24, 10); popMatrix(); strokeWeight(1); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 11); fill(250, 250, 250); text("Farmer Mr Pants", 153, 234); }; // Farmer Mr Pants Tile faceTileFMP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileFMP = get(150, 119, 97, 122); var faceTileDM = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(95, 222, 250); rect(xTile, yTile, 97, 122, 10); noFill(); // roller coaster rails strokeWeight(4); stroke(219, 219, 219); stroke(255, 255, 255); arc(176, 124, 125, 190, 0, 180); arc(156, 106, 125, 190, 0, 180); line(178, 195, 206, 204); line(171, 201, 197, 210); line(160, 201, 185, 216); line(153, 201, 164, 216); noStroke(); // carriages fill(108, 117, 140); quad(172, 179, 182, 155, 232, 155, 222, 179); quad(201, 139, 207, 120, 245, 120, 237, 139); noFill(); // handle bars stroke(51, 50, 50); strokeWeight(2); arc(196, 177, 29, 9, 180, 360); arc(219, 138, 21, 8, 180, 360); noStroke(); fill(10, 112, 163); quad(221, 178, 232, 154, 232, 170, 221, 194); quad(171, 178, 182, 154, 182, 170, 171, 194); quad(237, 138, 245, 119, 245, 131, 237, 152); quad(200, 138, 207, 119, 207, 133, 200, 152); fill(14, 156, 232); rect(171, 178, 50, 17); rect(179, 194, 35, 7); rect(200, 138, 38, 14); // carriage behind rect(204, 151, 29, 5); pushMatrix(); scale(0.41); image(getImage("avatars/marcimus"), 420, 320); popMatrix(); noStroke(); // mouth fill(77, 18, 77); arc(196, 161, 8, 14, 8, 182); strokeWeight(1); noStroke(); var f1 = createFont("MV Boli"); textFont(f1, 12); fill(5, 5, 5); text("Daring Marcimus", 152, 234); }; // Daring Marcimus Tile faceTileDM(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileDM = get(150, 119, 97, 122); var faceTileDS = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(5, 5, 5); rect(xTile, yTile, 97, 122, 10); pushMatrix(); scale(0.60); image(getImage("avatars/orange-juice-squid"), 263, 229); popMatrix(); noStroke(); // candles fill(250, 242, 8); ellipse(220, 183, 4, 6); ellipse(179, 187, 4, 6); stroke(191, 191, 191); strokeWeight(3); line(214, 197, 223, 197); line(173, 201, 182, 201); noStroke(); fill(255, 255, 255); rect(217, 187, 5, 10); rect(176, 191, 5, 10); stroke(212, 144, 212); strokeWeight(1); line(219, 183, 219, 187); line(178, 187, 178, 191); for (var d = 0; d < 313; d+=1.0) { // darkness stroke(3, 3, 3, 7); strokeWeight(92); noFill(); ellipse(200, 185, 452-d, 400-d); //ellipse(216, 186, 400-d, 400-d); } var f1 = createFont("MV Boli"); textFont(f1, 11); fill(250, 250, 250); text("In-the-dark Squid", 152, 234); }; // In-the -dark Squid Tile faceTileDS(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileDS = get(150, 119, 97, 122); var faceTileAL = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card fill(250, 250, 250); rect(xTile, yTile, 97, 122, 10); for (var i = 0; i < 70; i++) { // leaves pushMatrix(); scale(0.19); image(getImage("avatars/leaf-orange"), random(695, 1291), random(539, 1123)); image(getImage("avatars/leaf-green"), random(695, 1291), random(539, 1123)); image(getImage("avatars/leaf-red"), random(695, 1291), random(539, 1123)); image(getImage("avatars/leaf-yellow"), random(695, 1291), random(539, 1123)); popMatrix(); } noStroke(); fill(250, 250, 250); rect(151, 222, 96, 13); var f1 = createFont("MV Boli"); textFont(f1, 12); fill(5, 5, 5); text("Autumn Leaves", 154, 234); }; // Autumn Leaves Tile faceTileAL(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileAL = get(150, 119, 97, 122); var faceTileP = function(xTile, yTile) { background(255, 255, 255, 0); stroke(75, 11, 110); //card strokeWeight(1); fill(250, 247, 250); rect(xTile, yTile, 97, 122, 10); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 18); fill(199, 84, 199); text("3.1415926535897932384626433832795...", 154, 124, 81, 124); var f1 = createFont("MV Boli"); textFont(f1, 13); fill(5, 5, 5); text("Pi", 191, 236); }; // Pi Tile faceTileP(150, 119); //strokeWeight(0.5); //stroke(0, 0, 0); //fill(191, 189, 189, 50); //rect(150, 119, 97, 122); var imageFaceTileP = get(150, 119, 97, 122); ////////////////////////////////////////////////// /////// Global variables for the board /////// ////////////////////////////////////////////////// // Declare an array of all possible faces - 28 in total var faces = [ imageFaceTileMP, imageFaceTileOS, imageFaceTileBR, imageFaceTileCL, imageFaceTileAO, imageFaceTileSL, imageFaceTileAP, imageFaceTileFA, imageFaceTileSW, imageFaceTilePP, imageFaceTileCT, imageFaceTileZS, imageFaceTileSmartW, imageTopTileWhite, imageFaceTileDH, imageFaceTileFP, imageFaceTileSR, imageFaceTileUM, imageFaceTileCS, imageFaceTileAS, imageFaceTileSP, imageFaceTileDF, imageFaceTileRD, imageFaceTileFMP, imageFaceTileDM, imageFaceTileDS, imageFaceTileAL, imageFaceTileP ]; /////////////////////////////////////////////////////// /////// Tile Constructor, hover & Tile Draw /////// /////////////////////////////////////////////////////// var Tile = function(x, y, face, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; this.face = face; this.isFaceUp = false; this.isMatch = false; this.over = false; }; // constructor with parameters and variables Tile.prototype.isUnderMouse = function() { return mouseX > (this.x) && mouseX < (this.x+this.width) && mouseY > (this.y) && mouseY < (this.y+this.height); }; // detects when the mouse is over a tile Tile.prototype.draw = function() { if (this.isFaceUp) { image(this.face, this.x, this.y, this.width, this.height); } else { if (this.isUnderMouse()) { this.over = true; } else { this.over = false; } if (this.over) { image(imageTopTileHover, this.x-1, this.y-1, this.width+2, this.height+2); } else { image(imageTopTile, this.x, this.y, this.width, this.height); } } }; // drawing of the tiles, faces and top side ////////////////////////////////////////////////////////////// /////// Variables for the boards & Shuffle Function /////// ////////////////////////////////////////////////////////////// var tiles = []; var numTries = 0; var numMatches = 0; var flippedTiles = []; var delayStartFC = null; // Function to shuffle the elements of an array var shuffleArray = function(array) { var counter = array.length; // While there are elements in the array while (counter > 0) { // Pick a random index var ind = Math.floor(Math.random() counter); // Decrease counter by 1 counter--; // And swap the last element with it var temp = array[counter]; array[counter] = array[ind]; array[ind] = temp; } }; ////////////////////////////////////////////////////////////// /////// Variables and function for the timer ///////////// ////////////////////////////////////////////////////////////// var Timer = function(xTimer, yTimer, speedTimer) { this.xTimer = xTimer; this.yTimer = yTimer; this.speedTimer = speedTimer; }; Timer.prototype.draw = function() { stroke(107, 107, 107, 75); fill(249, 249, 252, 200); rect(this.xTimer, 44, 9, 250); fill(67, 224, 67); rect(this.xTimer, 44 + this.yTimer, 9, 250 - this.yTimer); }; Timer.prototype.update = function() { this.yTimer = this.yTimer + this.speedTimer; }; var Timer1 = new Timer(376, 0, 0.160); var Timer2 = new Timer(376, 0, 0.050); var Timer3 = new Timer(376, 0, 0.015); /////////////////////////// /////// Buttons /////// /////////////////////////// var Button = function(x, y, width, height, label, labelx, labely, labelSize) { this.x = x; this.y = y; this.width = width; this.height = height; this.label = label; this.labelx = labelx; this.labely = labely; this.labelSize = labelSize; this.over = false; }; // Parameters and variables for the buttons Button.prototype.isMouseInside = function() { return mouseX > (this.x) && mouseX < (this.x+this.width) && mouseY > (this.y) && mouseY < (this.y+this.height); }; // Detects when the mouse is over a button Button.prototype.draw = function() { if (this.isMouseInside()) { this.over = true; } else { this.over = false; } if (this.over) { fill(235, 238, 245); rect(this.x, this.y, this.width, this.height, 5); var f4 = createFont("amienne"); textFont(f4, this.labelSize); fill(76, 160, 212); text(this.label, this.x+this.labelx, this.y+this.labely); } else { fill(76, 160, 212); rect(this.x, this.y, this.width, this.height, 5); var f4 = createFont("amienne"); textFont(f4, this.labelSize); fill(235, 238, 245); //pushMatrix(); text(this.label, this.x+this.labelx, this.y+this.labely); } }; // Buttons design var btn1 = new Button(109, 265, 78, 69, "Play", 10, 43, 30); var btn2 = new Button(208, 241, 78, 36, "How", 19, 25, 20); var btn3 = new Button(208, 281, 78, 36, "Extra", 16, 25, 20); var btn4 = new Button(208, 321, 78, 36, "Credits", 7, 25, 20); var btn5 = new Button(75, 349, 78, 38, "Back", 15, 25, 20); var btn6 = new Button(153, 321, 78, 69, "Start", 11, 43, 25); var btn7 = new Button(31, 349, 78, 38, "Back", 15, 26, 20); var btn8 = new Button(31, 349, 78, 38, "Menu", 13, 26, 20); // var btn9 = new Button(153, 321, 78, 69, "Another\n go?", 2, 29, 19); var btn9 = new Button(174, 181, 120, 26, "Larry Serflaten", 7, 19, 16); var btn10 = new Button(174, 90, 129, 26, "Christelle Winter", 7, 19, 16); /////////////////////////// /////// Options /////// /////////////////////////// // BOARD SIZE OPTION: var Option = function(x, y, width, height, label, labelx, labely, labelSize) { this.x = x; this.y = y; this.width = width; this.height = height; this.label = label; this.labelx = labelx; this.labely = labely; this.labelSize = labelSize; this.over = false; this.selected = false; }; Option.prototype.isMouseInside = function() { return mouseX > (this.x) && mouseX < (this.x+this.width) && mouseY > (this.y) && mouseY < (this.y+this.height); }; // Coordinates when the mouse is over an Option Option.prototype.draw = function() { if (this.isMouseInside()) { this.over = true; } else { this.over = false; } if (this.over) { noStroke(); fill(180, 136, 207); rect(this.x-1, this.y-1, this.width+2, this.height+2, 3); var f4 = createFont("amienne"); textFont(f4, this.labelSize+1); fill(58, 86, 209); text(this.label, this.x+this.labelx, this.y+this.labely); } else if (this.selected === true) { noStroke(); fill(213, 167, 242); rect(this.x-1, this.y-1, this.width+2, this.height+2, 3); var f4 = createFont("amienne"); textFont(f4, this.labelSize+1); fill(58, 86, 209); text(this.label, this.x+this.labelx, this.y+this.labely); } else { noStroke(); var f4 = createFont("amienne"); textFont(f4, this.labelSize); fill(189, 198, 240); text(this.label, this.x+this.labelx, this.y+this.labely); } }; var Opt1 = new Option(200, 84, 125, 20, "Small (4x3)", 1, 15, 17); var Opt2 = new Option(200, 106, 125, 20, "Medium (6x5)", 1, 15, 17); var Opt3 = new Option(200, 128, 125, 20, "Large (8x6)", 1, 15, 17); // ON-OFF SWITCH OPTION FOR TIMER var Switch = function(x, y) { this.x = x; this.y = y; this.over = false; this.selected = false; }; Switch.prototype.isMouseInside = function() { return mouseX > (this.x) && mouseX < (this.x+51) && mouseY > (this.y) && mouseY < (this.y+25); }; // Coordinates when the mouse is over an Option Switch.prototype.draw = function() { if (this.isMouseInside()) { // if the mouse is inside switch button, over becomes true this.over = true; } else { this.over = false; } if (this.selected === true) { // design of the button once switched on fill(204, 216, 237); stroke(58, 86, 209); rect(this.x, this.y, 51, 25, 20); noStroke(); fill(58, 86, 209); ellipse(this.x+39, this.y+13, 25, 25); } else if (this.selected === false) { // design of the button once switched off noFill(); stroke(127, 135, 140); rect(this.x, this.y, 51, 25, 20); noStroke(); fill(112, 108, 108); ellipse(this.x+13, this.y+13, 25, 25); } if (this.over) { // design when mouse is over the button noFill(); stroke(180, 136, 207); rect(this.x, this.y, 51, 25, 20); noStroke(); } }; var SwitchTimer = new Switch(200, 177); ///////////////////////////////// /////// Game's Scenes /////// ///////////////////////////////// var currentScene; // variable to track the order in the pages var openB = 0; // variable for the animation to reveal the board var btnStart = false; // the Start button doesn't show until the options are selected. var xPositions = []; var yPositions = []; var speedTiles = []; var rotateTiles = []; for (var p = 0; p < faces.length; p++) { // loop for the rain of cards in the win scene xPositions.push(random(-50, 450)); yPositions.push(random(-400, -100)); speedTiles.push(random(4, 10)); rotateTiles.push(random(-20, 20)); } var facesWin = [ // array for the cards in front in the win scene imageFaceTileMP, imageFaceTileOS, imageFaceTileBR, imageFaceTileCL ]; var xPositionsFront = []; var yPositionsFront = []; var speedTilesFront = []; var rotateTilesFront = []; for (var p = 0; p < facesWin.length; p++) { // loop for the rain of cards in front in the win scene xPositionsFront.push(random(-50, 450)); yPositionsFront.push(random(-400, -100)); speedTilesFront.push(random(4, 10)); rotateTilesFront.push(random(-20, 20)); } var drawScene1 = function() { currentScene = 1; image(imageBackgroundHomePage, 0, 0); pushMatrix(); // Mr Pink card rotate(-10); scale(0.75); image(imageFaceTileMP, 102, 17); popMatrix(); noStroke(); fill(18, 15, 18, 180); // Title rect(42, 76, 316, 133); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 56); fill(219, 189, 240); text("MEMORY", 49, 127); text("GAME", 102, 187); fill(170, 39, 214); text("MEMORY", 51, 129); text("GAME", 104, 189); pushMatrix(); // Oh Noes card rotate(25); scale(0.75); image(imageFaceTileAO, 132, 258); popMatrix(); pushMatrix(); // Spiky Leaf Card rotate(70); scale(0.75); image(imageFaceTileSL, 113, -486); popMatrix(); pushMatrix(); // Fencing Aqualine rotate(-46); scale(0.75); image(imageFaceTileFA, 63, 461); popMatrix(); btn1.draw(); btn2.draw(); btn3.draw(); btn4.draw(); var f4 = createFont("amienne"); textFont(f4, 20); fill(230, 191, 242); text("Created by Christelle Winter", 71, 394); fill(148, 44, 222); text("Created by Christelle Winter", 72, 395); }; // Home page var drawScene3 = function() { currentScene = 3; image((imageBackgroundHomePage), 0, 0, 400, 400); noStroke(); fill(18, 15, 18, 190); // Title rect(31, 18, 337, 327); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(219, 189, 240); text("HOW", 131, 57); fill(170, 39, 214); text("HOW", 133, 59); var f4 = createFont("amienne"); fill(219, 189, 240); textFont(f4, 17); textLeading(23); text("The board consists of pairs of identical\ncards, upside down at the start.\n\nClick on two cards to flip them up.\n- If they're different they'll go back to\ntheir initial position,\n- if they're similar they'll stay up.\n\nThe aim is to reveal the whole board in\nthe smallest amount of tries (and within\nthe time given if using the timer!)", 46, 97); btn5.draw(); }; // How to play - page 1 var drawScene4 = function() { currentScene = 4; image((imageBackgroundHomePage), 0, 0, 400, 400); noStroke(); fill(18, 15, 18, 180); // Title rect(31, 18, 337, 327); noFill(); stroke(76, 160, 212, 200); strokeWeight(3); rect(42, 79, 315, 80); rect(42, 159, 315, 65); noStroke(); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(219, 189, 240); text("OPTIONS", 76, 57); fill(170, 39, 214); text("OPTIONS", 78, 59); fill(219, 189, 240); // board size options textFont(f2, 17); text("Board Size", 59, 121); Opt1.draw(); Opt2.draw(); Opt3.draw(); fill(219, 189, 240); // timer options textFont(f2, 17); text("Timer", 59, 195); SwitchTimer.draw(); btn7.draw(); if (btnStart === true) { btn6.draw(); } }; // options page var drawScene5 = function() { currentScene = 5; background(25, 25, 25); for (var i = 0; i < faces.length; i++) { // loop for the card falling behind the message pushMatrix(); scale(0.75); rotate(rotateTiles[i]); image((faces[i]), xPositions[i], yPositions[i]); popMatrix(); yPositions[i] += speedTiles[i]; if (yPositions[i] > 620) { yPositions[i] = random(-400, -100); } } noStroke(); fill(43, 153, 29, 220); rect(31, 64, 337, 213, 5); var f4 = createFont("amienne"); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(225, 250, 225); text("YOU WON !!", 49, 115); fill(28, 230, 28); text("YOU WON !!", 51, 117); fill(225, 250, 225); textFont(f4, 29); text("CONGRATULATIONS", 55, 180); textFont(f4, 20); text("You found them all in " + numTries + " tries!", 68, 240); for (var j = 0; j < facesWin.length; j++) {// loop for the cards at the front of the message pushMatrix(); scale(0.75); rotate(rotateTilesFront[j]); image((facesWin[j]), xPositionsFront[j], yPositionsFront[j]); popMatrix(); yPositionsFront[j] += speedTilesFront[j]; if (yPositionsFront[j] > 820) { yPositionsFront[j] = random(-400, -100); } } btn8.draw(); }; //Win page var drawScene6 = function() { currentScene = 6; image((imageBackgroundHomePage), 0, 0, 400, 400); noStroke(); fill(18, 15, 18, 190); // Title rect(22, 18, 355, 327); var f4 = createFont("amienne"); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(219, 189, 240); text("EXTRA", 98, 57); fill(170, 39, 214); text("EXTRA", 100, 59); fill(219, 189, 240); textFont(f4, 16); textLeading(23); var message = "Just like any other part of your body, exercise is also important for your brain. In fact, when you repeat things over and over, it creates a stronger connection between active neurons.\n\nMy favorite tip to memorize long lists? The journey/story technique: associate information with landmarks on a journey that you know well or an imaginary story that is interesting to you."; text(message, 34, 97, 327, 238); btn5.draw(); }; // Extra var drawScene7 = function() { currentScene = 7; image((imageBackgroundHomePage), 0, 0, 400, 400); noStroke(); fill(18, 15, 18, 190); // Title rect(31, 18, 337, 327); var f4 = createFont("amienne"); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(219, 189, 240); text("CREDITS", 79, 57); fill(170, 39, 214); text("CREDITS", 81, 59); textFont(f4, 16); textLeading(23); fill(219, 189, 240); var messageCredits = "This was made by , using the Khan Academy starter code from Project: Memory++.\n\nA big thank you to , who helped me when I was stuck with the hover of the mouse above the cards & the creation of a board size option."; text(messageCredits,40, 97, 305, 300); btn9.draw(); btn10.draw(); btn5.draw(); }; // Credits var drawScene8 = function() { currentScene = 8; background(25, 25, 25); noStroke(); fill(153, 43, 29, 220); rect(31, 64, 337, 213, 5); var f4 = createFont("amienne"); var f2 = createFont("Rockwell Extrabold"); textFont(f2, 47); fill(250, 227, 225); text("YOU LOST !!", 49, 115); fill(230, 76, 30); text("YOU LOST !!", 51, 117); fill(250, 227, 225); textFont(f4, 20); text("You weren't fast enough...", 85, 193); image(getImage("avatars/old-spice-man-blue"), 225, 231); btn8.draw(); //btn9.draw(); }; //Loose page var drawScene10 = function() { currentScene = 10; background(26, 24, 26); if (delayStartFC && (frameCount - delayStartFC) > 30) { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (!tile.isMatch) { tile.isFaceUp = false; } } flippedTiles = []; delayStartFC = null; //noLoop(); } // flipping the cards back after a certain time. for (var i = 0; i < tiles.length; i++) { tiles[i].draw(); } if (numMatches === tiles.length/2) { drawScene5(); } if (SwitchTimer.selected === true) { Timer1.draw(); // the timer is drawn Timer1.update(); var f4 = createFont("amienne"); textFont(f4, 12); fill(219, 189, 240); text("Timer", 365, 37); } noStroke(); fill(0, 0, 0); rect(0-openB, 0, 200, 400); rect(200+openB, 0, 200, 400); openB +=10; }; // board game Small var drawScene11 = function() { currentScene = 11; background(26, 24, 26); if (delayStartFC && (frameCount - delayStartFC) > 30) { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (!tile.isMatch) { tile.isFaceUp = false; } } flippedTiles = []; delayStartFC = null; //noLoop(); } // flipping the cards back after a certain time. for (var i = 0; i < tiles.length; i++) { tiles[i].draw(); } if (numMatches === tiles.length/2) { drawScene5(); } if (SwitchTimer.selected === true) { Timer2.draw(); // the timer is drawn Timer2.update(); var f4 = createFont("amienne"); textFont(f4, 12); fill(219, 189, 240); text("Timer", 365, 37); } noStroke(); fill(0, 0, 0); rect(0-openB, 0, 200, 400); rect(200+openB, 0, 200, 400); openB +=10; }; // board game Medium var drawScene12 = function() { currentScene = 12; background(26, 24, 26); if (delayStartFC && (frameCount - delayStartFC) > 30) { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (!tile.isMatch) { tile.isFaceUp = false; } } flippedTiles = []; delayStartFC = null; //noLoop(); } // flipping the cards back after a certain time. for (var i = 0; i < tiles.length; i++) { tiles[i].draw(); } if (numMatches === tiles.length/2) { drawScene5(); } if (SwitchTimer.selected === true) { Timer3.draw(); // the timer is drawn Timer3.update(); var f4 = createFont("amienne"); textFont(f4, 12); fill(219, 189, 240); text("Timer", 365, 37); } noStroke(); fill(0, 0, 0); rect(0-openB, 0, 200, 400); rect(200+openB, 0, 200, 400); openB +=10; }; // board game Large ////////////////////////////////////////////////////// /////// User Interaction with mouseClicked /////// ////////////////////////////////////////////////////// mouseClicked = function() { if (currentScene === 1 && btn1.isMouseInside()) { // page transition drawScene4(); } else if (currentScene === 1 && btn2.isMouseInside()) {// page transition drawScene3(); } else if (currentScene === 1 && btn3.isMouseInside()) {// page transition drawScene6(); } else if (currentScene === 1 && btn4.isMouseInside()) {// page transition drawScene7(); } else if (currentScene === 3 && btn5.isMouseInside()) {// page transition drawScene1(); } if (currentScene === 4 && btn7.isMouseInside()) {// page transition drawScene1(); } else if (currentScene === 4 && Opt1.isMouseInside()) {// selection small Board Opt1.selected = true; Opt2.selected = false; Opt3.selected = false; btnStart = true; } else if (currentScene === 4 && Opt2.isMouseInside()) {// selection medium board Opt1.selected = false; Opt2.selected = true; Opt3.selected = false; btnStart = true; } else if (currentScene === 4 && Opt3.isMouseInside()) {// selection large board Opt1.selected = false; Opt2.selected = false; Opt3.selected = true; btnStart = true; } if (currentScene === 4 && SwitchTimer.isMouseInside() && SwitchTimer.selected === false) {// Switch timer on SwitchTimer.selected = true; } else if (currentScene === 4 && SwitchTimer.isMouseInside() && SwitchTimer.selected === true) {// Switch timer off SwitchTimer.selected = false; } // The small board is created when the button start is pressed and the option was selected else if (currentScene === 4 && btn6.isMouseInside() && Opt1.selected === true) { var NUM_COLS = 4; var NUM_ROWS = 3; var Margin_Left = 50; var Margin_Top = 40; var tileWidth = 70; var tileHeight = 83; var space_horiz = 75; var space_verti = 87; // the pairs are selected: var selected = []; var possibleFaces = faces.slice(0); for (var i = 0; i < (NUM_COLS * NUM_ROWS) / 2; i++) { // Randomly pick one from the array of remaining faces var randomInd = floor(random(possibleFaces.length)); var face = possibleFaces[randomInd]; // Push twice onto array selected.push(face); selected.push(face); // Remove from array possibleFaces.splice(randomInd, 1); } // the array of pairs is shuffled shuffleArray(selected); // the board is created, the tiles are positionned for (var i = 0; i < NUM_COLS; i++) { for (var j = 0; j < NUM_ROWS; j++) { var tileX = i * space_horiz + Margin_Left; var tileY = j * space_verti + Margin_Top; var tileFace = selected.pop(); tiles.push(new Tile(tileX, tileY, tileFace, tileWidth, tileHeight)); } } drawScene10(); } // The medium board is created when the button start is pressed and the option was selected else if (currentScene === 4 && btn6.isMouseInside() && Opt2.selected === true) { var NUM_COLS = 6; var NUM_ROWS = 5; var Margin_Left = 10; var Margin_Top = 12; var tileWidth = 62; var tileHeight = 73.5; var space_horiz = 64; var space_verti = 75; // the pairs are selected: var selected = []; var possibleFaces = faces.slice(0); for (var i = 0; i < (NUM_COLS * NUM_ROWS) / 2; i++) { // Randomly pick one from the array of remaining faces var randomInd = floor(random(possibleFaces.length)); var face = possibleFaces[randomInd]; // Push twice onto array selected.push(face); selected.push(face); // Remove from array possibleFaces.splice(randomInd, 1); } // the array of pairs is shuffled shuffleArray(selected); // the board is created, the tiles are positionned for (var i = 0; i < NUM_COLS; i++) { for (var j = 0; j < NUM_ROWS; j++) { var tileX = i * space_horiz + Margin_Left; var tileY = j * space_verti + Margin_Top; var tileFace = selected.pop(); tiles.push(new Tile(tileX, tileY, tileFace, tileWidth, tileHeight)); } } drawScene11(); } // The large board is created when the button start is pressed and the option was selected else if (currentScene === 4 && btn6.isMouseInside() && Opt3.selected === true) { var NUM_COLS = 8; var NUM_ROWS = 7; var Margin_Left = 11; var Margin_Top = 4; var tileWidth = 46; var tileHeight = 55; var space_horiz = 47; var space_verti = 56; // the pairs are selected: var selected = []; var possibleFaces = faces.slice(0); for (var i = 0; i < (NUM_COLS * NUM_ROWS) / 2; i++) { // Randomly pick one from the array of remaining faces var randomInd = floor(random(possibleFaces.length)); var face = possibleFaces[randomInd]; // Push twice onto array selected.push(face); selected.push(face); // Remove from array possibleFaces.splice(randomInd, 1); } // the array of pairs is shuffled shuffleArray(selected); // the board is created, the tiles are positionned for (var i = 0; i < NUM_COLS; i++) { for (var j = 0; j < NUM_ROWS; j++) { var tileX = i * space_horiz + Margin_Left; var tileY = j * space_verti + Margin_Top; var tileFace = selected.pop(); tiles.push(new Tile(tileX, tileY, tileFace, tileWidth, tileHeight)); } } drawScene12(); } // Actions done when clicking on tiles during the game: else if (currentScene === 10 \|\| currentScene === 11 \|\| currentScene === 12) { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (tile.isUnderMouse(mouseX, mouseY)) { if (flippedTiles.length < 2 && !tile.isFaceUp) { tile.isFaceUp = true; flippedTiles.push(tile); if (flippedTiles.length === 2) { numTries++; if (flippedTiles[0].face === flippedTiles[1].face) { flippedTiles[0].isMatch = true; flippedTiles[1].isMatch = true; flippedTiles.length = 0; numMatches++; } delayStartFC = frameCount; } } loop(); } } } else if (currentScene === 5 && btn8.isMouseInside()) {// page transition Program.restart(); } else if (currentScene === 6 && btn5.isMouseInside()) {// page transition drawScene1(); } else if (currentScene === 7 && btn5.isMouseInside()) {// page transition drawScene1(); } else if (currentScene === 8 && btn8.isMouseInside()) {// page transition Program.restart(); } // println to go to profiles of those given credit to: else if(currentScene === 7 && btn10.isMouseInside()) { println("https://www.khanacademy.org/profile/kaid_384553511609450674446247"); } else if(currentScene === 7 && btn9.isMouseInside()) { println("https://www.khanacademy.org/profile/kaid_271442154897019790150825"); } }; //////////////////////////////////////////////////// /////// Animation with the draw function /////// //////////////////////////////////////////////////// drawScene1(); // Starting scene draw = function() { if (currentScene === 1) { drawScene1(); } else if (currentScene === 3) { drawScene3(); } else if (currentScene === 4) { drawScene4(); } else if (currentScene === 5) { drawScene5(); } else if (currentScene === 6) { drawScene6(); } else if (currentScene === 7) { drawScene7(); } else if (currentScene === 8) { drawScene8(); } else if (currentScene === 10) { drawScene10(); if (SwitchTimer.selected === true && Timer1.yTimer > 250) { drawScene8(); // if timer is finished, go to loosing page } } else if (currentScene === 11) { drawScene11(); if (SwitchTimer.selected === true && Timer2.yTimer > 250) { drawScene8(); // if timer is finished, go to loosing page } } else if (currentScene === 12) { drawScene12(); if (SwitchTimer.selected === true && Timer3.yTimer > 250) { drawScene8(); // if timer is finished, go to loosing page } } }; // The end! /* Log: 2019-12-06: Start date! 2020-04-07: Three boards created - 14 customed images created Issues: lagging + overlapping error when board size is selected. 2020-11-30: Started to work on the project again after 7 months off. Trying a way to reduce lagging by using Tegoon's technique: https://www.khanacademy.org/computer-programming/ice-and-fire-official-version/5694230592 Similar to the one used by kaadmy: https://www.khanacademy.org/computer-programming/image-caching-tutorial/5499898575323136 No obvious benefits for this game, changed back to what it was before. 2020-12-02: Solved issue of overlapping boards, by creating a separate scene for each board size and adding the variables and commands for each board directly into the mouseClicked function. */
Folds	57,74,83,103,113,133,146,181,191,241,251,280,290,317,327,366,376,449,459,484,494,520,530,566,576,613,623,654,664,700,710,786,796,830,840,861,871,944,954,1001,1011,1058,1068,1102,1112,1172,1182,1229,1239,1341,1351,1387,1397,1466,1476,1620,1630,1694,1704,1753,1763,1790,1800,1820,1877,1886,1889,1894,1897,1916,1934,1949,1959,1963,1966,1973,1976,1978,1990,2000,2002,2007,2010,2042,2077,2088,2090,2095,2098,2135,2145,2150,2152,2157,2160,2196,2247,2301,2304,2329,2332,2378,2381,2436,2439,2465,2468,2497,2500,2528,2531,2580,2583,2628,2631,2680
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ36gYPACgw
Votes	233
Spin-Offs	2
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"project-memory","title":"Project: Memory++","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Christelle Winter
Author Name	christellewinter
Author ID	kaid_384553511609450674446247
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739450748841
Updated	10 months ago, 1739450759001
Source Deleted	unknown