Viewing Program

Program Data

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

Title	Stealing Christmas
ID	6158032411213824
Created	1 years ago, 1703196599403
Updated	1 years ago, 1704069663455
Code	/** * * ███████████████████████████████████████████████▀█ * █─▄▄▄▄█─▄─▄─█▄─▄▄─██▀▄─██▄─▄███▄─▄█▄─▀█▄─▄█─▄▄▄▄█ * █▄▄▄▄─███─████─▄█▀██─▀─███─██▀██─███─█▄▀─██─██▄─█ * ▀▄▄▄▄▄▀▀▄▄▄▀▀▄▄▄▄▄▀▄▄▀▄▄▀▄▄▄▄▄▀▄▄▄▀▄▄▄▀▀▄▄▀▄▄▄▄▄▀ * █████████████████████████████████████████████████████ * █─▄▄▄─█─█─█▄─▄▄▀█▄─▄█─▄▄▄▄█─▄─▄─█▄─▀█▀─▄██▀▄─██─▄▄▄▄█ * █─███▀█─▄─██─▄─▄██─██▄▄▄▄─███─████─█▄█─███─▀─██▄▄▄▄─█ * ▀▄▄▄▄▄▀▄▀▄▀▄▄▀▄▄▀▄▄▄▀▄▄▄▄▄▀▀▄▄▄▀▀▄▄▄▀▄▄▄▀▄▄▀▄▄▀▄▄▄▄▄▀ * * * - Inspired by Weather's 'Unhaunted House' * - My 35th game * - Subscribe: https://www.khanacademy.org/cs/i/4838951661649920 * * @ABOUT { * This project was wayyyy to ambitious for what little time I * had left... 😭 * I know it has a lot of bugs, so sorry in advance. sniffles * I'll be trying to fix them. =] * } * * @CREDITS { * - Jeffery Thompson/CodeEngineer for line-rect collisions * - Liam K. for helping with a bug * } * * @DEBUGGING { * Known bugs: * - people sometimes glitch through walls * - if you meet the boy in the hallway or his bedroom, the game crashes * * Let me know if you find any more bugs & I will try to fix * them! * } * */ // [ // some setup size(600, 600, P2D); smooth(); // Credit to Daniel (@dkareh) (function() {return this;})().LoopProtector.prototype.leave = function() {}; // variables var scene = "load"; var afterLoad = "logo";// scene to go to after load complete var curLoad = 0;// image to load var Player;// predefine player // arrays to hold objects var people = [], items = [], psystems = [], bullets = [], particles = [], btns = []; // alarm & searching system var alarm = {x: 0, y: 0}; var rooms = [ { x: -366, y: 375, w: 455, h: 450, },// living room { x: -22, y: 0, w: 234, h: 1200, },// hall { x: 345, y: -380, w: 500, h: 450, },// girl's bdrm { x: 345, y: 40, w: 500, h: 390, },// kitchen { x: 345, y: 415, w: 500, h: 360, },// boy's bdrm ]; // color schemes for gifts var schemes = [ [color(240, 220, 50), color(230, 50, 50)], [color(34, 147, 204), color(212, 126, 27)], [color(196, 14, 187), color(28, 108, 120)], [color(61, 156, 65), color(240, 53, 53)], [color(43, 179, 127), color(41, 99, 28)], [color(232, 106, 28), color(133, 5, 18)], ]; // camera object var cam = { x: 0, y: 0, zoom: 1, shake: 0, }; // more setup... noStroke(); rectMode(CENTER); imageMode(CENTER); textAlign(CENTER, CENTER); textFont(createFont('Trebuchet MS Bold')); // handling user input var mouse = {}; mousePressed = function() { mouse[mouseButton] = true; }; var keys = {}; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; // point to rect collision function function pointRect(pt, r) { return pt.x >= r.x - r.w/2 && pt.x <= r.x + r.w/2 && pt.y >= r.y - r.h/2 && pt.y <= r.y + r.h/2; } // rect to rect collision function function rectRect(a, b) { return a.x + a.w / 2 > b.x - b.w / 2 && a.x - a.w / 2 < b.x + b.w / 2 && a.y + a.h / 2 > b.y - b.h / 2 && a.y - a.h / 2 < b.y + b.h / 2; } // line-line collision function (credit to Jeffery Thompson) function lnToLn (ln1, ln2) { var uA = ((ln2.x2-ln2.x1)(ln1.y1-ln2.y1) - (ln2.y2-ln2.y1)(ln1.x1-ln2.x1)) / ((ln2.y2-ln2.y1)(ln1.x2-ln1.x1) - (ln2.x2-ln2.x1)(ln1.y2-ln1.y1)); var uB = ((ln1.x2-ln1.x1)(ln1.y1-ln2.y1) - (ln1.y2-ln1.y1)(ln1.x1-ln2.x1)) / ((ln2.y2-ln2.y1)(ln1.x2-ln1.x1) - (ln2.x2-ln2.x1)(ln1.y2-ln1.y1)); if (uA >= 0 && uA <= 1 && uB >= 0 && uB <= 1) { var intersectionX = ln1.x1 + (uA (ln1.x2-ln1.x1)); var intersectionY = ln1.y1 + (uA * (ln1.y2-ln1.y1)); return [intersectionX, intersectionY]; } return false; } // line-rect collision function (credit to Jeffery Thompson) function lnToRect (ln, rct) { var left = lnToLn(ln, {x1: rct.x - rct.w/2, y1: rct.y - rct.h/2, x2: rct.x - rct.w/2, y2: rct.y + rct.h/2}); var right = lnToLn(ln, {x1: rct.x + rct.w/2, y1: rct.y - rct.h/2, x2: rct.x + rct.w/2, y2: rct.y + rct.h/2}); var top = lnToLn(ln, {x1: rct.x - rct.w/2, y1: rct.y - rct.h/2, x2: rct.x + rct.w/2, y2: rct.y - rct.h/2}); var bottom = lnToLn(ln, {x1: rct.x - rct.w/2, y1: rct.y + rct.h/2, x2: rct.x + rct.w/2, y2: rct.y + rct.h/2}); if (left \|\| right \|\| top \|\| bottom) { return true; } return false; } // array of blocks to collide with var blocks = [ // outer walls ["wall", 4, 50, 8, 100], ["window", 3, 150, 6, 100], ["wall", 4, 325, 8, 250], ["door", 5, 500, 10, 100], ["wall", 4, 700, 8, 300], ["window", 3, 900, 6, 100], ["wall", 4, 1075, 8, 250],// bottom left corner ["wall", 259, 1196, 502, 8], ["door", 585, 1195, 150, 10], ["wall", 735, 1196, 150, 8], ["window", 860, 1196, 100, 8], ["wall", 1051, 1196, 282, 8],// bottom right corner ["wall", 1196, 1100, 8, 200], ["window", 1197, 949, 6, 100], ["wall", 1196, 825, 8, 150], ["window", 1197, 700, 6, 100], ["wall", 1196, 475, 8, 350], ["window", 1197, 250, 6, 100], ["wall", 1196, 100, 8, 200],// top right corner ["wall", 1065, 4, 255, 8], ["window", 888, 3, 100, 6], ["wall", 598, 4, 480, 8], ["window", 308, 3, 100, 6], ["wall", 133, 4, 250, 8],// top left corner // internal walls ["wall", 238, 440, 460, 8],// bedroom 1 ["wall", 464, 296, 8, 280], ["wall", 942, 440, 500, 8],// bedroom 2 ["wall", 696, 296, 8, 280], ["wall", 208, 560, 400, 8],// hallway ["wall", 1017, 838, 350, 8],// bedroom 3 ["wall", 696, 1014, 8, 360], ["wall", 208, 750, 400, 8],// bathroom ["wall", 404, 704, 8, 84], ["door", 405, 613, 10, 100], // furniture ["sofa", 225, 795, 140, 82], ["fireplace", 225, 1165, 118, 60], ["kitchen", 993, 479, 400, 70], ["kitchen", 1158, 674, 70, 320], ["table", 950, 700, 100, 100], // cupboards ["cupboard", 83, 396, 150, 80], ["cupboard", 385, 396, 150, 80], ["cupboard", 1117, 1153, 150, 80], ]; // ] Variables + Setup // [ // array of images var Imgs = { // menu graphic menu_graphic: { d: function() { background(46, 128, 80); for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) { pushMatrix(); translate(i * 60 + 30, j * 60 + 30); rotate(45); fill(33, 120, 72); rect(0, 0, 40, 40); popMatrix(); } } }, w: 600, h: 600, }, menu_blur_text: { d: function() { for (var i = 0; i < 100; i++) { fill(255, 100 - i); textSize(80); text("STEALING", 215, 55); textSize(100); text("CHRISTMAS", 325, 140); } filter(BLUR, 5); }, w: 600, h: 600, }, menu_masked_text: { d: function() { noStroke(); background(0, 0, 0); fill(255); textSize(80); text("STEALING", 210, 50); textSize(100); text("CHRISTMAS", 320, 135); var shape = get(); background(0, 0, 0, 0); pushMatrix(); rotate(45); var w = 10; for (var i = 0; i < 30; i++) { fill(201, 18, 18); rect(i * (w * 2), 0, w, 1000); fill(255); rect(i * (w * 2) + w, 0, w, 1000); } popMatrix(); var texture = get(); if (texture) { texture.mask(shape); } background(0, 0, 0, 0); image(texture, 300, 300); }, w: 600, h: 600, }, // house + furniture flooring: { d: function() { pushMatrix(); scale(0.5); // floorboards for (var i = 0; i < 30; i++) { for (var j = 0; j < 13; j++) { fill(160 + noise(i/2, j/2) * 50, 140 + noise(i/2, j/2) * 50, 86 + noise(i/2, j/2) * 50); rect(i * 40 + 10, j * 100 + 50, 20, 100); rect(i * 40 + 30, j * 100, 20, 100); } } popMatrix(); }, w: 600, h: 600, }, rug: { d: function() { pushMatrix(); translate(-45, -790); //rug fill(91, 130, 93); ellipse(230, 975, 350, 350); for (var i = 0; i < 360; i++) { pushMatrix(); translate(230, 975); rotate(i); stroke(49, 64, 43); line(0, 175, 0, 180); popMatrix(); } noFill(); stroke(25, 60, 20); ellipse(230, 975, 330, 330); noStroke(); fill(64, 82, 54); ellipse(230, 975, 300, 300); fill(91, 130, 93); ellipse(230, 975, 220, 220); fill(64, 82, 54); ellipse(230, 975, 50, 50); popMatrix(); }, w: 375, h: 375, }, fireplace: { d: function() { pushMatrix(); translate(59, 50); // masking bricks background(0, 0, 0, 0); stroke(255); strokeWeight(1); for (var i = 0; i < 16; i++) { for (var j = 0; j < 8; j++) { fill(180 + noise(i/2, j/2) * 20, 80, 50); rect((i * 8) - 56, (j * 8) - 28, 8, 4); rect((i * 8) - 60, (j * 8) - 24, 8, 4); } } var bricks = get(); noStroke(); background(0, 0, 0, 0); fill(255); rect(1, 2, 118, 55); var area = get(); if (bricks) { bricks.mask(area); } background(0, 0, 0, 0); // bricks image(bricks, 240, 245); // fire glow for (var i = 0; i < 10; i++) { fill(219, 116, 31, 50 - (i * 5)); ellipse(0, -(i * 2) - 30, 80 + (i * 5), 5); } // chimney fill(40); rect(0, 0, 100, 50); fill(45); rect(0, 10, 70, 30); stroke(50); line(-50, -25, -35, -5); line(50, -25, 35, -5); popMatrix(); }, w: 118, h: 80, }, sofa: { d: function() { pushMatrix(); translate(70, 45); // sofa stroke(186, 169, 74); strokeWeight(2); fill(204, 187, 88); rect(0, 0, 100, 70, 0, 0, 10, 10); line(0, -40, 0, 35); // arms stroke(186, 169, 74); strokeWeight(2); fill(196, 178, 76); rect(-60, -2, 20, 66, 10, 0, 5, 10); rect(60, -2, 20, 66, 0, 10, 10, 5); // back rect(0, -40, 120, 10, 10, 10, 0, 0); popMatrix(); }, w: 140, h: 82, }, kitchen: { d: function() { pushMatrix(); translate(-192, 156); // benches fill(176, 195, 196); rect(392, -121, 400, 70); rect(557, 74, 70, 320); // sink fill(113, 143, 148); ellipse(350, -115, 100, 50); fill(97, 126, 130); ellipse(350, -115, 10, 10); // taps fill(171, 171, 171); rect(350, -140, 10, 30, 4, 4, 10, 10); pushMatrix(); translate(350, -140); rotate(45); rect(-18, 7, 10, 4, 2); rect(-18, 7, 4, 10, 2); rect(7, -18, 10, 4, 2); rect(7, -18, 4, 10, 2); popMatrix(); popMatrix(); }, w: 404, h: 390, }, // object tree: { d: function() { randomSeed(0); // leaves strokeWeight(3); for (var i = 0; i < 400; i++) { pushMatrix(); translate(50, 50); rotate(i * random(0, 3)); stroke(28, 69, 28); line(0, 0, 0, -random(30, 50)); popMatrix(); } noStroke(); // decorations for (var i = 0; i < 20; i++) { fill(random(100, 200), random(0, 50), random(0, 50)); ellipse(random(10, 90), random(10, 90), 10, 10); } // star for (var j = 0; j < 10; j++) { for (var i = 0; i < 5; i++) { pushMatrix(); translate(50, 50); scale(1 + j/4); rotate(i * 72); fill(206, 214, 64, j * 4); triangle(-4, 0, 4, 0, 0, -10); popMatrix(); } } for (var i = 0; i < 5; i++) { pushMatrix(); translate(50, 50); scale(1.2); rotate(i * 72); fill(212, 197, 63); triangle(-4, 0, 4, 0, 0, -10); popMatrix(); } }, w: 100, h: 100, }, // characters grinch: { d: function() { pushMatrix(); scale(4); // head fill(125, 180, 30); arc(25, 23, 40, 40, 0, 180); // hat fill(200, 40, 60); beginShape(); vertex(45, 25); bezierVertex(45, 25, 25, 20, 5, 25); bezierVertex(5, 25, 5, 15, 15, 12); bezierVertex(15, 12, 21, 6, 30, 8); bezierVertex(30, 8, 30, 8, 38, 11); bezierVertex(38, 11, 38, 11, 39, 16); bezierVertex(39, 16, 36, 16, 40, 18); bezierVertex(40, 18, 47, 22, 45, 25); endShape(); fill(255); ellipse(41, 12, 8, 8); noFill(); strokeWeight(3); stroke(255); bezier(5, 25, 20, 21, 30, 21, 45, 25); strokeWeight(1); stroke(184, 33, 56); bezier(39, 16, 34, 16, 32, 16, 34, 18); noStroke(); // eyes fill(233, 255, 87); ellipse(18, 30, 6, 3); ellipse(32, 30, 6, 3); fill(0); ellipse(18, 30, 2, 3); ellipse(32, 30, 2, 3); // nose fill(40, 70, 0); ellipse(25, 34, 5, 3); // mouth noFill(); stroke(40, 70, 0); beginShape(); vertex(20, 37); bezierVertex(18, 35, 16, 37, 18, 38); bezierVertex(18, 38, 25, 43, 32, 38); bezierVertex(34, 37, 32, 35, 30, 37); endShape(); // eyebrows line(14, 26, 20, 27); line(36, 26, 30, 27); popMatrix(); noStroke(); }, w: 200, h: 200, }, person_dad: { d: function() { fill(250, 190, 150);// body ellipse(20, 20, 40, 40); fill(140, 94, 48);// hair fill(59, 46, 25); arc(20, 20, 40, 40, 180, 360); beginShape(); vertex(0, 20); bezierVertex(0, 20, 0.5, 23, 3, 31); bezierVertex(2, 25, 3, 23, 5, 22); bezierVertex(5, 27, 12, 20, 16, 24); bezierVertex(16, 24, 16, 20, 25, 24); bezierVertex(25, 24, 23, 21, 27, 22); bezierVertex(27, 22, 40, 22, 38, 25); bezierVertex(38, 29, 40, 25, 40, 20); vertex(0, 20); endShape(); }, w: 40, h: 40, }, person_mum: { d: function() { pushMatrix(); translate(0, 4); fill(250, 190, 150);// body ellipse(20, 20, 40, 40); fill(140, 94, 48);// hair fill(59, 46, 25); arc(20, 20, 40, 40, 180, 360); beginShape(); vertex(0, 20); bezierVertex(0, 20, 0.5, 23, 3, 31); bezierVertex(2, 25, 3, 23, 5, 22); bezierVertex(5, 27, 12, 20, 16, 24); bezierVertex(16, 24, 16, 20, 25, 24); bezierVertex(25, 24, 23, 21, 27, 22); bezierVertex(27, 22, 40, 22, 38, 25); bezierVertex(38, 29, 40, 25, 40, 20); vertex(0, 20); endShape(); arc(20, 1, 10, 10, 180, 360); popMatrix(); }, w: 40, h: 50, }, person_boy: { d: function() { fill(250, 190, 150);// body ellipse(15, 15, 30, 30); fill(140, 94, 48);// hair fill(59, 46, 25); arc(15, 15, 30, 30, 180, 360); beginShape(); vertex(0, 15); bezierVertex(0, 16, 1, 18, 1, 20); bezierVertex(1, 20, 2, 16, 10, 18); bezierVertex(10, 18, 18, 15, 25, 18); bezierVertex(25, 18, 28, 18, 30, 15); endShape(); }, w: 30, h: 30, }, person_girl: { d: function() { pushMatrix(); translate(0, 2); fill(250, 190, 150);// body ellipse(15, 15, 30, 30); fill(140, 94, 48);// hair fill(59, 46, 25); ellipse(15, 2, 8, 8); arc(15, 15, 30, 30, 180, 360); beginShape(); vertex(0, 15); bezierVertex(0, 16, 1, 18, 1, 20); bezierVertex(1, 20, 2, 16, 10, 18); bezierVertex(10, 18, 18, 15, 25, 18); bezierVertex(30, 18, 30, 19, 30, 20); vertex(30, 15); endShape(); popMatrix(); }, w: 30, h: 32, }, // gameover hearts: { d: function() { function heart(x, y, s) { pushMatrix(); translate(x - 300, y - 400); scale(s); noStroke(); beginShape(); vertex(300, 410); bezierVertex(280, 390, 260, 420, 300, 450); bezierVertex(340, 420, 320, 390, 300, 410); endShape(); popMatrix(); } fill(0, 30); heart(-300, -430, 3); fill(0, 50); heart(0, -6, 2); fill(0); heart(300, 420, 1); }, w: 600, h: 600, }, // more games PeasantLife: { d: function () { fill(70, 160, 60); rect(70, 70, 140, 140); // peasant pushMatrix(); translate(-165, -130); scale(0.5); strokeWeight(5); stroke(0); // body fill(198, 149, 73); rect(470, 456, 85, 65); // belt noStroke(); fill(225, 223, 146); rect(471, 460, 80, 3); stroke(0); // legs fill(180, 119, 64); rect(449, 503, 40, 25); rect(492, 503, 47, 25); // feet fill(105, 61, 17); rect(446, 523, 52, 12, 5, 0, 0, 0); rect(490, 523, 52, 12, 5, 0, 0, 0); // face fill(253, 240, 148); rect(461, 365, 90, 90, 30, 30, 20, 40); // eyes fill(0); ellipse(429, 364, 2, 6); ellipse(472, 364, 2, 6); // hair noStroke(); fill(77, 70, 77); beginShape(); vertex(428, 337); vertex(426, 346); vertex(451, 331); vertex(447, 343); bezierVertex(465, 330, 475, 326, 479, 332); vertex(460, 300); endShape(); // hood stroke(0); fill(96, 62, 50); beginShape(); vertex(417, 342); bezierVertex(417, 342, 409, 292, 483, 275); bezierVertex(565, 329, 556, 399, 501, 407); bezierVertex(514, 373, 497, 325, 461, 321); bezierVertex(435, 322, 429, 334, 417, 342); endShape(); beginShape(); vertex(465, 410); vertex(503, 407); vertex(521, 418); bezierVertex(523, 418, 500, 422, 491, 435); vertex(491, 435); vertex(470, 435); vertex(465, 416); vertex(455, 435); vertex(429, 435); vertex(430, 410); vertex(435, 407); vertex(440, 410); vertex(465, 410); endShape(); // arms fill(201, 121, 62); beginShape(); vertex(431, 408); bezierVertex(431, 408, 428, 430, 428, 460); bezierVertex(428, 460, 417, 460, 408, 456); bezierVertex(409, 442, 410, 428, 431, 408); endShape(); fill(245, 250, 254); beginShape(); vertex(428, 470); vertex(428, 460); bezierVertex(428, 460, 428, 462, 408, 455); bezierVertex(408, 455, 407, 460, 408, 467); vertex(428, 470); endShape(); fill(254, 244, 191); beginShape(); vertex(408, 466); vertex(427, 470); vertex(428, 489); bezierVertex(418, 489, 410, 479, 408, 466); endShape(); fill(201, 121, 62); beginShape(); vertex(492, 435); bezierVertex(500, 426, 512, 418, 525, 421); bezierVertex(535, 431, 537, 446, 538, 458); bezierVertex(529, 464, 514, 466, 498, 464); bezierVertex(498, 458, 494, 450, 492, 435); endShape(); fill(245, 250, 254); beginShape(); vertex(498, 464); bezierVertex(518, 464, 531, 462, 538, 458); bezierVertex(538, 458, 539, 464, 537, 469); bezierVertex(529, 472, 514, 474, 498, 473); vertex(498, 464); endShape(); fill(254, 244, 191); beginShape(); vertex(498, 472); bezierVertex(517, 473, 528, 473, 537, 469); bezierVertex(538, 475, 531, 492, 517, 492); bezierVertex(508, 492, 498, 484, 498, 472); endShape(); noStroke(); }, w: 140, h: 140, }, Outback: { d: function () { // gradient sky background(255); for (var i = 0; i < 92; i++) { fill(lerpColor(color(30, 80, 110), color(210, 160, 70), i / 120)); rect(70, i, 140, 1); } fill(140, 80, 60);// red dirt rect(70, 115, 140, 50); fill(255); textSize(25); text("OUTBACK", 70, 30); // player pushMatrix(); translate(40, 70); scale(2); fill(215, 170, 125);// face rect(15, 12, 20, 10); fill(0);// eyes ellipse(10, 12, 4, 6); ellipse(20, 12, 4, 6); fill(110, 60, 50);// hat ellipse(15, 5, 30, 8); fill(90, 50, 45); rect(15, 3, 18, 6, 2, 2, 5, 5); fill(20, 50, 90);// body rect(15, 23, 30, 13, 5, 5, 0, 0); stroke(30, 60, 120);// shirt buttons strokeWeight(1); line(15, 18, 15, 29); for (var i = 0; i < 4; i++) { point(14, (i * 3) + 18); } noStroke(); fill(30, 60, 120);// pockets rect(10, 21, 4, 4); rect(20, 21, 4, 4); popMatrix(); noStroke(); }, w: 140, h: 140, }, // TDJ logo logo: { d: function() { background(60, 65, 90); noStroke(); function TDJ(x, y, o) { pushMatrix(); translate(x, y); fill(255, o); quad(-100, -100, 50, -100, 100, -50, -50, -50); fill(255, o); rect(5, 10, 50, 100); popMatrix(); } // glow for (var i = 0; i < 20; i++) { TDJ(300 - i, 300 + i, 20 - i); } // TDJ TDJ(300, 300, 255); }, w: 600, h: 600, }, }; // ] Images // [ var Transition = { o: 0,// opacity of square next: "", timer: 0, run: function () { // black square for fading screen fill(0, this.o); rect(width / 2, height / 2, width, height); // if running fade in if (this.next !== "") { this.timer++; this.o = lerp(this.o, 255, 0.2); } else {// else fade out this.timer = 0; this.o = lerp(this.o, 0, 0.2); } // changing scenes if (this.timer >= 50) { scene = this.next;// change scene to next scene } // end transition if (this.timer >= 51) { this.next = ""; } } }; function Button(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.h = config.h; this.anim = 0; this.redClr = color(200, 10, 50); this.txtColor = this.redClr; this.txt = config.txt; this.action = config.action; } Button.prototype = { run: function() { // when hover over button if (mouseX >= this.x - this.w / 2 && mouseX <= this.x + this.w / 2 && mouseY >= this.y - this.h / 2 && mouseY <= this.y + this.h / 2) { // animate button this.anim = lerp(this.anim, this.w, 0.1); this.txtColor = lerpColor(this.txtColor, this.redClr, 0.1); // when click button if (mouse[LEFT] && Transition.next === "") { this.action(); } } else { // animate back to original display this.anim = lerp(this.anim, 0, 0.1); this.txtColor = lerpColor(this.txtColor, color(255), 0.1); } pushMatrix(); translate(this.x, this.y); stroke(this.redClr); strokeWeight(4); fill(this.redClr); rect(0, 0, this.w, this.h); rectMode(LEFT); fill(255); rect(-this.w/2, -this.h/2, this.anim, this.h); rectMode(CENTER); fill(this.txtColor); textSize(40); text(this.txt, 0, 0); popMatrix(); noStroke(); }, }; btns.play = new Button({ x: 400, y: 250, w: 300, h: 75, txt: "PLAY", action: function() { Transition.next = "game"; }, }); btns.how = new Button({ x: 400, y: 350, w: 300, h: 75, txt: "HOW", action: function() { Transition.next = "how"; }, }); btns.more = new Button({ x: 400, y: 450, w: 300, h: 75, txt: "MORE GAMES", action: function() { Transition.next = "more"; }, }); btns.subscribe = new Button({ x: 400, y: 550, w: 300, h: 75, txt: "SUBSCRIBE", action: function() { println("https://www.khanacademy.org/cs/i/4838951661649920"); }, }); btns.back = new Button({ x: 300, y: 550, w: 300, h: 75, txt: "BACK", action: function() { Transition.next = "home"; }, }); // game prototype function AnotherGame(config) { this.x = config.x; this.y = config.y; this.title = config.title; this.img = config.img; this.link = config.link; this.w = 150; this.h = 150; } AnotherGame.prototype = { display: function() { // when user clicks & is hovering over the button if (mouseX >= this.x - this.w / 2 && mouseX <= this.x + this.w / 2 && mouseY >= this.y - this.h / 2 && mouseY <= this.y + this.h / 2 && mouse[LEFT]) { println(this.link); } pushMatrix(); translate(this.x, this.y); // button title fill(255); textSize(30); text(this.title, 0, -this.h/2 - 20); // button border fill(255); rect(0, 0, this.w, this.h, 10); // game cover image switch (this.img) { case "OB": image(Imgs.Outback, 0, 0); break; case "PL": image(Imgs.PeasantLife, 0, 0); break; } popMatrix(); }, }; var outback = new AnotherGame({ x: 200, y: 320, title: "Outback", link: "https://www.khanacademy.org/cs/i/4790640459956224", img: "OB", }); var peasantLife = new AnotherGame({ x: 400, y: 320, title: "Peasant Life", link: "https://www.khanacademy.org/cs/i/5641587254411264", img: "PL", }); // logo object var logo = { timer: 0, letters: "TDJ GAMES".split(""), run: function() { // logo image(Imgs.logo, 300, 300); // logo text fill(255); textSize(20); for (var i = 0; i < this.letters.length; i++) { text(this.letters[i], 50 * i + 100, lerp(500, 1000, i * 0.5 / this.timer)); } // increase timer this.timer++; // transition to next scene if (this.timer >= 300 \|\| mouse[LEFT]) { Transition.next = "home"; } }, }; // ] Scene transition + Buttons + Logo // [ // particle prototype function Particle(config) { this.x = config.x; this.y = config.y; this.size = config.size; this.draw = config.draw; this.xv = config.xv; this.yv = config.yv; this.o = random(200, 255); this.ov = config.ov; this.r = random(0, 360); this.rv = config.rv; this.type = config.type; if (this.type === "disappear") { this.draw = function() { fill(255, this.o); ellipse(0, 0, 4, 4); }; } this.dead = false; } Particle.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); scale(this.size); this.draw(); popMatrix(); }, update: function() { this.x += this.xv; this.y += this.yv; this.r += this.rv; this.o -= this.ov; }, run: function() { this.display(); this.update(); }, }; // particle system function ParticleSystem(config) { this.x = config.x; this.y = config.y; this.size = config.size; this.draw = config.draw; this.timer = 0; this.dir = config.dir; this.delay = config.delay; this.xv = config.xv; this.yv = config.yv; this.ov = config.ov; this.rv = config.rv; } ParticleSystem.prototype = { run: function() { if (this.timer % this.delay === 0) { particles.push(new Particle({ x: this.x, y: this.y, size: this.size, draw: this.draw, rs: random(this.rv[0], this.rv[1]), ov: random(this.ov[0], this.ov[1]), xv: random(this.xv[0], this.xv[1]), yv: random(this.yv[0], this.yv[1]), })); } this.timer++;// increase timer }, }; // fireplace particles psystems.push(new ParticleSystem({ x: -375, y: 542, draw: function() { noStroke(); fill(255, 183, 82, this.o); rect(0, 0, 10, 10); }, size: 0.2, delay: 10, xv: [-0.5, 0.5], yv: [-0.5, 0], ov: [4, 5], rv: [-3, 3], })); function Bullet(x, y, angle) { this.x = x; this.y = y; this.angle = angle; this.xvel = cos(this.angle + 90) * 4; this.yvel = sin(this.angle + 90) * 4; this.dead = false; } Bullet.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); fill(0); ellipse(0, 0, 3, 3); popMatrix(); }, update: function() { this.x += this.xvel; this.y += this.yvel; // hitting player if (pointRect(this, Player)) { this.dead = true; Transition.next = "gameover"; } // hitting walls/objects for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (pointRect(this, {x: b[1] - 600, y: b[2] - 600, w: b[3], h: b[4]})) { this.dead = true; } } for (var i = 0; i < items.length; i++) { if (pointRect(this, items[i])) { this.dead = true; } } }, }; // ] Particles + Bullets // [ Player = { x: -375, y: 500, w: 35, h: 35, r: 0, xvel: 0, yvel: 0, speed: 3, pickup: false, carrying: false, item: { what: "", scheme: 0, w: 0, h: 0, }, display: function() { // drawing player pushMatrix(); translate(this.x, this.y); rotate(this.r); noStroke(); image(Imgs.grinch, 0, 0, 50, 50); // drawing item carrying if (this.carrying) { pushMatrix(); translate(0, this.h/2); switch (this.item.what) { case "gift": pushMatrix(); translate(-this.item.w/2, 0); scale(this.item.w/30, this.item.h/30); fill(schemes[this.item.scheme][0]);// box rect(15, 20, 28, 20, 2); fill(schemes[this.item.scheme][0] + color(15));// lid rect(15, 12, 30, 24, 4); fill(schemes[this.item.scheme][1]);// ribbon rect(15, 15, 6, 30); rect(15, 12, 30, 6); triangle(13, 10, 5, 2, 5, 6); triangle(17, 10, 25, 2, 25, 6); triangle(13, 14, 5, 22, 5, 18); triangle(17, 14, 25, 22, 25, 18); popMatrix(); break; case "tree": image(Imgs.tree, 0, 0.4 * this.item.h, this.item.w, this.item.h); break; case "lights": // lights colorMode(RGB); pushMatrix(); translate(0, this.h/3); noStroke(); for (var i = 0; i < this.item.scheme.length; i++) { for (var j = 0; j < 10; j++) { fill(this.item.scheme[i][0], 200 - (j * 20)); ellipse(this.item.scheme[i][1], 0, 2 + (j * 3), 2 + (j * 3)); } } popMatrix(); colorMode(RGB); break; } popMatrix(); } // draw grinch's hands fill(125, 180, 30); ellipse(-12, 20, 10, 10); ellipse(12, 20, 10, 10); popMatrix(); // instruction if (this.pickup && !this.carrying) { fill(255); textSize(30); text("Space to pick up item.", -cam.x + 300, -cam.y + 100); } }, collide: function (xv, yv) { // collide with walls & furniture for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, {x: b[1] - 600, y: b[2] - 600, w: b[3], h: b[4],})) { // colliding if (xv !== 0) { this.xvel = 0; if (this.x < b[1] - 600) { this.x = b[1] - 600 - b[3] / 2 - this.w / 2; } else { this.x = b[1] - 600 + b[3] / 2 + this.w / 2; } } else if (yv !== 0) { this.yvel = 0; if (this.y < b[2] - 600) { this.y = b[2] - 600 - b[4] / 2 - this.h / 2; } else { this.y = b[2] - 600 + b[4] / 2 + this.h / 2; } } } } // colliding with fireplace if (rectRect(this, {x: blocks[35][1] - 600, y: blocks[35][2] - 600, w: blocks[35][3] + 10, h: blocks[35][4] + 10})) { if (this.carrying) { fill(255); textSize(30); text("Space to yeet item up chimney.", -cam.x + 300, -cam.y + 100); } // yeet item up chimney if (keys[32]) { this.carrying = false; this.item = {what: "", scheme: 0, w: 0, h: 0}; this.pickup = false; } } // collide with item for (var i = 0; i < items.length; i++) { var m = items[i]; if (rectRect(this, m) && !m.dead && m.type !== "lights") { if (xv !== 0) { this.xvel = 0; if (this.x < m.x) { this.x = m.x - m.w / 2 - this.w / 2; } else { this.x = m.x + m.w / 2 + this.w / 2; } } else if (yv !== 0) { this.yvel = 0; if (this.y < m.y) { this.y = m.y - m.h / 2 - this.h / 2; } else { this.y = m.y + m.h / 2 + this.h / 2; } } } } }, update: function() { // restrict player to arena this.x = constrain(this.x, -900 + this.w/2, 900 - this.w/2); this.y = constrain(this.y, -900 + this.h/2, 900 - this.h/2); // when moving if (this.xvel !== 0 \|\| this.yvel !== 0) { // turn player this.r = lerp(this.r, atan2(-this.xvel, this.yvel), 0.5); // zoom camera cam.zoom = lerp(cam.zoom, 1.1, 0.05); } // zoom camera out if (this.xvel === 0 && this.yvel === 0) { cam.zoom = lerp(cam.zoom, 1, 0.05); } // user input if (keys[LEFT] \|\| keys[65]) { this.xvel = -this.speed; } else if (keys[RIGHT] \|\| keys[68]) { this.xvel = this.speed; } else { this.xvel = 0; } if (keys[UP] \|\| keys[87]) { this.yvel = -this.speed; } else if (keys[DOWN] \|\| keys[83]) { this.yvel = this.speed; } else { this.yvel = 0; } // player speed switch(this.what) { case "tree": this.speed = 1; break; case "gift": this.speed = 2; break; case "": this.speed = 3; break; } // try to pick up if (keys[32] && this.pickup && this.carrying) { fill(255); textSize(30); text("One at a time.\nDon't be greedy.", -cam.x + 300, -cam.y + 100); } // movement this.x += this.xvel; this.collide(this.xvel, 0); this.y += this.yvel; this.collide(0, this.yvel); if (keys[ENTER]) { alarm.x = this.x; alarm.y = this.y; } }, run: function() { this.display(); this.update(); }, }; // ] Player // [ // item prototype (gifts, trees, lights) function Item(config) { this.type = config.type; this.x = config.x; this.y = config.y; this.w = config.w; this.h = config.h; this.scheme = round(random(0, schemes.length - 1));// random color scheme for gifts this.dead = false; // array of lights if (this.type === "lights") { this.lights = []; this.scl = {x: config.scl.x, y: config.scl.y,}; this.num = round(this.w/30); colorMode(HSB); for (var i = 0; i < this.num; i++) { this.lights.push({ x: (i * 30), y: 0, clr: color(random(0, 255), 150, 200), }); } colorMode(RGB); } } Item.prototype = { display: function() { noStroke(); switch (this.type) { case "gift": pushMatrix(); translate(this.x - this.w/2, this.y - this.h/2); scale(this.w/30, this.h/30); fill(schemes[this.scheme][0]);// box rect(15, 20, 28, 20, 2); fill(schemes[this.scheme][0] + color(15));// lid rect(15, 12, 30, 24, 4); fill(schemes[this.scheme][1]);// ribbon rect(15, 15, 6, 30); rect(15, 12, 30, 6); triangle(13, 10, 5, 2, 5, 6); triangle(17, 10, 25, 2, 25, 6); triangle(13, 14, 5, 22, 5, 18); triangle(17, 14, 25, 22, 25, 18); popMatrix(); break; case "tree": image(Imgs.tree, this.x, this.y, this.w, this.h); break; case "lights": pushMatrix(); translate(this.x - this.w/2, this.y); scale(this.scl.x, this.scl.y); // wires strokeWeight(0.5); stroke(0); noFill(); for (var k = 0; k < this.lights.length - 1; k++) { var l = this.lights[k]; pushMatrix(); translate(l.x, l.y); bezier(0, 0, 10, 10, 20, 10, 30, 0); popMatrix(); } strokeWeight(1); // lights for (var i = 0; i < this.lights.length; i++) { var l = this.lights[i]; colorMode(HSB); pushMatrix(); translate(l.x, l.y); noStroke(); for (var j = 0; j < 10; j++) { fill(l.clr, 150 - (j * 20)); ellipse(0, 0, 2 + (j * 3), 2 + (j * 3)); } popMatrix(); colorMode(RGB); } popMatrix(); break; } }, update: function() { // player collisions if (rectRect({x: this.x, y: this.y, w: this.w + 4, h: this.h + 4}, Player)) { Player.pickup = true; if (!Player.carrying) { // player picks up item if (keys[32]) { Player.carrying = true; Player.item = { what: this.type, scheme: (this.type === "lights") ? [[this.lights[0].clr, random(-15, 15)], [this.lights[1].clr, random(-15, 15)], [this.lights[2].clr, random(-15, 15)], [this.lights[3].clr, random(-15, 15)], [this.lights[4].clr, random(-15, 15)]] : this.scheme, w: this.w, h: this.h }; for (var i = 0; i < 30; i++) { particles.push(new Particle({ x: this.x + random(-this.w/2, this.w/2), y: this.y + random(-this.h/2, this.h/2), type: "disappear", size: random(0.5, 1), xv: random(-0.5, 0.5), yv: random(-0.5, 0.5), ov: random(4, 7), rv: 0, })); } this.dead = true; } } } else { Player.pickup = false; } }, run: function() { this.display(); this.update(); }, }; // gifts items.push(new Item({ type: "gift", x: -575, y: 525, w: 30, h: 30, }));// under tree items.push(new Item({ type: "gift", x: -550, y: 550, w: 30, h: 30, })); items.push(new Item({ type: "gift", x: -575, y: 575, w: 30, h: 30, })); items.push(new Item({ type: "gift", x: -550, y: 575, w: 30, h: 30, })); items.push(new Item({ type: "gift", x: -560, y: 185, w: 50, h: 50, }));// beside sofa items.push(new Item({ type: "gift", x: -490, y: 190, w: 60, h: 60, })); items.push(new Item({ type: "gift", x: 115, y: 525, w: 20, h: 20, }));// in girl's bedroom items.push(new Item({ type: "gift", x: 150, y: 540, w: 45, h: 45, })); items.push(new Item({ type: "gift", x: 130, y: 560, w: 50, h: 50, })); items.push(new Item({ type: "gift", x: 170, y: 570, w: 30, h: 30, })); items.push(new Item({ type: "gift", x: 185, y: -200, w: 20, h: 20, }));// under small tree in boy's bedroom items.push(new Item({ type: "gift", x: 145, y: -200, w: 60, h: 60, })); // trees items.push(new Item({ type: "tree", x: -545, y: 545, w: 100, h: 100, })); items.push(new Item({ type: "tree", x: 150, y: -215, w: 90, h: 90, })); // lights items.push(new Item({ type: "lights", x: -375, y: 590, w: 200, h: 10, scl: { x: 1, y: -1, }, })); items.push(new Item({ type: "lights", x: 0, y: -590, w: 400, h: 10, scl: { x: 1, y: 1, }, })); items.push(new Item({ type: "lights", x: -350, y: -155, w: 450, h: 10, scl: { x: 1, y: 1, }, })); // furniture & furnishings function Bed(x, y, dir, pillow) { pushMatrix(); translate(x + 75, y + 25); scale(dir, 1); fill(105, 81, 63);// bed rect(0, 0, 150, 100); fill(222, 214, 206);// sheet rect(25, 0, 100, 100); fill(201, 193, 185); rect(-35, 0, 20, 100); fill(177, 178, 184);// pillow pushMatrix(); translate(24, 0); pillow(); popMatrix(); popMatrix(); } // ] Furniture + Items // [ // person prototype function Person(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.h = this.w; this.type = config.type; this.track = 0; this.tracks = config.tracks; this.back = 0; this.tracksback = config.tracks.slice().reverse(); this.destination = { x: 0, y: 0, }; // alarm tracks if (this.type === "dad") { this.alarmtrack = 0; this.alarmtracks = [ [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [-50, -520], [-50, 200], [-300, 350]], [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [-50, -520], [-50, 0], [-20, 550]], [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [200, -520], [300, -400]], [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [-50, -520], [0, -200], [150, 50], [250, 50]], [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [-50, -520], [-50, -100], [150, 200], [150, 400], [350, 400]], ]; } this.og = { x: config.x, y: config.y, r: config.r, }; this.activity = "sleep"; this.eyes = config.eyes; this.lineofsight = false; this.activitytimer = random(600, 3000); this.hunttime = 0; // attacking player (parents) this.attack = false; this.recoil = 0; this.reload = 120; this.r = config.r; this.xvel = 0; this.yvel = 0; } Person.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.r + (this.type === "mum" ? this.recoil : 0)); switch(this.type) { case "dad": image(Imgs.person_dad, 0, 0); break; case "mum": image(Imgs.person_mum, 0, 0); break; case "boy": image(Imgs.person_boy, 0, 0); break; case "girl": image(Imgs.person_girl, 0, 0); break; } // eyes noStroke(); switch(this.activity) { case "sleep": stroke(0); strokeWeight(2); noFill(); arc(this.eyes.x - this.w/6, this.eyes.y, 6, 4, 180, 360); arc(this.eyes.x + this.w/6, this.eyes.y, 6, 4, 180, 360); noStroke(); break; case "trackplayer": fill(153, 20, 49); ellipse(this.eyes.x - this.w/6, this.eyes.y, 4, 4); ellipse(this.eyes.x + this.w/6, this.eyes.y, 4, 4); break; default: fill(0); ellipse(this.eyes.x - this.w/6, this.eyes.y, 4, 4); ellipse(this.eyes.x + this.w/6, this.eyes.y, 4, 4); break; } // weapon if (this.attack) { if (this.type === "dad") { // gun 👀 fill(110, 110, 110); rect(0, 35 - this.recoil, 4, 20, 2); } else { pushMatrix(); translate(-27, 32); rotate(-40); // rolling pin fill(168, 113, 70); rect(0, 0, 35, 4); fill(156, 94, 46); rect(0, 0, 20, 8); // hand fill(250, 190, 150); ellipse(16, -1, 8, 8); popMatrix(); } } popMatrix(); }, collide: function(yv, xv) { // collide with walls & furniture for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, {x: b[1] - 600, y: b[2] - 600, w: b[3], h: b[4],})) { // colliding if (xv !== 0) { this.xvel = 0; if (this.x < b[1] - 600) { this.x = b[1] - 600 - b[3] / 2 - this.w / 2; } else { this.x = b[1] - 600 + b[3] / 2 + this.w / 2; } } else if (yv !== 0) { this.yvel = 0; if (this.y < b[2] - 600) { this.y = b[2] - 600 - b[4] / 2 - this.h / 2; } else { this.y = b[2] - 600 + b[4] / 2 + this.h / 2; } } } } }, update: function() { // turn character if (this.xvel !== 0 \|\| this.yvel !== 0) { this.r = atan2(this.yvel, this.xvel) - 90; } // can person see Santa?? var coll = true; for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (lnToRect({x1: this.x, y1: this.y, x2: Player.x, y2: Player.y}, {x: b[1] - 600, y: b[2] - 600, w: b[3], h: b[4]})) { coll = false; } } this.lineofsight = coll; // character activity if (this.type !== "dad" && this.type!== "mum") { // what do kids do? // spotting Santa if (dist(this.x, this.y, Player.x, Player.y) <= 150 && this.activity !== "sleep" && this.lineofsight) { this.activity = "alarm"; this.xvel = 0; this.yvel = 0; alarm.x = this.x; alarm.y = this.y; } } else { // adults? sleep. // sound the alarm!! if (alarm.x !== 0 && alarm.y !== 0 && this.type === "dad") { this.activity = "alarm"; } if (dist(this.x, this.y, Player.x, Player.y) <= 250 && this.activity !== "sleep" && this.lineofsight) { this.activity = "trackplayer"; } } // changing activity if (this.activitytimer > 0) { this.activitytimer--; } else { if (dist(this.x, this.y, this.og.x, this.og.y) < 2) { if (this.activity !== "sleep") { this.activity = "sleep"; } else { this.track = 0; this.activity = "wander"; } } else { if (random() < 0.6) { this.back = 0; this.activity = "bedtime"; } else { this.activity = "stationary"; } } this.activitytimer = random(600, 3000); } // activities switch(this.activity) { case "sleep": // sleep particles if (frameCount % 45 === 0) { particles.push(new Particle({ x: this.x - (cos(this.r + 90) * (this.w/2 + 10)), y: this.y - (sin(this.r + 90) * (this.w/2 + 10)), draw: function() { fill(0, this.o); textSize(15); text("Z", 0, 0); }, size: random(0.5, 1), xv: random(-1, 1), yv: random(-1, 1), ov: random(2, 4), rv: random(-1, 1), })); } break; case "wander": // [ // decide on next destination this.destination.x = this.tracks[this.track][0]; this.destination.y = this.tracks[this.track][1]; // move toward destination var theta = atan2(this.destination.y - this.y, this.destination.x - this.x); this.xvel = cos(theta) * 2; this.yvel = sin(theta) * 2; // new destination once original destination reached if (dist(this.x, this.y, this.destination.x, this.destination.y) < 2) { if (this.track < this.tracks.length - 1) { this.track++; } else { this.activity = "bedtime"; } } // ] follow path break; case "bedtime": // [ // decide on next destination this.destination.x = this.tracksback[this.back][0]; this.destination.y = this.tracksback[this.back][1]; // move toward destination var theta = atan2(this.destination.y - this.y, this.destination.x - this.x); this.xvel = cos(theta) * 2; this.yvel = sin(theta) * 2; // new destination once original destination reached if (dist(this.x, this.y, this.destination.x, this.destination.y) < 2) { if (this.back < this.tracksback.length - 1) { this.back++; } else { this.activity = "sleep"; this.xvel = 0; this.yvel = 0; this.x = this.og.x;// original position this.y = this.og.y; this.r = this.og.r; } } // ] return to bed break; case "trackplayer": // [ // decide on next destination this.destination.x = Player.x; this.destination.y = Player.y; // move toward destination var theta = atan2(this.destination.y - this.y, this.destination.x - this.x); if (dist(this.x, this.y, Player.x, Player.y) > (this.type === "dad" ? 50 : 30)) { this.xvel = cos(theta) * 2; this.yvel = sin(theta) * 2; } else { this.xvel = 0; this.yvel = 0; } // start hunting for player if out of range if (dist(this.x, this.y, Player.x, Player.y) > 250) { this.activity = "hunt"; this.attack = false; } else { this.attack = true; } // ] move toward player break; case "stationary": this.xvel = 0;// ... stop. this.yvel = 0; break; case "alarm": // [ if (this.type === "dad" && alarm.x !== 0 && alarm.y !== 0) { if (this.x === this.og.x && this.y === this.og.y) { for (var i = 0; i < rooms.length; i++) { var r = rooms[i]; if (pointRect(alarm, r)) { this.alarmtrack = i; } } } else { this.destination.x = alarm.x; this.destination.y = alarm.y; } this.destination.x = this.alarmtracks[this.alarmtrack][this.track][0]; this.destination.y = this.alarmtracks[this.alarmtrack][this.track][1]; // move toward destination var theta = atan2(this.destination.y - this.y, this.destination.x - this.x); this.xvel = cos(theta) * 2; this.yvel = sin(theta) * 2; // new destination once original destination reached if (dist(this.x, this.y, this.destination.x, this.destination.y) < 2) { if (this.track < this.alarmtracks[this.alarmtrack].length - 1) { this.track++; } else { alarm.x = 0; alarm.y = 0; this.activity = "hunt"; } } } // ] go to location of alarm // [ // screaming intensifies if (this.type !== "dad" && frameCount % 30 === 0) { particles.push(new Particle({ x: this.x - (cos(this.r + 90) * (this.w/2 + 10)), y: this.y - (sin(this.r + 90) * (this.w/2 + 10)), draw: function() { fill(0, this.o); textSize(15); text("Santa!", 0, 0); }, size: random(0.5, 1), xv: random(-1, 1), yv: random(-1, 1), ov: random(2, 4), rv: random(-1, 1), })); } // kids, go back to bed if (this.type !== "dad" && alarm.x === 0 && alarm.y === 0) { this.activitytimer = 300; this.activity = "bedtime"; } // ] kids stand there screaming break; case "hunt": if (this.hunttime > 0) { this.hunttime--; } else { this.xvel = random(-2, 2); this.yvel = random(-2, 2); this.hunttime = random(300, 450); } break; } // attacking player (parents) if (this.attack) { // reload attack if (this.reload > 0) { this.reload--; } else { this.reload = 120; } // different attack if (this.type === "dad") { if (this.reload === 0) { bullets.push(new Bullet(this.x + cos(this.r + 90) * 35, this.y + sin(this.r + 90) * 35, this.r)); this.recoil = 10; } if (this.recoil > 0) { this.recoil--; } } else { if (dist(this.x, this.y, Player.x, Player.y) <= 30 && this.recoil > 19.99) { Transition.next = "gameover"; } this.recoil = 20 * sin(frameCount * 7); } } // when outside, move back inside if (this.x <= -610 && this.y >= -600 && this.y <= 600) { this.x = -560;// if outside on left, go in door this.y = -95; } else if (this.x >= 610 && this.y >= -600 && this.y <= 600) { this.x = 500;// if outside on right, go in kitchen this.y = 100; } else if (this.y >= 610) { this.x = -20;// if outside on right, go in kitchen this.y = 550; } else if (this.y <= -610) { this.x = -30; this.y = -550; } // move character this.collide(this.yvel, 0); this.y += this.yvel; this.collide(0, this.xvel); this.x += this.xvel; }, run: function() { this.display(); this.update(); }, }; // add people people.push(new Person({ x: -550, y: -515, r: 270, w: 40, type: "dad", tracks: [[-550, -515], [-550, -450], [-300, -450], [-100, -520], [-50, -520], [-50, -150], [-100, -100], [-570, -100]], eyes: { x: 0, y: 10, }, }));// dad people.push(new Person({ x: -550, y: -565, r: 270, w: 40, type: "mum", tracks: [[-550, -565], [-500, -565], [-500, -450], [-300, -450], [-135, -520], [-50, -520], [-50, 200], [-150, 300], [-350, 300], [-350, 199], [-350, 200]], eyes: { x: 0, y: 10, }, }));// mum people.push(new Person({ x: 550, y: -350, r: 90, w: 30, type: "boy", tracks: [[550, -350], [550, -250], [350, -250], [200, -520], [0, -520], [0, -100], [200, 0], [350, 0], [350, -70]], eyes: { x: 0, y: 10, }, }));// boy people.push(new Person({ x: 550, y: 295, r: 90, w: 30, type: "girl", tracks: [[550, 295], [550, 400], [170, 400], [170, 100], [350, -70]], eyes: { x: 0, y: 10, }, }));// girl // ] People // [ var Scenes = { load: function () { var img = Object.keys(Imgs); if (curLoad < img.length) { background(255, 0);// clear background Imgs[img[curLoad]].d(); Imgs[img[curLoad]] = get( 0, 0, Imgs[img[curLoad]].w, Imgs[img[curLoad]].h ); curLoad++; } else { Transition.next = afterLoad;// transition to next scene } // background background(0); // outlined box noFill(); stroke(255); strokeWeight(2); rect(300, 300, 300, 40); noStroke(); // loading bar fill(255); rectMode(LEFT); rect(150, 280, (curLoad / img.length) * 300, 40); rectMode(CENTER);// reset rect alignment }, logo: function () { logo.run();// run logo }, home: function() { // background image(Imgs.menu_graphic, 300, 300); // menu text image(Imgs.menu_blur_text, 300, 300); image(Imgs.menu_masked_text, 300, 300); // grinch pushMatrix(); translate(100, 450); rotate(45); fill(200, 40, 60); ellipse(0, 175, 150, 300); fill(255); ellipse(0, 60, 100, 50); image(Imgs.grinch, 0, 0); popMatrix(); // buttons btns.play.run(); btns.how.run(); btns.more.run(); btns.subscribe.run(); // copyright text fill(255); textSize(15); text("©TDJ 2023" + (year() !== 2023 ? "-" + year() : ""), 150, 580); // add menu particles if (frameCount % 1 === 0) { particles.push(new Particle({ x: random(-200, 800), y: -50, size: 1, draw: function() { noStroke(); fill(255, this.o); rect(0, 0, 10, 10); }, xv: 2 * sin(frameCount / 10),// make wind direction change =D yv: random(3, 8), rv: random(-1, 1) * 5, ov: random(0.5, 1.5), })); } // running particles particles.forEach(function(p) { p.run(); }); // removing particles for (var i = particles.length - 1; i >= 0; i--) { if (particles[i].dead \|\| particles[i].y >= 620) { particles.splice(i, 1); } } }, how: function() { // background image(Imgs.menu_graphic, 300, 300); // text fill(255); textSize(70); text("HOW", 300, 100); textSize(30); text("Arrow keys or WASD to move.\nSpace to pick up/throw an item.\nThrow all the decorations & gifts into\nthe chimney to win. But watch\nout for the house's inhabitants!", 300, 300); // buttons btns.back.run(); }, more: function() { // background image(Imgs.menu_graphic, 300, 300); // text fill(255); textSize(70); text("MORE GAMES", 300, 100); // other games outback.display(); peasantLife.display(); // buttons btns.back.run(); }, game: function() { background(70, 110, 66); // move camera cam.x = ~~lerp(cam.x, 0.5 * width - Player.x, 0.1); cam.y = ~~lerp(cam.y, 0.5 * height - Player.y, 0.1); pushMatrix(); translate(cam.x, cam.y); scale(cam.zoom); // arena stroke(0); strokeWeight(2); noFill(); rect(0, 0, 1800, 1800); noStroke(); // draw floor image(Imgs.flooring, 0, 0, 1200, 1200); // drawing doorknobs fill(50); rect(-195, -26, 20, 6, 2); rect(-80, 595, 6, 20, 2); rect(-595, -140, 20, 6, 2); // drawing house walls, doors, windows, etc. noStroke(); pushMatrix(); translate(-600, -600); for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; switch (b[0]) { case "wall": fill(120, 80, 48); rect(b[1], b[2], b[3], b[4]); break; case "window": fill(191, 226, 227, 150); rect(b[1], b[2], b[3], b[4]); break; case "door": fill(84, 53, 29); rect(b[1], b[2], b[3], b[4]); break; case "cupboard": fill(120, 89, 18); ellipse(b[1] - 15, b[2] - b[4]/2, 6, 6); ellipse(b[1] + 15, b[2] - b[4]/2, 6, 6); rect(b[1], b[2], b[3], b[4]); fill(128, 96, 26); rect(b[1] - b[3] / 4, b[2], b[3]/2 - 4, b[4] - 4); rect(b[1] + b[3] / 4, b[2], b[3]/2 - 4, b[4] - 4); break; case "table": pushMatrix(); translate(b[1], b[2]); fill(50, 98, 125); rect(0, 0, b[3], b[4], 4); fill(59, 107, 135); arc(0, -b[4]/2, 50, 10, 180, 360); arc(0, b[4]/2, 50, 10, 0, 180); arc(-b[3]/2, 0, 10, 50, 90, 270); arc(b[3]/2, 0, 10, 50, -90, 90); popMatrix(); break; } } popMatrix(); // drawing furniture image(Imgs.rug, -375, 375); image(Imgs.sofa, -375, 195); image(Imgs.fireplace, -375, 557); image(Imgs.kitchen, 395, 39); // beds Bed(-592, -567, 1, function() { beginShape(); vertex(-97, -47); vertex(-97, 45); bezierVertex(-87, 48, -80, 39, -68, 46); vertex(-64, 47); bezierVertex(-62, -20, -66, 20, -64, -47); vertex(-64, -47); bezierVertex(-64, -47, -80, -46, -97, -47); endShape(); }); Bed(444, -375, -1, function() { beginShape(); vertex(-97, -47); vertex(-97, 45); bezierVertex(-87, 48, -80, 39, -68, 46); vertex(-64, 47); bezierVertex(-62, -20, -66, 20, -64, -47); vertex(-64, -47); bezierVertex(-64, -47, -80, -46, -97, -47); endShape(); }); Bed(442, 267, -1, function() { beginShape(); vertex(-97, -47); vertex(-97, 45); bezierVertex(-87, 48, -80, 39, -68, 46); vertex(-64, 47); bezierVertex(-62, -20, -66, 20, -64, -47); vertex(-64, -47); bezierVertex(-64, -47, -80, -46, -97, -47); endShape(); }); // run particles psystems.forEach(function(a) { a.run(); }); particles.forEach(function(a) { a.run(); }); // removing particles for (var i = particles.length - 1; i >= 0; i--) { if (particles[i].dead) { particles.splice(i, 1); } } // run bullets bullets.forEach(function(b) { b.display(); b.update(); }); // removing bullets for (var i = bullets.length - 1; i >= 0; i--) { if (bullets[i].dead) { bullets.splice(i, 1); } } // run people people.forEach(function(p) { p.run(); }); // run items items.forEach(function(i) { i.run(); }); // removing items for (var i = items.length - 1; i >= 0; i--) { if (items[i].dead) { items.splice(i, 1); } } // run player Player.run(); popMatrix(); // win the game if (items.length === 0 && !Player.carrying) { Transition.next = "win"; } }, gameover: function() { // background image(Imgs.menu_graphic, 300, 300); fill(255); textSize(50); text("lol\nThey got you. =P\n\n\n\nClick to restart.", 300, 300); if (mouse[LEFT]) { Program.restart(); } }, win: function() { // background image(Imgs.menu_graphic, 300, 300); fill(255); textSize(38); text("You stole Christmas??!!\nYour heart must be 2x too small.\nSo mean! 😭", 300, 200); // too small heart pushMatrix(); translate(300, 250); scale(1.2); image(Imgs.hearts, 0, 0); popMatrix(); }, }; // ] Scenes // [ function draw() { background(255);// prevent canvas smearing try { Scenes[scene]();// run current scene } catch(e) { println(e); debug(e); } Transition.run();// run transition mouse[mouseButton] = false;// stop clicking } // ] Run program
Folds	16,21,23,26,28,35,39,215,217,880,882,1098,1100,1245,1247,1471,1473,1763,1765,2260,2262,2582,2584,2599
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIuzqpb4Cgw
Votes	72
Spin-Offs	4
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841870533
Updated	25 days ago, 1734464275574
Source Deleted	unknown