Viewing Program

Program Data

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

Title	Unhaunted House
ID	6015217925521408
Created	7 years ago, 1540692455343
Updated	5 years ago, 1591403772832
Code	// I've been programming in JavaScript for almost three years, and have learned all of Intro to JS. / I worked on this almost as much as possible in order to get it done in time...too ambitious for a project less than a month long. O__O The ghost is one of my favorite characters in terms of looks that I've made so far. / /* Updates after January 2020: - June 2nd, 2020: Replaced use of the "new" keyword with a method to prevent memory leaking: ka-hearth.learnerpages.com/posts/fix-for-new-issues Also removed the unused variable fd02 in outlineFlashLoop(). Things to add: - Make a second obstacles group for path-impeding but not vision-limiting obstacles - Sort scene objects into groups automatically based on their type? - Make the sidewalk not endless... - A cat; The idea I have for this one probably requires a lot of code. ;p - Other ways to scare people - Scene objects: - Chair - More carpets? - Remove extra targets when pathfinding - Particles - May need entity sorting for draw order / // Canvas smooth(); var c = { mult: (width + height) / 2000 // maps 1000 to average canvas dim. }; // The apparent dimensions to the game; these are both 1000 with square canvas c.width = width / c.mult; c.height = height / c.mult; // Creates a new object instance without the keyword "new". Object.constructor.prototype.new = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }; // Audio var audio = { // Off until a key is pressed because guidelines... // This is overkill anyway since nothing happens till you move. enabled: false, play: function(sound, start, volume) { if (this.a[sound]) { sound = this.a[sound]; if (this.enabled) { sound.audio.volume = volume \|\| 1; sound.audio.currentTime = start \|\| 0; sound.audio.play(); } } else { throw { message: "Invalid sound \"" + sound + "\"." }; } }, // All sounds a: { boom1: getSound("retro/boom1"), boom2: getSound("retro/boom2"), whack: getSound("rpg/hit-whack"), creak: getSound("rpg/door-open"), hit2: getSound("retro/hit2"), fizzle: getSound("retro/thruster-long") } }; // Controls var keys = []; var controlText = ""; var note; // Oh Noes fix var player, scene, Marker; keyPressed = function() { audio.enabled = true; keys[key] = keys[keyCode] = true; /if (keyCode === 32) { println("Marker.new(" + round(player.pos.x) + ", " + round(player.pos.y) + "),"); scene.markers.push(Marker.new(round(player.pos.x), round(player.pos.y))); }/ }; keyReleased = function() { keys[key] = keys[keyCode] = false; }; // Maps keys to actions var controls = { // An action with one key doesn't need an array up: ["w", UP], right: ["d", RIGHT], down: ["s", DOWN], left: ["a", LEFT], action: [" ", ENTER] }; var controlLabels = { action: "Space or Enter" }; // Returns whether a key for a certain action is pressed var control = function(name, label) { if (!controls[name]) { throw { message: "Unknown control name." }; } // Help text if (label) { controlText += "\n" + (controlLabels[name] ? label + ": " + controlLabels[name] : label); } // Return a value if (typeof controls[name] === "object") { for (var i in controls[name]) { if (keys[controls[name][i]]) { return true; } } } else if (keys[controls[name]]) { return true; } return false; }; // Mathematics-related functions { // Two-dimensional vector, basically a blatant copy of PVector var V = function(x, y) { if (x instanceof V) { this.x = x.x; this.y = x.y; } else { this.x = x; this.y = y; } return this; }; V.prototype = { set: V, // kek add: function(x, y) { if (x instanceof V) { this.x += x.x; this.y += x.y; } else { this.x += x; this.y += y; } return this; }, sub: function(x, y) { if (x instanceof V) { this.x -= x.x; this.y -= x.y; } else { this.x -= x; this.y -= y; } return this; }, mult: function(x, y) { if (x instanceof V) { this.x = x.x; this.y = x.y; return this; } else if (!y) { y = x; } this.x = x; this.y = y; return this; }, div: function(x, y) { if (x instanceof V) { this.x /= x.x; this.y /= x.y; return this; } else if (!y) { y = x; } this.x /= x; this.y /= y; return this; }, normalize: function() { var m = this.mag(); this.x /= m; this.y /= m; return this; }, rotate: function(a) { var c = cos(a), s = sin(a); var x = this.x, y = this.y; this.x = x c + y * s; this.y = y * c - x * s; return this; }, mag: function() { return sqrt(this.x * this.x + this.y * this.y); }, angle: function() { var a = asin(this.x / this.mag()); return this.y > 0 ? 270 + a : 90 - a; }, dist: function (v) { return dist(this.x, this.y, v.x, v.y); } }; // Returns whether two line segments defined by the endpoints intersect // Used by segmentRectIntersection() // Undoubtedly very unoptimized and not completely accurate, but I don't have a whole lot of time left. :p var lineSegmentIntersection = function(x1, y1, x2, y2, xa, ya, xb, yb) { // Intersection point coordinates var u, v; if (x1 === x2) { // the line collinear to the first segment is vertical if (xa === x1) { // the lines are the same return y1 >= ya && y1 <= yb \|\| y2 >= ya && y2 <= yb \|\| y1 >= yb && y1 <= ya \|\| y2 >= yb && y2 <= ya \|\| ya >= y2 && yb <= y1 \|\| y1 <= ya && y2 >= ya; } u = x1; v = (yb - ya) / (xb - xa) * (x1 - xa) + ya; } else if (xa === xb) { // second line is vertical u = xa; v = (y2 - y1) / (x2 - x1) * (xa - x1) + y1; } else { // The slopes of the lines var s1 = (y2 - y1) / (x2 - x1); var s2 = (yb - ya) / (xb - xa); if (s1 === s2) { // the lines are parallell // Still needs work return y1 === ya && (x1 >= xa && x1 <= xb \|\| x2 >= xa && x2 <= xb \|\| x1 >= xb && x1 <= xa \|\| x2 >= xb && x2 <= xa \|\| xa >= x2 && xb <= x1 \|\| x2 >= xb && x1 <= xa); } u = (s1 * x1 - y1 - s2 * xa + ya) / (s1 - s2); v = s1 * (u - x1) + y1; } var f = 50; // error bound - this is very high so that characters don't get too close to walls // Whether the intersection point is within the bounds of both segments return (u >= x1 - f && u <= x2 + f \|\| u >= x2 - f && u <= x1 + f) && (u >= xa - f && u <= xb + f \|\| u >= xb - f && u <= xa + f) && (v >= y1 - f && v <= y2 + f \|\| v >= y2 - f && v <= y1 + f) && (v >= ya - f && v <= yb + f \|\| v >= yb - f && v <= ya + f); }; // Returns whether the line segment from (x1, y1) to (x2, y2) intersects a side of the rectangle with the top left corner at (rx, ry) and the dimensions (rw, rh) // Used by isClearPath() var segmentRectIntersection = function(x1, y1, x2, y2, rx, ry, rw, rh) { var s = [ [rx, ry, rx + rw, ry], // top [rx, ry, rx, ry + rh], // left [rx, ry + rh, rx + rw, ry + rh], // bottom [rx + rw, ry, rx + rw, ry + rh] // right ]; for (var i = 0; i < s.length; i++) { if (lineSegmentIntersection( s[i][0], s[i][1], s[i][2], s[i][3], x1, y1, x2, y2)) { return true; } } return false; }; var scene; // Returns whether the path between two points is not impeded by obstacles // Two vector objects may be given instead of four coordinates // Used by pathfinding-related code var isClearPath = function(x1, y1, x2, y2) { if (arguments.length === 2) { // Two vector objects were given instead x2 = y1.x; y2 = y1.y; y1 = x1.y; x1 = x1.x; } for (var i = 0; i < scene.objs.obstacles.length; i++) { var o = scene.objs.obstacles[i]; if (segmentRectIntersection( x1, y1, x2, y2, o.pos.x, o.pos.y, o.dim.x, o.dim.y)) { return false; } } return true; }; // Returns the closest unimpeded marker to a spot, or false if there are none // Used to return the closest if there were no unimpeded ones var closestMarker = function(p) { var closest = false, /* foundClearPath = false, / distance = Infinity; for (var i = 0; i < scene.markers.length; i++) { var m = scene.markers[i]; var d = p.dist(m.pos); if (d < distance) { //var clear = isClearPath(p, m.pos); if (isClearPath(p, m.pos) / \|\| !foundClearPath / ) { /if (clear) { foundClearPath = true; }/ closest = m; distance = d; } } } return closest; }; // } // Note overlay var note = { obj: false, font: createFont("Segoe Script"), speed: 30, alpha: 0, dir: 0, set: function(obj) { this.obj = obj; this.dir = 1; }, loop: function() { if (this.dir === 1) { this.alpha += this.speed; if (this.alpha >= 255) { this.alpha = 255; this.dir = 0; } } else if (this.dir === -1) { this.alpha -= this.speed; if (this.alpha <= 0) { this.obj = false; this.alpha = 0; this.dir = 0; } } if (this.alpha) { if (keyIsPressed && !control("action")) { this.dir = -1; } noStroke(); rectMode(CORNER); fill(0, this.alpha / 2); rect(-10, -10, c.width + 20, c.height + 20); pushMatrix(); rotate(-1); rectMode(CENTER); fill(173, 185, 199, this.alpha); rect(c.width / 2.1, c.height / 2, 500, 700); textAlign(TOP, LEFT); textFont(this.font, 30); textLeading(30); fill(0, this.alpha 0.9); text(this.obj.text, c.width / 3.7, c.height / 5, 400, 500); popMatrix(); } } }; // Scene object constructors { var scene, player, entities, Ghost, Human, cam; // Oh Noes fix // The groups parameter takes an array of group names, strings. var SceneObj = function(x, y) { this.pos = V.new(x, y); }; SceneObj.prototype = { draw: function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.loop(); popMatrix(); } }; var Wall = function(x, y, w, h) { SceneObj.call(this, x, y); this.dim = V.new(w, h); }; Object.assign(Wall.prototype, SceneObj.prototype, { loop: function() { rectMode(CORNER); strokeWeight(3); stroke(scene.outline); fill(54, 38, 47); rect(0, 0, this.dim.x, this.dim.y); } }); var InvisibleBarrier = function(x, y, w, h) { Wall.apply(this, arguments); }; Object.assign(InvisibleBarrier.prototype, SceneObj.prototype, { loop: function() { /rectMode(CORNER); noFill(); strokeWeight(3); stroke(255); rect(0, 0, this.dim.x, this.dim.y);/ } }); var Door = function(x, y, r, a) { SceneObj.call(this, x, y); this.rot = r; // overall orientation this.angle = a; // the door's relative orientation this.angleVel = 0; this.knock = 0; // whether someone is knocking on the door this.knockPersistence = 0; this.answerer = false; // whether someone is coming to answer the door }; Object.assign(Door.prototype, SceneObj.prototype, { // Returns the center of the door under all transformations getCenter: function() { return V.new(scene.gs * 1.75, -scene.gs / 3) .rotate(-this.angle) .add(scene.gs / 2, scene.gs / 3) .rotate(-this.rot) .add(this.pos); }, loop: function() { if (this.angleVel) { if (!this.creak && player.pos.dist(this.pos) < 1000) { audio.play("creak", random(0, 0.6), 0.1); this.creak = true; } this.angle += this.angleVel; this.angleVel = 0.97; if (this.angle <= 0) { this.angle = 0; this.angleVel = 0; } else if (this.angle > 140) { this.angle = 140; this.angleVel = random(-0.9, -0.5); } } else { this.creak = false; } rectMode(CORNER); rotate(this.rot); if (this.answerer) { strokeWeight(5); stroke(255, 200); } else { strokeWeight(3); stroke(scene.outline); } fill(79, 58, 67); rect(0, -scene.gs * 0.4, scene.gs * 0.5, scene.gs * 0.8); translate(scene.gs / 2, scene.gs / 3); rotate(this.angle); fill(102, 74, 82); rect(0, -scene.gs * 2/3, scene.gs * 3.5, scene.gs / 1.5); if (this.knockPersistence > 0) { this.knockPersistence -= 0.005; } if (this.knock > 0) { this.knock--; // Flash scale(scene.gs / 10); translate(0, -3); var f = frameCount % 30; if (f < 10) { if (!this.sound) { audio.play("whack", 0.03, 0.3); this.sound = true; } if (f < 3) { cam.shake(); } strokeWeight(2); stroke(255, 239, 135, 200); for (var i = 0; i !== 2; i++) { line(7, 7, 3, 15); line(16, 8, 16, 18); line(26, 7, 30, 15); scale(1, -1); } } else { this.sound = false; } } } }); var Note = function(x, y, t) { SceneObj.call(this, x, y); this.text = t; this.rot = random(360); }; Object.assign(Note.prototype, SceneObj.prototype, { loop: function() { rotate(this.rot); rectMode(CENTER); noStroke(); fill(154, 175, 184); rect(0, 0, 40, 50); if (!note.obj && player.pos.dist(this.pos) < 100) { if (control("action", "Read page")) { note.set(this); } } } }); var Bed = function(x, y, l) { SceneObj.call(this, x, y); this.double = l; }; Object.assign(Bed.prototype, SceneObj.prototype, { loop: function() { rectMode(CENTER); strokeWeight(3); stroke(scene.outline); fill(92, 73, 83); if (this.double) { rect(0, 0, 270, 250); noStroke(); fill(135, 81, 110); rect(0, 0, 250, 230, 10); fill(113, 145, 163); rect(0, -80, 250, 70, 10); fill(135, 173, 194); rect(-65, -80, 130, 70, 30); rect(65, -80, 130, 70, 30); } else { rect(0, 0, 150, 270); noStroke(); fill(77, 105, 101); rect(0, 0, 130, 250); fill(113, 145, 163); rect(0, -85, 130, 80, 10); fill(135, 173, 194); rect(0, -90, 140, 70, 30); } } }); var Table = function(x, y, w, h, t) { SceneObj.call(this, x, y); this.dim = V.new(w, h); this.type = t \|\| 0; if (this.type === 1) { // Make an array of random coordinates this.items = []; var m = 30; outer: for (var i = 0; i < this.dim.x * this.dim.y / 2000 \|\| i < 1; i++) { var a = [random(m, this.dim.x - m), random(m, this.dim.y - m)]; // Make sure the new position isn't too close to any other one for (var j = 0; j < this.items.length; j++) { if (dist(a[0], a[1], this.items[j][0], this.items[j][1]) < m * 2) { continue outer; } } this.items.push(a); } } }; Object.assign(Table.prototype, SceneObj.prototype, { deskItems: [ function() { // white circle noStroke(); fill(143, 167, 191); ellipse(0, 0, 30, 30); }, function() { // book rectMode(CENTER); noStroke(); fill(79, 58, 73); rect(0, 0, 40, 55); }, function() { // pen strokeWeight(8); stroke(41, 43, 51); line(0, -10, 0, 10); }, function() { // box rectMode(CENTER); noStroke(); fill(117, 87, 116); rect(0, 0, 50, 60); } ], brokenDeskItems: [ function() { noStroke(); fill(143, 167, 191); arc(4, 3, 30, 30, 10, 100); arc(0, 0, 30, 30, 103, 230); arc(6, 0, 30, 30, 227, 360); }, function() { rectMode(CENTER); noStroke(); fill(143, 167, 191); triangle(-30, -20, -20, -25, -20, 25); triangle(-27, 28, -20, -25, 18, 36); fill(79, 58, 73); rect(0, 0, 40, 55); }, function() { noStroke(); fill(41, 43, 51); ellipse(-7, -8, 18, 18); ellipse(7, 2, 18, 18); ellipse(-3, 7, 18, 18); }, function() { rectMode(CENTER); noStroke(); fill(87, 65, 86); rect(0, 0, 50, 60); fill(117, 87, 116); quad(-20, -35, 30, -25, 20, -3, -20, -5); quad(-25, 35, 25, 25, 20, 0, -20, 3); } ], loop: function() { rectMode(CORNER); strokeWeight(3); stroke(scene.outline); fill(94, 75, 86); rect(0, 0, this.dim.x, this.dim.y); strokeWeight(16); stroke(0, 25); rect(25, 25, this.dim.x - 50, this.dim.y - 50); if (this.type === 1) { // normal desk // Break? if (player.pos.x >= this.pos.x && player.pos.x <= this.pos.x + this.dim.x && player.pos.y >= this.pos.y && player.pos.y <= this.pos.y + this.dim.y && !this.broken) { if (control("action", "Mess up")) { this.broken = true; audio.play("hit2"); cam.shake(); // Spook the humans var center = V.new(this.dim).mult(0.5).add(this.pos); for (var i = 0; i < entities.a.length; i++) { if (entities.a[i] instanceof Human) { var e = entities.a[i]; if (isClearPath(e.pos, center) \|\| (random() < 0.4 && e.pos.dist(center) < 2000)) { e.fear += 0.26; if (e.eyes === "closed") { e.eyes = "open"; e.fear += 0.1; e.patrol = 150; } } } } } } // Draw var a = this.broken ? this.brokenDeskItems : this.deskItems; for (var i = 0; i < this.items.length; i++) { pushMatrix(); translate(this.items[i][0], this.items[i][1]); rotate(i * 100 + this.dim.x); a[i % a.length].apply(this); popMatrix(); } } } }); var Couch = function(x, y, r, l, c) { SceneObj.call(this, x, y); this.rot = r \|\| 0; this.double = l; this.col = c; }; Object.assign(Couch.prototype, SceneObj.prototype, { loop: function() { rotate(this.rot); rectMode(CENTER); strokeWeight(10); if (this.double) { if (this.col) { stroke(53, 75, 110); fill(69, 104, 153); } else { stroke(77, 50, 72); fill(117, 81, 110); } rect(-50, 0, 100, 100, 25); rect(50, 0, 100, 100, 25); if (this.col) { fill(80, 115, 168); } else { fill(138, 95, 130); } rect(-125, -20, 50, 140, 20); rect(125, -20, 50, 140, 20); rect(0, -75, 260, 60, 25); } else { stroke(99, 89, 89); fill(115, 102, 102); rect(0, 0, 100, 100, 25); fill(130, 114, 114); rect(-75, -15, 50, 125, 20); rect(75, -15, 50, 125, 20); rect(0, -75, 150, 60, 25); } } }); var Marker = function(x, y, n) { if (n) { this.name = n; } this.pos = V.new(x, y); this.adjacent = []; }; // } var floorRectangles = []; // The level var scene = { // Drawn before anything else base: function() { background(60, 98, 102); // Sidewalk strokeWeight(20); stroke(0, 40); fill(93, 111, 128); rect(2550, 4800, 200, 6000); // Floor rectMode(CORNER); fill(76, 67, 79); rect(2350, 4650, 600, 150); noStroke(); rect(1900, 1050, 1500, 3600); rect(1050, 1900, 3200, 1900); rectMode(CENTER); for (var i = 0; i < floorRectangles.length; i++) { if (i % 2) { fill(90, 79, 94, 100); } else { fill(58, 51, 61, 100); } rect(floorRectangles[i][0], floorRectangles[i][1], 30, 200); } // Back living room rug rectMode(CENTER); strokeWeight(18); stroke(30, 51, 82); fill(56, 81, 135); rect(2700, 1500, 700, 600); noStroke(); for (var i = 520; i > 50; i -= 70) { if (round(i % 140 / 140) === 0) { fill(56, 81, 135); } else { fill(68, 98, 163); } rect(2700, 1500, i + 100, i); } // Entrance room rug stroke(57, 87, 84); fill(77, 110, 106); rect(2840, 4200, 800, 600); rect(2840, 4200, 700, 500); noFill(); for (var x = -310; x < 311; x += 620 / 11) { for (var y = -210; y < 211; y += 420 / 7) { ellipse(2840 + x, 4200 + y, 50, 50); } } // Table by the stairs strokeWeight(10); stroke(66, 56, 62); fill(107, 93, 100); triangle(2920, 3200, 3100, 3020, 3100, 3200); strokeWeight(14); stroke(55, 77, 68); fill(107, 76, 97); ellipse(3040, 3145, 70, 70); noStroke(); fill(79, 112, 105); ellipse(3009, 3161, 45, 45); ellipse(3078, 3117, 45, 45); ellipse(3043, 3147, 45, 45); fill(68, 99, 92); ellipse(3058, 3172, 45, 45); ellipse(3048, 3117, 45, 45); // The stairs pushMatrix(); translate(2250, 2700); rectMode(CORNER); strokeWeight(3); for (var i = 0; i < 11; i++) { stroke(lerpColor( scene.outline, color(42, 52, 64), i / 11)); fill(lerpColor( color(79, 69, 74), color(20, 15, 17), i / 12 + 1/12)); rect(scene.gs * i, 0, scene.gs, scene.gs * 4); } noStroke(); fill(107, 93, 100); rect(0, scene.gs * 4.25, scene.gs * 11.5, scene.gs / 2); rect(scene.gs * 11.25, 0, scene.gs / 2, scene.gs * 4.5); fill(120, 104, 112); ellipse(0, scene.gs * 4.5, scene.gs, scene.gs); ellipse(scene.gs * 11.5, scene.gs * 4.5, scene.gs, scene.gs); popMatrix(); // Bathroom strokeWeight(16); stroke(125, 135, 168); fill(142, 155, 194); rect(1925, 3800, 450, 175); // bathtub rect(1965, 3825, 370, 110, 30); rect(2000, 3635, 90, 80, 40); // toil—wait, is there a filter on here? rect(1950, 3625, 60, 100, 15); rect(1950, 3250, 180, 110, 30); // sink rect(2000, 3275, 80, 60, 40); // Kitchen strokeWeight(16); stroke(46, 61, 53); fill(65, 87, 84); rect(4100, 1950, 100, 300, 0, 0, 0, 25); // counter rect(4150, 2250, 100, 300); rect(4100, 2550, 100, 450, 25, 0, 0, 0); rect(3700, 2250, 180, 300, 25); fill(65, 87, 84); strokeWeight(10); stroke(93, 109, 135); fill(116, 139, 173); rect(3400, 2500, 90, 200, 6); // refrigerator rect(3490, 2500, 30, 200, 6); }, // The color of the wall outlines and such outline: color(80, 110, 156, 200), // The dimensions of the bounds dim: V.new(5400, 5900), // Space between the house and the bounds' top left corner margin: 1000, // The size of a tile in the grid gs: 50, /* Building geometry B: wall ^, >, V and <: door everything else: space / grid: [ " BBBBBBBBBBBBBB", " BBBBBBBBB BBBBBBBBB", " B B", " B B", " B B", " BB BB", " B B", " B B", " B B", " B living room B", " B B", " B B", " BB BB", " B B", " B B", " B B", " B B", " BBBBBBBB B B BB <BB", " BBBBB BBBBBBBBBBBBBBBBBBBB BBBBBBBBBBBBBB BBBBB", " B B B B B", " B B clo- B B B", " B B set B B B", " B B B B B", " B BB <BB B", "BB B B BB", "B B B B", "B V V dining room kitchen B", "B bedroom B", "B B", "B B B", "B B B B B", "BB B B B BB", " B B B B B", " BBBBBBBBBBB BB BBBBBBBBBBBB BBB B", " B B B B B", " B B B stairs B", " B B B B", " BB BBBBBBBBBB B", " B B B", " B V B B", " B BBBBBBBBBBBBBBBBBBBBBBB", " B B B B", "BB hallway B B BB", "B B B B B", "B BBBBBBBBBB BBBBBB BB B", "B bedroom B B B B", "B B B B B", "B B B B B", "B B B bedroom B", "BB B BB", " B B B", " B B bathroom ^ B", " B B B B", " B B B B B", " B B B B B", " BBBBB BBBBBBB BB BBBBBBBBBBBBBBBBB BBBBB", " BBBBBBBB B B B BBBBBBBB", " B B B", " B B B", " BBBBBBBBBB B", " B B", " BB BB", " B B", " B B", " B living room B", " B or office B", " B B", " B B", " BB BB", " B B", " B B", " B B", " BBBB BBBBB <BBBBB BBBB", " BBBBBB BBBBBB" ], // Converts the grid to scene objects parseGrid: function() { // This variable remembers whether a tile has been covered var occupied = {}; // Loop through every tile and make objects for (var i = 0; i < this.grid.length; i++) { for (var j = 0; j < this.grid[i].length; j++) { if (occupied[i + " " + j]) { continue; } var char = this.grid[i][j]; var pos = V.new(j this.gs + this.margin, i * this.gs + this.margin); if (char === "B") { // Wall // Figure out how far the wall goes in each direction for (var x = 1; this.grid[i][j + x] === "B" && !occupied[i + " " + (j + x)]; x++) {} for (var y = 1; ; y++) { if (i + y === this.grid.length \|\| this.grid[i + y][j] !== "B") { break; } } // See which way is longer and mark spots as occupied var w, h; if (x > y) { w = x; h = 1; for (var x = j; x < j + w; x++) { occupied[i + " " + x] = true; } } else { w = 1; h = y; for (var y = i; y < i + h; y++) { occupied[y + " " + j] = true; } } // Make the object this.add(Wall.new(pos.x, pos.y, w * this.gs, h * this.gs), "upper, obstacles"); } else if ("^>V<".includes(char)) { // Door var offset = { "^": [0.5, 1], ">": [0, 0.5], "V": [0.5, 0], "<": [1, 0.5] }[char]; pos.add(offset[0] * this.gs, offset[1] * this.gs); this.add(Door.new(pos.x, pos.y, { "^": -90, ">": 0, "V": 90, "<": 180 }[char], 0), "upper"); } } } }, // All scene objects, sorted into groups; // a scene object may appear in multiple groups. objs: { // All scene objects appear in this group. a: [], // Drawn before the characters lower: [], // Drawn after the characters upper: [], // Objects (with collision) requiring pathfinding around obstacles: [] }, // Adds a scene object // scene.add(Object.new()) // scene.add(Object.new(), "upper, something") // scene.add("upper, something", Object.new(), Object.new(), ...) add: function(a, b) { if (typeof a === "object") { var obj = a; var groups = b.split(", "); this.objs.a.push(obj); for (var i in groups) { this.addToGroup(groups[i], obj); } return obj; } else if (typeof a === "string") { var groups = a.split(", "); for (var i = 1; i < arguments.length; i++) { for (var j in groups) { this.addToGroup(groups[j], arguments[i]); } } } }, // Adds a scene object to a specific group, creating the group if necessary // Don't use this to add new objects. addToGroup: function(group, obj) { if (!this.objs[group]) { this.objs[group] = []; } this.objs[group].push(obj); }, // Used for directing AI markers: [ Marker.new(2650, 4450, "entrance"), Marker.new(2680, 9000, "outside"), Marker.new(2650, 3900), // entrance room Marker.new(2550, 3560), // bathroom entrance in hallway Marker.new(2816, 3493), // large bedroom entrance in hallway Marker.new(2650, 3050), // upper entrance hallway Marker.new(2100, 3050), // horizontal hallway left and lower left bedroom entrance Marker.new(3075, 2857), // horizontal hallway right Marker.new(2116, 2389), // bedroom hallway upper left and upper left bedroom entrance Marker.new(3048, 3481), // large bedroom entrance in room Marker.new(3706, 3425), // large bedroom Marker.new(2170, 3559), Marker.new(1783, 3064), Marker.new(1314, 3050), Marker.new(1314, 2783), Marker.new(1729, 2777), Marker.new(1720, 2565), Marker.new(1793, 2416), Marker.new(2404, 2412), Marker.new(2411, 2544), Marker.new(3100, 2547), Marker.new(3150, 2302), Marker.new(2882, 2012), Marker.new(2704, 2012), Marker.new(2800, 1805), Marker.new(3622, 2819), Marker.new(3605, 2306), Marker.new(2936, 3008), Marker.new(1300, 3300), Marker.new(3121, 2053), Marker.new(2447, 2055) ], // Returns the first marker with the given name marker: function(n) { return this.markers.find(function(m) { return m.name === n; }); }, // Returns a random marker excluding the outside one randomMarker: function() { var m = this.markers[floor(random(this.markers.length))]; return m.name !== "outside" ? m : this.randomMarker(); } }; { scene.parseGrid(); // Add floor rectangles var roundum = function(a, b) { return round(random(a, b) / 30) * 30; }; for (var i = 0; i < 400; i++) { var r = []; if (random() < 0.5) { r.push(roundum(1950, 3300), roundum(1150, 4550)); } else { r.push(roundum(1100, 4200), roundum(2000, 3700)); } floorRectangles.push(r); } // Add scene objects scene.add("lower", // Beds Bed.new(3850, 3670, true), Bed.new(1130, 3300), Bed.new(1440, 2050), // Seats Couch.new(2300, 1230, -10), // elder's couch Couch.new(3250, 1600, 90, true, 1), // back living room Couch.new(2260, 1800, 180, true), Couch.new(2200, 4530, 200), Couch.new(3300, 4250, 90, true), // entrance living room Couch.new(3050, 4500, 180, true, 1), // Tables Table.new(1600, 1950, 150, 150), // elder's room Table.new(1050, 2250, 150, 300, 1), Table.new(1300, 3650, 300, 150, 1), // boy's room Table.new(3600, 3050, 500, 150, 1), // parents' room Table.new(4070, 3600, 120, 150, 1), // man's night stand Table.new(3500, 3600, 120, 150, 1), // woman's night stand Table.new(1900, 4100, 150, 300), // entrance living room Table.new(3200, 3800, 150, 150, 1), // entrance living room Table.new(3200, 4450, 150, 150, 1), Table.new(3200, 1750, 150, 150, 1), // back living room Table.new(3200, 1100, 150, 150, 0), Table.new(1900, 1300, 150, 300, 1), Table.new(1950, 1750, 150, 150), Table.new(3410, 1950, 250, 150), // Notes Note.new(2010, 1470, "Recently I've heard that cats usually have some resistance quality to supernatural beings. I haven't experienced anything suggesting this before. I was very skeptical until I remembered the ancient Egyptians. I will be researching them and their relationship with cats much further."), Note.new(1650, 2020, "It seems that despite the resistance cats have to supernatural beings, there have been cases of cats being possessed.") ); scene.add("lower, obstacles", Table.new(2550, 2150, 500, 300) // dining room ); scene.add("upper", // Bounds /Wall.new(0, 0, 40, 6000), Wall.new(0, 0, 5500, 40), Wall.new(5460, 0, 40, 6000), Wall.new(0, 5960, 5500, 40),/ // Open doors Door.new(2375, 3450, 90, 100) ); scene.add("obstacles", InvisibleBarrier.new(2250, 2700, 600, 250) // stairs ); // Connect markers for (var i = 0; i < scene.markers.length; i++) { var m = scene.markers[i]; // Check each other marker to see if there's a clear path between it and the current for (var j = 0; j < scene.markers.length; j++) { var t = scene.markers[j]; if (m === t \|\| m.adjacent.includes(j)) { continue; } // If there is a clear path, consider them adjacent if (isClearPath(m.pos, t.pos)) { m.adjacent.push(j); t.adjacent.push(i); } } } } var remainingPeople = 0; // How many people are left to spook // Entity constructors { var entities, elder; // Oh Noes fix // Each instance should have a graphic() method, probably in some prototype, unless the draw() method is overwritten. // The drawing coordinates range from -50 to 50. var Entity = function(x, y) { this.pos = V.new(x, y); this.vel = V.new(0, 0); this.accel = V.new(0, 0); this.active = true; // whether to run this entity }; Entity.prototype = { size: 100, drag: 0, // All non-visual code called every frame update: function() { if (!this.active) { return; } // Code specific to the object type this.loop(); // Physics this.vel.add(this.accel).mult(1 - this.drag); this.pos.add(this.vel); this.accel.set(0, 0); }, // Draws this.graphic() under a transformation draw: function() { if (!this.active) { return; } pushMatrix(); translate(this.pos.x, this.pos.y); scale(this.size / 100); this.graphic(); popMatrix(); } }; // A character // Instances should not be made with this constructor, but with constructors built on this one (such as Human and Ghost). var Char = function(x, y) { Entity.apply(this, arguments); this.dir = "down"; // Read-only; ranges from -1 to 1 in a sine fashion when moving; // can be added to coordinates for arm or leg swing this.swing = 0; this.distanceTraveled = 0; // used for swing this.localSpeed = 1; // movement speed multiplier // AI this.targets = []; }; Object.assign(Char.prototype, Entity.prototype, { size: 120, speed: 1, drag: 0.1, // 0 to 1 getMaxSpeed: function() { return (1 - this.drag) * this.speed / this.drag; }, // General update code loop: function() { // Direction if (this.vel.mag()) { var a = round(this.vel.angle() / 90) % 4; this.dir = ["right", "up", "left", "down"][a]; } // Swing this.distanceTraveled += this.vel.mag(); this.swing = cos(this.distanceTraveled * 200 / this.size) * sqrt(this.vel.mag() / this.getMaxSpeed()); }, // Accelerate in a certain direction move: function(a) { m = m \|\| 1; this.accel.add(this.speed * this.localSpeed * cos(a), this.speed * this.localSpeed * sin(a)); }, // General player control control: function() { // Movement var a; // angle if (control("up") && this.pos.y > 0) { a = -90; } if (control("down") && this.pos.y < scene.dim.y) { a = a ? NaN : 90; } var b; // whether a key for moving right is pressed if (control("right") && this.pos.x < scene.dim.x) { a = a / 2 \|\| 0; b = true; } if (control("left") && this.pos.x > 0) { a = b ? NaN : a * 1.5 \|\| 180; } if (!isNaN(a)) { this.move(a); } }, // General non-player behavior AI: function() { if (this.targets[0]) { // Draw the path /stroke(127, 150, 255, 200); var l = [this.pos].concat(this.targets); for (var i = 1; i < l.length; i++) { strokeWeight(10); line(l[i - 1].x, l[i - 1].y, l[i].x, l[i].y); strokeWeight(25); point(l[i].x, l[i].y); }/ // Move to the next target var d = V.new(this.pos).sub(this.targets[0]).mult(-1, 1); if (d.mag() < this.vel.mag() / this.drag * 0.95 \|\| this.pos.dist(this.targets[0]) < 10) { this.targets = this.targets.splice(1); } else { this.move(d.angle()); } } }, // Commands the AI to move to a point goTo: function(x, y) { var target = typeof x === "object" ? x instanceof Marker ? x.pos : x : V.new(x, y); if (isClearPath(this.pos, target)) { this.targets = [target]; return; } var start = closestMarker(this.pos); var end = closestMarker(target); if (!start \|\| !end) { return; } /strokeWeight(50); stroke(0, 184, 21); point(start.pos.x, start.pos.y); point(end.pos.x, end.pos.y);/ // Go through all the markers and remember the distance from each one to the end var i = 0; var checkMarker = function(marker, previous, d) { i++; if (i > 300) { println("Is this infinite recursion? How?"); return; } if (marker.distance === undefined) { // don't run if the marker was already covered if (marker !== end) { marker.distance = d + marker.pos.dist(previous.pos); } else { marker.distance = 0; } // Check all of this marker's adjacent ones marker.adjacent.forEach(function(e) { checkMarker(scene.markers[e], marker, marker.distance \|\| 0); }); } }; checkMarker(end); // Build up this.targets by following the shortest path if (start.distance) { this.targets = []; var current = start; for (var i = 0; i < 500; i++) { this.targets.push(current.pos); if (current === end) { this.targets.push(target); break; } var next, distance = Infinity; for (var j = 0; j < current.adjacent.length; j++) { var m = scene.markers[current.adjacent[j]]; if (m.distance < distance) { next = m; distance = m.distance; } } current = next; } if (i === 500) { println("Is this an infinite loop? How?"); this.targets.push(target); } } else { // The start and end nodes aren't connected... //this.targets = [target]; } // Remove the distance properties scene.markers.forEach(function(e) { e.distance = undefined; }); } // Un-working more advanced version /pfAngle: 30, goTo: function(x, y) { var target = typeof x === "object" ? V.new(x) : V.new(x, y); var nodeRadius = max(this.size / 2, scene.gs); // Constructor for a pathfinding node var PFNode = function(prev, angle) { if (arguments.length === 2) { this.pos = V.new(nodeRadius, 0).rotate(angle).add(prev.pos); this.predecessor = prev; } else { this.pos = prev; } }; // All nodes var nodes = [PFNode.new(V.new(this.pos))]; // Pairs of end nodes and the lengths of the paths to them var paths = []; // How many times extend() was called, for stopping infinite recursion var count = 0; // Returns whether a square touches any objects in scene.objs.obstacles var collision = function(sx, sy, sr) { for (var i = 0; i < scene.objs.obstacles.length; i++) { var o = scene.objs.obstacles[i]; if (sx + sr >= o.pos.x && sx - sr <= o.pos.x + o.dim.x && sy + sr >= o.pos.y && sy - sr <= o.pos.y + o.dim.y) { return true; } } //for (var j = 0; j < nodes.length; j++) { // var p = nodes[j].pos; // if (dist(p.x, p.y, sx, sy) < nodeRadius / 2) { // return true; // } //} }; var t = this; // Extend the path recursively var extend = function(prev, angle) { // Make a node closer to the target var nn = PFNode.new(prev, angle); if (count >= 200) { strokeWeight(35); stroke(158, 0, 0); point(nn.pos.x, nn.pos.y); return; } count++; if (collision(nn.pos.x, nn.pos.y, nodeRadius)) { // The node is through an obstacle strokeWeight(10); stroke(255, 115, 0, 150); line(prev.pos.x, prev.pos.y, nn.pos.x, nn.pos.y); strokeWeight(25); point(nn.pos.x, nn.pos.y); //for (var branch = prev; branch.dead; branch = branch.predecessor) {} outer: for (var angleDir = -1; angleDir < 2; angleDir += 2) { for (var branch = prev; branch; branch = branch.predecessor) { branch.da = branch.da \|\| t.pfAngle; // Check surrounding area for space for (; abs(branch.da) <= 360; branch.da += t.pfAngle) { var a = angle + branch.da angleDir; nn = PFNode.new(branch, a); strokeWeight(10); stroke(200, 0, 255, 100); line(branch.pos.x, branch.pos.y, nn.pos.x, nn.pos.y); if (!collision(nn.pos.x, nn.pos.y, nodeRadius)) { strokeWeight(10); stroke(0, 255, 4); line(branch.pos.x, branch.pos.y, nn.pos.x, nn.pos.y); strokeWeight(25); point(nn.pos.x, nn.pos.y); nodes.push(nn); extend(nn, V.new(target).sub(nodes[0].pos).angle()); continue outer; //return; } } // Get rid of this branch since it's a dead end nodes.pop(); } } } else if (dist(nn.pos.x, nn.pos.y, target.x, target.y) < nodeRadius) { // The node is right by the target so the path is complete nn.pos.set(target); for (var length = 0, node = nn; node; length++, node = node.predecessor) {} paths.push([length, nn]); strokeWeight(10); stroke(242, 255, 0); line(prev.pos.x, prev.pos.y, nn.pos.x, nn.pos.y); strokeWeight(25); point(nn.pos.x, nn.pos.y); } else { // The path is clear nodes.push(nn); strokeWeight(10); stroke(79, 129, 255); line(prev.pos.x, prev.pos.y, nn.pos.x, nn.pos.y); strokeWeight(25); point(nn.pos.x, nn.pos.y); extend(nn, V.new(target).sub(nn.pos).angle()); } }; var a = V.new(target).sub(nodes[0].pos).angle(); extend(nodes[0], a); if (paths.length) { // Get the node with the shortest path var endNode = paths.reduce(function(shortest, current) { return current[0] < shortest[0] ? current : shortest; }, paths[0])[1]; // Make an array of vectors for the shortest path var path = []; while (endNode.predecessor) { path.push(endNode.pos); endNode = endNode.predecessor; } path.reverse(); // Make the final path by removing extra nodes //for (var i = 0; i < nodes.length; i++) { //} this.targets = path; } else { // No path found this.targets = [target]; } }/ }); // The argument for appearance should be an object with properties that the p object in the constructor has. var Human = function(x, y, appearance) { remainingPeople++; Char.call(this, x, y); this.startPos = V.new(this.pos); // normal, arms up this.pose = "normal"; // open, closed, big this.eyes = "closed"; this.blinkTimer = 0; this.fear = 0; // Property names and default values var p = { skinColor: color(173, 151, 168), chestColor: color(174, 172, 207), armColor: color(190, 188, 219), legColor: color(136, 135, 166), hairColor: color(105, 98, 103), // short, long, sparse, Calvin, none hairstyle: "short" }; if (appearance) { for (var i in p) { this[i] = appearance[i] ? appearance[i] : p[i]; } if (appearance.scale) { this.size = appearance.scale; } } else { Object.assign(this, p); } }; Object.assign(Human.prototype, Char.prototype, { speed: 1.2, drag: 0.2, loop: function() { Char.prototype.loop.call(this); this.fear = constrain(this.fear, 0, 1); this.localSpeed = 0.7 + this.fear * 0.3; // Get out of the house! if (this.fear === 1 && !this.leaving) { if (elder.eyes === "closed") { elder.patrol = 250; elder.eyes = "open"; } remainingPeople--; this.pose = "arms up"; this.eyes = "big"; this.goTo(scene.marker("outside")); this.leaving = true; return; } // Open or close a door if need be for (var i = 0; i < scene.objs.upper.length; i++) { var o = scene.objs.upper[i]; if (o instanceof Door) { var c = o.getCenter(); var d = this.pos.dist(c); if (d < 250) { // close enough to open or close the door if (this.goingToDoor === o) { o.answerer = false; this.goingToDoor = false; this.fear += 0.2; this.patrol = 100; } // Open or close it var s = 2 + this.fear * 4; if (V.new(this.pos).add(this.vel).dist(o.pos) < this.pos.dist(o.pos)) { if (o.angle < 100 && d < 200) { o.angleVel = s; } } else if (d > 120) { o.angleVel = -s; } else if (o.angle < 100) { o.angleVel = 0; } break; // there's probably not any other one nearby } else if (o.knock && !o.answerer && !this.goingToDoor && !this.leaving) { if ((isClearPath(this.pos, c) \|\| o.knockPersistence > 80) && (!this.targets.length \|\| this.patrol)) { // Answer the door o.answerer = true; this.goingToDoor = o; this.goTo(c); this.eyes = "normal"; } } } } // Look around the house if (this.patrol && !this.leaving && !this.targets.length) { if (this.patrol < 2) { if (this.fear < 0.35 && this !== elder) { // back to bed this.goTo(this.startPos); } else { // can't sleep, keep looking around o__o this.goTo(scene.randomMarker()); this.patrol = random(100, 500); } } else { // wait this.patrol--; } } // Blinking if (this.blinkTimer < 1) { this.blinkTimer = random(80, 500); } else { this.blinkTimer--; } }, // Parts shared by both the up and the down graphics body: function() { var s = this.swing * 8; // Legs strokeWeight(18); stroke(this.legColor); line(11, 20, 13, 40 + s); line(-11, 20, -13, 40 - s); // Chest noStroke(); fill(this.chestColor); rectMode(CENTER); rect(0, 0, 50, 50, 100); // Arms strokeWeight(16); stroke(this.armColor); if (this.pose === "arms up") { line(24, 0, 38, -20); line(-24, 0, -38, -20); } else { line(26, 0, 30, 15 - s); line(-26, 0, -30, 15 + s); } // Head noStroke(); fill(this.skinColor); ellipse(0, -20, 50, 50); }, graphic: function() { // White debug circle /noFill(); stroke(255); strokeWeight(2); ellipse(0, 0, 100, 100);/ if (this.fear) { translate(random(-3, 3) * this.fear, 0); } switch (this.dir) { case "down": { this.body(); // Face if (this.eyes === "closed" \|\| this.blinkTimer < 5) { stroke(0, 150); strokeWeight(3); line(-12, -4, -6, -4); line(12, -4, 6, -4); } else { if (this.eyes === "big") { noStroke(); fill(181, 211, 235); ellipse(-8, -5, 14, 10); ellipse(8, -5, 14, 10); } stroke(0, 150); strokeWeight(5); point(-8, -4); point(8, -4); } // Hair strokeWeight(12); switch (this.hairstyle) { case "short": stroke(this.hairColor); line(-14, -33, -24, -11); line(-4, -29, -10, -16); line(-2, -31, 6, -19); line(9, -35, 17, -18); line(25, -21, 26, -10); line(-22, -30, -7, -40); line(-14, -44, 29, -27); line(-3, -38, 16, -42); break; case "long": noFill(); stroke(this.hairColor); bezier(0, -26, -8, -15, -24, -18, -24, -11); bezier(7, -26, 8, -15, 24, -20, 24, -11); bezier(-23, -14, -22, -55, 22, -55, 23, -14); line(-20, -29, 20, -30); line(-15, -40, 15, -40); break; case "sparse": noStroke(); fill(this.hairColor); ellipse(-22, -24, 12, 12); ellipse(-11, -34, 10, 10); ellipse(-15, -41, 11, 11); ellipse(1, -45, 13, 13); ellipse(18, -39, 13, 13); ellipse(16, -28, 11, 11); ellipse(24, -22, 12, 12); break; case "Calvin": noStroke(); fill(this.hairColor); beginShape(); vertex(-24, -10); vertex(-38, -25); vertex(-25, -29); vertex(-29, -47); vertex(-15, -44); vertex(-8, -58); vertex(2, -47); vertex(21, -53); vertex(21, -39); vertex(35, -39); vertex(25, -26); vertex(37, -20); vertex(24, -9); vertex(18, -20); vertex(-12, -21); endShape(CLOSE); } } break; case "up": { this.body(); // Hair strokeWeight(12); switch (this.hairstyle) { case "short": stroke(this.hairColor); line(-14, -33, -24, -13); line(-7, -29, -14, -3); line(-5, -29, -6, 3); line(4, -31, 6, 0); line(9, -35, 19, -2); line(18, -24, 28, -13); line(-24, -32, -7, -40); line(-7, -48, 29, -27); line(-3, -38, 16, -44); break; case "long": noFill(); stroke(this.hairColor); bezier(-23, -14, -22, -55, 22, -55, 23, -14); line(-16, -29, -17, 3); line(-6, -36, -4, 12); line(4, -36, 8, 8); line(14, -36, 20, -1); break; case "sparse": noStroke(); fill(this.hairColor); ellipse(-22, -31, 12, 12); ellipse(-14, -26, 10, 10); ellipse(-15, -16, 11, 11); ellipse(1, -12, 13, 13); ellipse(18, -15, 13, 13); ellipse(13, -24, 11, 11); ellipse(21, -33, 12, 12); break; case "Calvin": noStroke(); fill(this.hairColor); beginShape(); vertex(-24, -10); vertex(-38, -17); vertex(-25, -29); vertex(-29, -43); vertex(-14, -44); vertex(-8, -56); vertex(2, -47); vertex(22, -53); vertex(21, -39); vertex(41, -35); vertex(25, -26); vertex(37, -11); vertex(24, -9); vertex(25, 5); vertex(7, 2); vertex(-3, 10); vertex(-9, 0); vertex(-23, 3); endShape(CLOSE); } } break; //// jshint ignore:start case "left": scale(-1, 1); //// jshint ignore:end case "right": { // Far arm strokeWeight(16); stroke(this.armColor); if (this.pose === "arms up") { line(0, 0, 0, -50); } else { line(0, 0, -this.swing * 10, 10); } // Legs strokeWeight(18); stroke(this.legColor); line(0, 20, this.swing * 14, 37); line(0, 20, -this.swing * 14, 43); // Chest noStroke(); fill(this.chestColor); rectMode(CENTER); rect(0, 0, 30, 50, 100); // Head noStroke(); fill(this.skinColor); ellipse(0, -20, 50, 50); // Face if (this.eyes === "closed" \|\| this.blinkTimer < 5) { stroke(0, 150); strokeWeight(3); line(14, -9, 19, -12); } else { if (this.eyes === "big") { noStroke(); fill(181, 211, 235); ellipse(15, -12, 10, 12); } strokeWeight(5); stroke(0, 150); point(17, -12); } // Hair strokeWeight(12); switch (this.hairstyle) { case "short": stroke(this.hairColor); line(-16, -33, -21, 0); line(-5, -33, -9, -10); line(0, -31, 4, -8); line(5, -31, 13, -19); line(9, -35, 26, -27); line(-25, -24, -10, -40); line(-15, -42, 19, -41); line(3, -38, 5, -47); break; case "long": noFill(); stroke(this.hairColor); bezier(16, -26, 15, -15, -10, -3, -12, 11); bezier(-23, -6, -29, -58, 21, -48, 26, -28); line(-17, -3, 12, -32); line(-17, -3, 6, -40); line(-21, 6, -6, -40); break; case "sparse": noStroke(); fill(this.hairColor); ellipse(13, -42, 13, 13); ellipse(-7, -44, 10, 10); ellipse(-15, -41, 11, 11); ellipse(-22, -24, 12, 12); ellipse(-16, -14, 13, 13); ellipse(3, -14, 11, 11); ellipse(10, -20, 12, 12); break; case "Calvin": noStroke(); fill(this.hairColor); beginShape(); vertex(-12, 6); vertex(-32, 3); vertex(-24, -10); vertex(-39, -21); vertex(-25, -29); vertex(-35, -45); vertex(-15, -44); vertex(-10, -58); vertex(2, -47); vertex(17, -56); vertex(21, -39); vertex(34, -44); vertex(25, -26); vertex(10, -24); vertex(-2, -15); vertex(-11, -18); endShape(CLOSE); } // Near arm strokeWeight(17); stroke(this.armColor); if (this.pose === "arms up") { strokeWeight(19); line(0, 2, 0, -4); } else { strokeWeight(17); line(0, 10, this.swing * 10, 25); } } } } }); var Ghost = function(x, y) { Char.apply(this, arguments); }; Object.assign(Ghost.prototype, Char.prototype, { speed: 0.8, drag: 0.04, loop: function() { Char.prototype.loop.call(this); var slow = false; for (var i = 0; i < scene.objs.upper.length; i++) { var o = scene.objs.upper[i]; if (o instanceof Door) { var c = o.getCenter(); if (o.getCenter().dist(this.pos) < this.size / 2) { slow = true; // Knock on the door? if (o.angle < 40) { if (control("action", "Knock (hold)")) { o.knock = 20; o.knockPersistence++; } } } } else if (o instanceof Wall) { // Slow down if going through something var r = this.size / 3; if (this.pos.x + r >= o.pos.x && this.pos.x - r <= o.pos.x + o.dim.x && this.pos.y + r >= o.pos.y && this.pos.y - r <= o.pos.y + o.dim.y) { slow = true; } } } if (slow) { this.vel.mult(0.65); } }, plumage: function() { noiseDetail(2, 0.5); noFill(); strokeWeight(8); stroke(255, 200); for (var i = -1; i <= 1; i += 2 / 6) { beginShape(); for (var j = 0; j < 55 + cos(i * 90) * 20 - noise(i) * 50; j += 8) { vertex( i * (j / 3 + 8) + // base difference (noise(i * 2, j / 40 - // dif. between adjacent vertices this.distanceTraveled / 300 - // wind frameCount / 120 // ambient ) - 0.4) * j - // balance noise & magnitude this.vel.x / this.getMaxSpeed() / // normalized speed 75 * j * j, // adjust influence from the speed j - j / 3 * this.vel.y / this.getMaxSpeed() - abs(i) * 2 + 2 // y ); } endShape(); } }, // Parts shared by both the up and the down graphics body: function() { this.plumage(); // Arms strokeWeight(12); stroke(255, 225); line(16, -2, 20, 16); line(-16, -2, -20, 16); // Head noStroke(); fill(255, 225); ellipse(0, -25, 50, 50); }, graphic: function() { // Glow noStroke(); noiseDetail(4, 0.5); for (var i = 0, d = 50; i <= 1; i += 1/30, d = 70 + pow(i, 1.5) * 400 - noise(frameCount / 16) * 30) { fill(255, 6 - i * 5); ellipse(0, 0, d, d); } noiseDetail(2, 0.5); switch (this.dir) { case "down": this.body(); // Face fill(0, 100); ellipse(-10, -12, 10, 10); ellipse(10, -12, 10, 10); fill(255, 150); ellipse(-10, -10, 6, 6); ellipse(10, -10, 6, 6); break; case "up": this.body(); break; case "left": case "right": this.plumage(); // Arms strokeWeight(12); stroke(255, 225); line(0, 4, -this.vel.x / this.getMaxSpeed() * 10, 25); // Head translate(this.vel.x / this.getMaxSpeed() * 6, 0); noStroke(); fill(255, 225); ellipse(0, -25, 50, 50); // Face if (this.dir === "left") { scale(-1, 1); } fill(0, 100); ellipse(12, -15, 10, 10); fill(255, 150); ellipse(14, -14, 6, 6); } }, defeat: function() { this.active = false; if (player !== this) { entities.remove(this); } } }); // A spear from above var Spear = function(x, y) { Entity.apply(this, arguments); this.timer = 0; // 0 to 1 }; Object.assign(Spear.prototype, Entity.prototype, { lifespan: 40, // how long it takes for the spear to hit the ground loop: function() { this.timer += 1 / this.lifespan; if (this.timer >= 1.5) { entities.remove(this); } else if (this.timer >= 1 && this.timer <= 1.4) { if (!this.sound && random() < 0.2) { audio.play(random() < 0.5 ? "boom1" : "boom2", 0.1); this.sound = true; } if (this.timer < 1.05) { cam.shake(); } for (var i = 0; i < entities.a.length; i++) { if (entities.a[i] instanceof Ghost) { if (this.pos.dist(entities.a[i].pos) < this.size / 2) { entities.a[i].defeat(); } } } } }, graphic: function() { if (this.timer < 1) { var value = pow(this.timer, 1/3) * 0.8; strokeWeight(90 - value * 80); stroke(255, this.timer * 400); var offset = V.new(this.pos).sub(cam.pos).mult(1 - value).mult(1 - value); line(offset.x * 5, offset.y * 5, offset.x * 2, offset.y * 2); } else { noStroke(); fill(255, 500 * (1.5 - this.timer)); var d = sqrt(this.timer - 1) * 130; ellipse(0, 0, d, d); } } }); // } // Entities { var player, msg; // Oh Noes fix var entities = { a: [], // all entities add: function(e) { this.a.push(e); return e; }, remove: function(e) { var i = this.a.indexOf(e); if (i === -1) { println("Something not in the entity list was attempted to be removed from it. WHAT'S GOING ON?!"); return; } this.removeQueue.push(i); }, run: function() { // Update and draw all entities for (var i = this.a.length - 1; i >= 0; i--) { if (this.a[i] !== player && this.a[i].AI) { this.a[i].AI(); } this.a[i].update(); this.a[i].draw(); } // Remove entities while (this.removeQueue.length) { this.a.splice(this.removeQueue.pop(), 1); } }, removeQueue: [] }; // Starting entities var player = entities.add(Ghost.new(2650, 5100)); // Elder var elderHelp = false; // whether the help message has already appeared var elder = entities.add(Human.new(2310, 1240, { skinColor: color(164, 158, 184), hairColor: color(171, 182, 209), chestColor: color(143, 122, 131), armColor: color(150, 132, 140), legColor: color(122, 107, 114), hairstyle: "sparse" })); elder.speed /= 1.5; // Returns a random number for offsetting a new spear's position from the target elder.getRandom = function(radius) { return pow(random(), 2) * (random() < 0.5 ? 1 : -1) * radius; }; elder.loop = function() { Human.prototype.loop.call(this); if (this.fear >= 1) { if (!this.othersAffected) { // He can't take on this ghost? AAAH! this.othersAffected = true; for (var i = 0; i < entities.a.length; i++) { var e = entities.a[i]; if (e instanceof Human && e.pos.dist(this.pos) < 800) { e.fear += 0.3; } } } return; } if (this.enemy) { if (!this.enemy.active) { this.enemy = undefined; this.pose = "normal"; this.fear -= 0.3; return; } // What's going on?! O__O if (random() < 0.01) { for (var i = 0; i < entities.a.length; i++) { var e = entities.a[i]; if (e instanceof Human && e.pos.dist(this.pos) < 1000) { e.fear += 0.005; } } } var d = this.pos.dist(this.enemy.pos); // Help message if (!elderHelp) { elderHelp = true; msg.set("Fly over the elder to spook him more quickly."); } // Main AI if (d < 300) { if (d < this.size / 2) { this.fear += 0.005; } if (frameCount % 4 === 0) { entities.add(Spear.new( this.enemy.pos.x + this.getRandom(300), this.enemy.pos.y + this.getRandom(300))); } if (this.targets.length) { // close enough this.targets = []; } } else { if (d > 500) { // enemy is far away if (frameCount % 50 === 0) { if (d > 1000 && !isClearPath(this.pos, this.enemy.pos)) { // lost the enemy this.enemy = undefined; this.pose = "normal"; this.patrol = 100; this.fear -= 0.05; return; } else { // move towards the enemy var move = false; if (this.targets.length) { // already moving if (this.enemy.pos.dist(this.targets[0]) > 500) { // update path if too far away move = true; } } else { // no set target move = true; } if (move) { this.goTo(V.new(this.enemy.pos)); this.pose = "normal"; } } } } this.pose = "arms up"; this.attackTimer++; if (this.attackTimer > 50) { if (this.attackTimer > 100) { this.attackTimer = floor(random(0, 50)); } if (this.attackTimer % 4 === 0) { entities.add(Spear.new( this.enemy.pos.x + this.getRandom(600), this.enemy.pos.y + this.getRandom(600))); } } } } else { // Check for ghosts if (frameCount % 50 === 0) { // don't waste performance running this on every frame for (var i = 0; i < entities.a.length; i++) { if (entities.a[i] instanceof Ghost) { var e = entities.a[i]; // This is separate so that the path check isn't run if the entity is not a ghost if (isClearPath(this.pos, e.pos) && e.active && (this.eyes !== "closed" \|\| this.pos.dist(e.pos) < 200)) { this.enemy = e; this.fear += 0.15; this.pose = "arms up"; this.eyes = "normal"; this.attackTimer = 0; break; } } } } } }; // Boy var boy = entities.add(Human.new(1130, 3250, { scale: 0.8, hairColor: color(145, 140, 122), hairstyle: "Calvin" })); boy.loop = function() { Human.prototype.loop.call(this); if (this.fear > 0.7) { this.fear = 1; } }; // Man entities.add(Human.new(3900, 3650, { scale: 1.1, hairColor: color(102, 87, 100), chestColor: color(45, 55, 71), armColor: color(152, 134, 153), legColor: color(70, 85, 107), hairstyle: "short" })); // Woman entities.add(Human.new(3790, 3650, { scale: 1, hairColor: color(145, 121, 135), chestColor: color(83, 122, 100), armColor: color(83, 105, 94), legColor: color(104, 131, 212), hairstyle: "long" })); // } // Camera var cam = { target: player.pos, // V.new(1500, 3400), pos: V.new(player.pos), smoothing: 5, zoom: 1/6, targetZoom: 1, zoomSmoothing: 50, shake: function() { this.pos.add(V.new(5, 0).rotate(random(360))); }, // Moves the camera update: function() { this.pos.add(V.new(this.target).sub(this.pos).div(this.smoothing)); this.zoom += constrain(this.targetZoom - this.zoom, -1, 1) / this.zoomSmoothing; }, // Applies the camera transformation transform: function() { translate(c.width / 2, c.height / 2); scale(cam.zoom); translate(-cam.pos.x, -cam.pos.y); } }; // Defeat screen var defeatTimer = 0; // Flashing outlines var flashDuration = 30; var outlineFlash = false; var outlineFlashLoop = function() { if (outlineFlash) { noFill(); strokeWeight(8); for (var i = 0; i < scene.objs.upper.length; i++) { var o = scene.objs.upper[i]; if (o.dim) { if (o.flash === undefined) { o.flash = 0; o.flashActive = false; } else if (!o.flashActive) { if (random() < 0.1) { o.flashActive = true; } } else { stroke(255, pow(1 - abs(o.flash - 1), 4) * 150); rect(o.pos.x, o.pos.y, o.dim.x, o.dim.y); o.flash += 2 / flashDuration; if (o.flash > 2) { o.flash = undefined; } } } } } }; // Messages var msg = { text: "This is YOUR house now.", timer: 0, set: function(t) { this.text = t; if (this.timer > 150 && this.timer < 350) { this.timer = 150; } else if (this.timer >= 350) { this.timer = 50; } }, loop: function() { if (this.text) { fill(255, 200 - pow(this.timer - 200, 2) / 200); textFont("OwO", 50); textAlign(CENTER, CENTER); text(this.text, c.width * 0.1, 0, c.width * 0.8, c.height / 3); this.timer++; if (this.timer >= 400) { this.text = undefined; this.timer = 0; } } } }; draw = function() { if (frameCount === 400) { msg.set("Scare all of the residents out."); } player.control(); cam.update(); scale(c.mult); pushMatrix(); cam.transform(); // Draw the scene and entities scene.base(); scene.objs.lower.forEach(function(e) { e.draw(); }); entities.run(); scene.objs.upper.forEach(function(e) { e.draw(); }); // Draw all the markers (debug) /strokeWeight(20); stroke(255); for (var i in scene.markers) { point(scene.markers[i].pos.x, scene.markers[i].pos.y); }/ if (!player.active) { // defeated if (defeatTimer === 0) { audio.play("fizzle", 0, 0.3); } popMatrix(); outlineFlash = true; cam.targetZoom = 1/4; defeatTimer++; // Black background noStroke(); fill(0, constrain(sqrt(defeatTimer * 2000), 0, 220)); rectMode(CORNER); rect(0, 0, c.width, c.height); // Flashes pushMatrix(); cam.transform(); outlineFlashLoop(); popMatrix(); // Text fill(255, constrain(defeatTimer * 2 - 120, 0, 180)); textFont("k", pow(constrain(defeatTimer - 50, 0, 200) / 200, 1/8) * 80); textAlign(CENTER, CENTER); text("You failed.", c.width / 2, c.height / 2); // Fade to white noStroke(); var opacity = (defeatTimer - 200) * 3; fill(255, opacity); rect(0, 0, c.width, c.height); if (opacity >= 255 && opacity < 1000) { Program.restart(); defeatTimer = 2000; } } else { outlineFlashLoop(); popMatrix(); msg.loop(); note.loop(); if (controlText) { fill(191, 224, 255, 200); textFont("PQ", 40); textAlign(LEFT, BOTTOM); text(controlText, 20, c.height - 20); } if (!remainingPeople) { remainingPeople--; outlineFlash = true; msg.set("Everyone has been spooked out.\nThe house is now yours."); cam.targetZoom = 1/2; } } // Display the player's position (debug) /fill(255, 200); textFont("Jeff", 25); textAlign(LEFT, TOP); text(round(player.pos.x) + ",", 8, 3); text(round(player.pos.y), 80, 3);/ resetMatrix(); // Fade in if (frameCount < 100) { noStroke(); fill(255, 300 - frameCount * 4); rect(0, 0, width, height); } controlText = ""; }; // For pathfinding visualization /background(0); resetMatrix(); scale(c.mult); translate(c.width / 2, c.height / 2); scale(cam.zoom); translate(-cam.pos.x, -cam.pos.y); scene.objs.upper.forEach(function(e) { e.draw(); }); stroke(255, 10); for (var i in scene.markers) { var m = scene.markers[i].pos; strokeWeight(50); point(m.x, m.y); for (var j in scene.markers[i].adjacent) { var t = scene.markers[scene.markers[i].adjacent[j]].pos; strokeWeight(25); line(m.x, m.y, t.x, t.y); } } entities.a[1].goTo(scene.marker("entrance")); //var target = V.new(scene.marker("entrance")).add(100, -80); //entities.a[2].goTo(target);/
Folds	32,34,40,44,47,72,79,86,87,89,91,98,99,101,103,122,124,302,305,349,351,703,707,1056,1057,1135,1139,2031,2033,2222,2225,2246,2252,2277,2279,2303,2305,2396,2399,2419
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMr98NnXCgw
Votes	433
Spin-Offs	17
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6438517643313152","title":"Contest: Spooky House","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Weather
Author Name	WeatherWonders
Author ID	kaid_854228745598935932978211
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739452543789
Updated	8 months ago, 1744828314622
Source Deleted	unknown