Viewing Program

Program Data

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

Title	Ghost writer
ID	4536370708742144
Created	9 years ago, 1446384930464
Updated	9 years ago, 1446756575961
Code	/*********************** Ghost writer ************************ * where you will act as helper to the ghost writing his or her * diary and discover what the ghost will look like on Halloween. * by Inger Hohler Nov. 01 2015 * Updated Nov. 5th: I received feedback from The Random Green Fox * that the spider interferred with reading, and also that the * spider did not seem to be descending a thread, but going backwards. * The spider now walks only forward, and pressing the mouse near the * spider will make it run to get it out of the way. * The spider has received a thread to descend by in the last part * of the story, where you see the ghost's profile. * The spider will also run if it looks like the ghost's pen is * about to squash it. * ***********************************************************/ // Global variables and settings var f = createFont("fantasy"); var c = createFont("cursive"); var bg = getImage("cute/WoodBlock"); var wall =getImage("cute/RoofSouth"); var bookState = "closed"; // switch for states var d = day(); var m = month(); var y = year(); var instructCol = color(230, 175, 104); // the light brown fantasy text var grab = false; // used with pen object var on = false; //used with buttons and mouseEvents var preparedToScribble = false; var justArrived = true; // this will cause the spider to start in the same place when the ghost's profile is revealed var w = 0; // where in the story var wait = 0; // used in delaying the bookState change var flipCoin = floor(random(4, 6)); // determines which doctor is displayed if the doctor is selected var allGhasts = []; // arrat for holding the Ghast (Ghost) profiles var stories = []; // array for objects with parts of the story var buttons = [];// array to search in, with Button objects var pressedButton = []; // array for storing the just pressed button until it is copied to selectedbuttons var selectedButtons = []; // array for storing the list of search matches var writeX=[]; // array for holding x values for scribbling var writeY=[]; // array for holding y values for scribbling rectMode(CENTER); // setting the mode before the functions are defined // the text functions (headers and explanations) // title function var title = function(){ fill(54, 17, 9); textFont(c, 35); textAlign(CENTER, 70); text("Ghost Writer", 200, 70); }; var firstPageTxt = function(){ fill(230, 175, 104); textFont(f, 30); textAlign(CENTER, CENTER); text("Click on the pen to write!", 265, 128, 100, 158); }; var outFitTxt = function(){ fill(230, 175, 104); textFont(f, 40); textAlign(CENTER, CENTER); text("Halloween outfit", 200, 55); }; // timer function to allow reading the last page in the diary var waitAWhile = function(){ if (wait >= 120){ bookState = "written"; } if(selectedButtons.length === stories.length){ wait++; } }; // scribbling on the page var jumpToScribble = function(){ if(preparedToScribble){ bookState = "scribbling"; } }; // children of seeThrough, all these have arrays for x and y values / the ghost profiles and the running blood have so much in common they inherit from seeThrough. I could go on to make BodyParts a child of SeeThrough, and make Arm and Body children of Body parts. But I don't feel comfortable heaping too many generations in one program, and the ghost parts could be made with a bezier curve / var SeeThrough = function(){ this.x = []; this.y = []; }; var Blood= function(x, y){ SeeThrough.call(this, x, y); }; var Ghast= function(x, y){ SeeThrough.call(this, x, y); }; // the coordinates for the ghost profiles // It is not necessary to name the different ghosts, but I think it makes it easier to read the program if I do... var ghastHarry = new Ghast(); ghastHarry.x.push(400, 327, 278, 349, 314, 330, 278, 251, 222, 128, 158, 132, 110, 83, 110, 165, 109, 48); ghastHarry.y.push(718, 403, 304, 274, 200, 174, 133, 84, 82, 100, 180, 120, 118, 168, 165, 311, 415, 498); allGhasts.push(ghastHarry); var ghastDame = new Ghast(); ghastDame.x.push(400, 280, 271, 227, 270, 269, 273, 268, 269, 284, 267, 268, 273, 293, 164, 136, 118, 101, 105, 60, 125, 114, 96, -34); ghastDame.y.push(718, 453, 372, 300, 291, 273, 254, 229, 241, 238, 209, 193, 160, 98, 119, 95, 127, 118, 150, 209, 260, 320, 415, 498); allGhasts.push(ghastDame); var ghastLord = new Ghast(); ghastLord.x.push(400, 280, 271, 227, 270, 274, 273, 276, 274, 286, 270, 276, 277, 296, 247, 136, 118, 111, 114, 104, 125, 114, 90, -34); ghastLord.y.push(718, 418, 372, 300, 291, 276, 266, 253, 244, 237, 212, 193, 160, 146, 119, 98, 127, 143, 150, 209, 260, 320, 415, 498); allGhasts.push(ghastLord); var ghastSister = new Ghast(); ghastSister.x.push(400, 266, 270, 227, 263, 269, 273, 268, 269, 284, 267, 268, 273, 260, 164, 107, 86, 101, 105, 92, 125, 96, 58, -34); ghastSister.y.push(718, 401, 380, 300, 291, 273, 254, 229, 241, 238, 209, 193, 160, 108, 97, 99, 127, 118, 150, 209, 260, 320, 415, 498); allGhasts.push(ghastSister); var ghastDoctorM = new Ghast(); ghastDoctorM.x.push(400, 327, 246, 276, 270, 275, 270, 275, 289, 267, 255, 222, 121, 158, 132, 110, 94, 110, 85, 71, 62); ghastDoctorM.y.push(718, 403, 304, 287, 261, 238, 229, 210, 196, 161, 107, 82, 107, 180, 120, 118, 150, 241, 314, 415, 498); allGhasts.push(ghastDoctorM); var ghastDoctorF = new Ghast(); ghastDoctorF.x.push(400, 327, 250, 246, 256, 276, 270, 274, 271, 271, 286, 290, 266, 276, 255, 222, 118, 158, 175, 110, 89, 79, 81, 64, 70, 61, 62); ghastDoctorF.y.push(718, 430, 346, 306, 294, 287, 261, 249, 232, 225, 221, 212, 190, 180, 125, 106, 120, 180, 102, 118, 117, 208, 223, 241, 314, 415, 498); allGhasts.push(ghastDoctorF); // make runningBlood an instance of Blood var runningBlood = new Blood(); runningBlood.x.push(400, 440, 410, 397, 371, 331, 304, 278, 250, 220, 200, 155, 130, 117, 86, 68, 45, 20, -5, -3, -5); runningBlood.y.push(718, 484, -10, -19, -15, -5, -10, -20, 0, -10, -5, -10, -20, -10, 0, -5, 3, -10, -15, 407, 498); Blood.prototype.rundown= function(){ for (var b = 0; b<runningBlood.x.length; b++){ var horizontal = random(-0.5, 0.5); this.x[b]= this.x[b]+horizontal; var vertical = floor(random(1,3)); if (b%2===0){ vertical= floor(random(0,3)); } this.y[b] = this.y[b]+ vertical; } }; Ghast.prototype.draw = function() { noStroke(); fill(135, 106, 117, 100); beginShape(); for (var l = 0; l < this.x.length; l++){ curveVertex(this.x[l], this.y[l]); } endShape(); }; Blood.prototype.draw = function() { noStroke(); fill(150, 28, 19, 200); beginShape(); for (var l = 0; l < this.x.length; l++){ curveVertex(this.x[l], this.y[l]); } endShape(); }; // the diary var Diary = function(x, y){ this.x = x; this.y = y; }; // there are two children of Diary as there are two methods for drawing the diary. var ClosedDiary = function(x, y){ Diary.call(this, x, y); }; var OpenDiary = function(x, y){ Diary.call(this, x, y); }; ClosedDiary.prototype = Object.create(Diary.prototype); OpenDiary.prototype = Object.create(Diary.prototype); var diaryClosed = new ClosedDiary(25, 134); var diaryOpen = new OpenDiary(25, 203); // the story which you help select the final version of var storyElement = function(){ this.start = []; this.middle = []; this.stop = []; }; / Again I prefer the "new object" method of creating the story elements, and the arrays instde the object are filled with push, because I feel it helps me keep track of what belongs together. / var draftStory0 = new storyElement(); draftStory0.start.push(m+"/"+d+"/"+y+": Tonight is a "); draftStory0.middle.push("dark and stormy ", "chill and dank ", "bleak and foggy ", "hot and oppressive ", "still and starry "); draftStory0.stop.push("night. "); stories.push(draftStory0); var draftStory1 = new storyElement(); draftStory1.start.push("As usual I am here in the "); draftStory1.middle.push("castle ruin. ", "lonely cabin. ", "abandoned hall. ", "dilapidated building. ", "mouldy abode. "); draftStory1.stop.push(" "); stories.push(draftStory1); var draftStory2 = new storyElement(); draftStory2.start.push("The fireplace is "); draftStory2.middle.push("swept bare.", "heaped with cold ashes.", "glowing tiredly.", "full of cobwebs.", "burning fitfully. "); draftStory2.stop.push(" "); stories.push(draftStory2); var draftStory3 = new storyElement(); draftStory3.start.push("In other words it's a "); draftStory3.middle.push("perfect ", "suitable ", "fitting ", "proper ", "swell "); draftStory3.stop.push("night for thinking about my Halloween outfit. " ); stories.push(draftStory3); var draftStory4 = new storyElement(); draftStory4.start.push("All year except for on Halloween I must wear "); draftStory4.middle.push("a dirty sheet.", "a shapeless shift.", " this gauzy apparel.", "my grimey tatters.", "a thredbare shroud."); draftStory4.stop.push(""); stories.push(draftStory4); var draftStory5 = new storyElement(); draftStory5.start.push("There was a time when I was known as "); draftStory5.middle.push("Happy Harry. ", "La Dame de La Mer. ", "The Lord of Muck. ", "Sister Susan. ", "Doctor Despair. "); draftStory5.stop.push("Those were the days!"); stories.push(draftStory5); var draftStory6 = new storyElement(); draftStory6.start.push("Only on Halloween I can show my "); draftStory6.middle.push("semblance, ", "own personality, ", "face, ", "own self, ", "likeness, "); draftStory6.stop.push("to be remembered by."); stories.push(draftStory6); storyElement.prototype.display = function(OpenDiary){ if(selectedButtons.length < stories.length){ textAlign(LEFT, TOP); textFont(c, 22); fill(56, 35, 8); var f= selectedButtons.length; text(stories[selectedButtons.length].start+"...", 34, 29, 320, 80); text(stories[selectedButtons.length].stop, 34, 74, 320, 80); // the selection of phrases textSize(16); for(var d = 0; d<buttons.length; d++){ text(stories[selectedButtons.length].middle[d], 264, 192+d40, 136, 40); } } if(selectedButtons.length>0 & selectedButtons.length <= stories.length){ var p = selectedButtons.length-1; textFont(c, 17); fill(107, 67, 25, 100); text(stories[p].start+stories[p].middle[selectedButtons[p]]+stories[p].stop, diaryOpen.x+26, diaryOpen.y+10, 120, 150); } }; ClosedDiary.prototype.draw = function() { var shadowSE = getImage("cute/ShadowSouthEast"); var shadowSpine = getImage("cute/ShadowSideWest"); var bookBlue = color(116, 121, 168); var paper = color(218, 230, 229); noStroke(); fill(bookBlue); quad(this.x+18, this.y+4, this.x+168, this.y-5+4, this.x+165, this.y+170+4, this.x, this.y+170+4); rect(this.x+82, this.y+171, 161, 7); fill(paper); rect(this.x+82, this.y+170, 156, 4); image(shadowSE, this.x+62, this.y+76, 102, 119); // smudge on lower right corner pushMatrix(); translate(this.x, this.y); rotate(6); image(shadowSpine, 18, -562, 28, 736); // shadow on spine popMatrix(); }; OpenDiary.prototype.flippedSheet = function(){ quad(this.x+18+3, this.y+6, this.x, this.y+170+1, this.x-143, this.y+170+1, this.x-138, this.y+2); }; OpenDiary.prototype.draw = function() { var shadowSpine = getImage("cute/ShadowSideWest"); var bookBlue = color(116, 121, 168); var paper = color(218, 230, 229); noStroke(); fill(bookBlue); quad(this.x-140, this.y-5+4, this.x+17, this.y+4, this.x, this.y+170+4, this.x-145, this.y+170); quad(this.x+18, this.y+4, this.x+168, this.y-5+4, this.x+165, this.y+170+4, this.x, this.y+170+4); fill(paper); if(selectedButtons.length > 0 & bookState ==="open"){ diaryOpen.flippedSheet(); } if(selectedButtons.length > 1 & bookState ==="scribbling"){ diaryOpen.flippedSheet(); } quad(this.x+18+3, this.y+5, this.x-4+168, this.y-5+5, this.x-4+165, this.y+170+3, this.x, this.y+170+3); fill(bookBlue); rect(this.x+82, this.y+171, 161, 7); fill(paper); rect(this.x+82, this.y+170, 156, 4); pushMatrix(); translate(this.x, this.y); rotate(6); image(shadowSpine, 18, -562, 28, 736); // shadow on spine popMatrix(); }; // the thought bubble // it is not necessary to make this as an object. A function would do just as well when only one instance is created. var Bubble = function(x, y, w, h, r){ this.x = x; this.y = y; this.w = w; this.h = h; this.r = r; }; var thoughtBubble = new Bubble(200, 85, 360, 120, 12); Bubble.prototype.draw = function() { var fog = color(214, 194, 186, 100); noStroke(); fill(fog); rect(this.x, this.y, this.w, this.h, this.r); ellipse (this.x-50, this.y+80, this.w/15, this.w/15); ellipse(this.x-70, this.y+100, this.w/20, this.w/20); ellipse(this.x-90, this.y+111, this.w/25, this.w/25); }; // the pen object, which works as a button var Pen = function(x, y, w, h, tx, ty, r, holding, onBook, writing){ this.x = x; this.y = y; this.w = w; this.h = h; this.tx = tx; this.ty = ty; this.r = r; this.holding = false; this.onBook = false; this.writing = false; }; // instance of pen object var yourPen = new Pen(225, 230, 3, 114, 0, 0, 0); // drawing the pen Pen.prototype.draw = function(x, y, w, h, tx, ty, r) { pushMatrix(); translate(this.tx, this.ty); rotate(this.r); noStroke(); fill(21, 17, 59); rect(this.x, this.y, this.w, this.h); strokeWeight(1); stroke(21, 17, 59); line(this.x, this.y-0.5this.h, this.x, this.y-0.5this.h-13); noStroke(); fill(87, 87, 120, 150); rect(this.x, this.y, this.w4, this.h); fill(112, 95, 95); ellipse(this.x, this.y-this.h0.5, this.w3+2, 2); triangle(this.x-this.w1.5, this.y-0.5this.h, this.x+this.w1.5, this.y-0.5this.h, this.x, this.y-0.5this.h - 13); fill(89, 0, 255); ellipse(this.x, this.y+this.h0.5, this.w3, this.w2); popMatrix(); }; // the ghost var Ghost = function(x1, y1, cx1, cy1, cx2, cy2, x2, y2, roll, swaySign){ this.x1 = x1; this.y1 = y1; this.cx1 = cx1; this.cy1 = cy1; this.cx2 = cx2; this.cy2 = cy2; this.x2 = x2; this.y2 = y2; this.roll = roll; this.swaySign = swaySign; }; Ghost.prototype.draw= function(){ noStroke(); fill(74, 64, 64, 100); // Ghost is half see-throught therefore fourth parameter to fill bezier(this.x1, this.y1, this.cx1, this.cy1, this.cx2, this.cy2, this.x2, this.y2); }; // the body and the arm of the ghost need to move independently so let's treat them as children of Ghost var BodyGhost = function(x1, y1, cx1, cy1, cx2, cy2, x2, y2, roll, swaySign){ Ghost.call(this, x1, y1, cx1, cy1, cx2, cy2, x2, y2, roll, swaySign); }; BodyGhost.prototype = Object.create(Ghost.prototype); var body = new BodyGhost(-30, 400, 30, 209, 134, 203, 116, 400, 0, 1); BodyGhost.prototype.sway = function(){ if (frameCount % 200 ===0){ this.roll = 0; this.swaySign = this.swaySign(-1); } else { this.roll = this.roll+0.2; this.cx1 = this.cx1+ cos(this.roll)this.swaySign/12; this.cx2 = this.cx2+ cos(this.roll)this.swaySign/12; this.cy1 = this.cy1+ sin(this.roll)this.swaySign/16; this.cy2 = this.cy2+ sin(this.roll)this.swaySign/16; } }; var ArmGhost = function(x1, y1, cx1, cy1, cx2, cy2, x2, y2, roll, swaySign){ Ghost.call(this, x1, y1, cx1, cy1, cx2, cy2, x2, y2, roll, swaySign); }; ArmGhost.prototype = Object.create(Ghost.prototype); var arm = new ArmGhost(162, 400, 200, 283, 230, 326, 220, 400, 0, 1); // stretching for pen ArmGhost.prototype.stretch = function(){ if (grab && this.cy1 > 100){ this.x1 = this.x1 + 0.002(this.x2-this.x1); this.cx1 = this.cx1+0.002(this.x2-this.x1); this.cy1 = this.cy1+0.1(this.cy1-this.cy2); this.cx2 = this.cx2+0.002(this.cx2-this.cx1); this.cy2 = this.cy2+0.1(this.cy1-this.cy2); this.x2 = this.x2+0.01(this.cx2-this.cx1); } }; // Movement. For a gentle swaying motion I like to use trigonometric funtions. ArmGhost.prototype.waver = function(Pen){ if (bookState === "closed" && yourPen.r !==0){ } else if (bookState === "closed" && yourPen.r === 0) { this.x1 = this.x1+ cos(this.roll)this.swaySign/6; this.x2 = this.x2+ cos(this.roll)this.swaySign/6; if(frameCount %250 === 0){ this.roll = 0; this.swaySign = this.swaySign(-1); } else { this.roll = this.roll+0.25; } } }; ArmGhost.prototype.prepareToWrite= function(Pen){ if(!yourPen.onBook){ this.x1 = this.x1-0.5; this.cx1= this.cx1-2; this.cy1 = this.cy1-1.3; this.cx2= this.cx2-1.6; this.cy2= this.cy2-1.5; this.x2 = this.x2-0.6; } }; BodyGhost.prototype.stretch = function(Pen){ if (grab && this.cy1 > 73){ this.cy1 = this.cy1-0.01(this.cx2-this.cx1); this.cy2 = this.cy2-0.01(this.cx2-this.cx1); this.x2 = this.x2+0.001(this.cx2-this.cx1); } }; BodyGhost.prototype.sway = function(){ if (frameCount % 200 ===0){ this.roll = 0; this.swaySign = this.swaySign(-1); } else { this.roll = this.roll+0.2; this.cx1 = this.cx1+ cos(this.roll)this.swaySign/12; this.cx2 = this.cx2+ cos(this.roll)this.swaySign/12; this.cy1 = this.cy1+ sin(this.roll)this.swaySign/16; this.cy2 = this.cy2+ sin(this.roll)this.swaySign/16; } }; // grabbing the pen signals going to the new state and new images Pen.prototype.checkIfHolding = function(ArmGhost){ if (mouseX > this.x-this.w && mouseX < this.x+this.w && mouseIsPressed){ grab = true; } if (grab === true && arm.cy1 < 100){ this.h = this.h2/3; this.holding = true; this.tx = -62; this.ty =441; this.r =300; arm.cx1 =200; arm.cy1 = 283; arm.cx2 = 283; arm.cy2 = 326; bookState = "open"; // switches to next scene } }; Pen.prototype.checkIfOnBook= function(){ if (this.ty>330){ this.tx = this.tx-1.5; this.ty = this.ty-1.25; } else{ this.onBook = true; } }; // when writing both the pen and the arm need to move Pen.prototype.write= function(ArmGhost){ if(this.onBook === true){ this.writing = true; this.tx = this.tx+1; } if(this.writing === true){ // generate y-values for scribbling this.ty= this.ty+random(-1.5, 1.5); // store y-values for scribbling writeX.push(this.tx); writeY.push(this.ty-100); arm.cx1= arm.cx1+1.1; arm.cy1= arm.cy1-0.3; arm.cx2= arm.cx2+1; arm.cy2= arm.cy2-0.3; for (var s = 0; s< writeY.length; s++){ point(writeX[s]+265, writeY[s]); // stops writing if (s >=100){ this.onBook = false; this.writing = false; writeX = []; writeY = []; preparedToScribble = false; this.tx = -62; this.ty =441; arm.x1= 162; arm.cx1 =200; arm.cy1 = 283; arm.cx2 = 283; arm.cy2 = 326; arm.x2 = 222; bookState = "open"; } } } }; // the buttons that look like buttons var Button = function(x, y, diam, state){ this.x = x; this.y = y; this.diam = diam; this.state = state; }; // generating the buttons var makeButton= function(){ var b = 0; var c = 165; while (b<5){ c +=220; buttons.push(new Button(244, c, 20, "off")); b++; } }; makeButton(); // calls the function to make the buttons Button.prototype.stateOf= function(x, y, diam, state){ if(dist(mouseX, mouseY, this.x, this.y)>= this.diam/2){ this.state = "off"; } else if ((dist(mouseX, mouseY, this.x, this.y)<this.diam/2) && on===false){ this.state = "over"; } else { this.state = "on"; } }; Button.prototype.store= function(state, y){ if(this.state === "on" & on===false){ var element = this.y; // this.y is unique for each button for(var u = 0; u<buttons.length; u++){ if(element === buttons[u].y){ pressedButton.push(u); // temporary storage for index of pressed button preparedToScribble = true; } this.state = "over"; // the moment the click is released the mouse is over the button } if (pressedButton.length !==0){ selectedButtons.push(pressedButton[0]); // permanent storage pressedButton = []; // empties array } } }; Button.prototype.draw= function(x, y, diam, state){ var buttonStroke = color(212, 204, 189); var buttonRed = color(255, 0, 0); var buttonYellow = color(255, 255, 0); var buttonGreen = color(0, 255, 0); stroke(buttonStroke); strokeWeight(2); // determining button color if (this.state === "on"){ fill(buttonRed); } else if (this.state ==="off"){ fill(buttonGreen); } else if(this.state === "over"){ fill(buttonYellow); } else { fill(0); // something has gone wrong... } ellipse(this.x, this.y, this.diam, this.diam); }; var Critter = function(tx, ty, rot){ this.tx = 250; this.ty = 150; this.rot = 0; }; Critter.prototype.draw= function() { // change to shrink or enlarge var chestSize = 11; // don't change! var originalChestSize = 100; var faceSize = chestSize/2; var eyeSize = faceSize/3; var buttSize = chestSize1.4; var lightSpider = color(164, 166, 153); var darkSpider = color(133, 125, 125); var legCol = color(54, 51, 51); var antennaCol = color(110, 106, 106); pushMatrix(); // places center at translating point translate(this.tx, this.ty); rotate (this.rot); // fangs noFill(); strokeWeight(eyeSize/6); stroke(antennaCol); arc(0, -95chestSize/originalChestSize, chestSize/3, buttSize/4, -10, 190); // arms noFill(); strokeWeight(eyeSize/3); stroke(legCol); arc(0, -81chestSize/originalChestSize, buttSize1.5, buttSize0.85, 0, 180); arc(0, -108chestSize/originalChestSize, buttSize1.1, buttSize, 0, 180); arc(0, -50chestSize/originalChestSize, buttSize1.7, buttSize, 0, 180); // chest section noStroke(); fill(lightSpider); ellipse(0, 0, chestSize0.7, chestSize); // head section fill(164, 166, 153); noStroke(); ellipse(0, -66chestSize/originalChestSize, faceSize, faceSize); // eyes fill(46, 4, 4); ellipse(-eyeSize0.8, -76chestSize/originalChestSize, eyeSize, eyeSize0.7); ellipse(eyeSize0.8, -76chestSize/originalChestSize, eyeSize, eyeSize0.6); noFill(); // legs strokeWeight(eyeSize/3); stroke(legCol); arc(0, 125chestSize/originalChestSize, buttSize1.9, buttSize1.3, 180, 360); // butt section noStroke(); fill(darkSpider); ellipse(0, 90chestSize/originalChestSize, buttSize*0.7, buttSize); popMatrix(); }; Critter.prototype.descend= function(){ var xStepSize = 0.02; var yStepSize = 0.02; this.x = map(noise(this.tx), 0, 1, 0, width); //random(-5, 5); this.y= map(noise(this.ty), 0, 1, 0, height); // random (-5, 5); this.tx += xStepSize; this.ty += yStepSize; }; Critter.prototype.climb= function(){ var xStepSize = -0.02; var yStepSize = -0.04; this.x = map(noise(this.tx), 0, 1, 0, width); //random(-5, 5); this.y= map(noise(this.ty), 0, 1, 0, height); // random (-5, 5); this.tx += xStepSize; this.ty += yStepSize; }; // if the critter leaves the canvas it will be returned to it - but not while the Ghost is scribbling Critter.prototype.turn = function(){ if(bookState !=="scribbling"){ if(this.tx <-10 \|\| this.tx> 410){ this.tx = 200; this.ty = 400; } if(this.ty < -10){ this.ty = 410; } if(this.ty > 410){ this.ty = -10; } } }; Critter.prototype.run = function(Pen, OpenDiary){ if ((this.tx < yourPen.x -30 \|\| this.ty > yourPen.y-30)&& this.ty > diaryOpen.y-20){ this.tx = this.tx-1; this.ty = this.ty-2.4; } else if (bookState === "open" && dist(mouseX, mouseY, this.tx, this.ty) < 100){ var xStepSize = 0.1; var yStepSize = 0.5; this.x = map(noise(this.tx), 0, 1, 0, width); //random(-5, 5); this.y= map(noise(this.ty), 0, 1, 0, height); // random (-5, 5); this.tx -= xStepSize; this.ty -= yStepSize; } }; Critter.prototype.dangleThread = function(){ strokeWeight(1); stroke(100,100, 100, 50); noFill(); line(this.tx, 0, this.tx, this.ty); }; Critter.prototype.atTop = function(){ if (justArrived){ this.tx = 130; this.ty = -10; } justArrived = false; }; var spider = new Critter(); mousePressed = function(){ on = true; }; mouseReleased = function(){ on = false; }; draw = function() { switch(bookState) { case "closed": // background image(bg, -59, -206, 528, 693); // background: block of wood title(); firstPageTxt(); yourPen.checkIfHolding(); yourPen.draw(); diaryClosed.draw(); // update critter before drawing spider.turn(); spider.climb(); spider.draw(); // update before drawing body body.sway(); body.stretch(); // happens only when pen is clicked // update before drawing arm arm.waver(); arm.stretch(); // drawing ghost body.draw(); arm.draw(); break; case "open": image(bg, -59, -206, 528, 693); // background: block of wood if(selectedButtons.length < stories.length){ thoughtBubble.draw(); } // update body before drawing body.sway(); // drawing diaryOpen.draw(); body.draw(); arm.draw(); yourPen.draw(); stories[w].display(); if(selectedButtons.length < stories.length){ for(var q = 0; q< buttons.length; q++){ buttons[q].store(); buttons[q].stateOf(); buttons[q].draw(); } } spider.climb(); spider.turn(); if (mouseIsPressed){ spider.run(); } spider.draw(); jumpToScribble(); waitAWhile(); // delaying case change to give time to read diary when last button has been pressed break; case "scribbling": image(bg, -59, -206, 528, 693); // background: block of wood // update before drawing body.sway(); yourPen.checkIfOnBook(); arm.prepareToWrite(); spider.turn(); spider.climb(); spider.run(); // drawing diaryOpen.draw(); spider.draw(); arm.draw(); yourPen.draw(); body.draw(); yourPen.write(); break; case "written": image(wall, -25, -206, 454, 618); // tiles outFitTxt(); // selecting image according to which person was picked, the person picked is defined by which button was selceted from the fifth story array. if(selectedButtons[5]<4){ allGhasts[selectedButtons[5]].draw(); } else if (selectedButtons[5]===4){ allGhasts[flipCoin].draw(); } else{ text("SOMETHING HAS GONE WRONG.", 200, 200); } spider.atTop(); spider.descend(); spider.dangleThread(); spider.draw(); // the bloody screen // updates area covered by blood runningBlood.rundown(); runningBlood.draw(); break; default: // if anything goes wrong with the switch case the screen should show // background image(bg, -59, -206, 528, 693); title(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjl4bmHCAw
Votes	335
Spin-Offs	5
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Inger Hohler
Author Name	InHo
Author ID	kaid_324030563384157719184863
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739363243315
Updated	4 months ago, 1744828861589
Source Deleted	unknown