EarthBound / Mother 2

// Thanks to

// Solink

// Vortex_Gamer

​

​

// Dev Log

// Onett

// Dark Room

// Town Hall

// Ness's House

// Music

// 2 Bill Boards

// Tree House

// More Music

// Drug Store

// Burger Store

// Porkey's house  (No thats not a typo (EarthBound game hade a translation error))

​

var speed = 2;//player movment speed

var debug = false;//debug mode for dev

​

var treeA=true;//for the easter eggs

var treeB=true;//for the easter eggs

​

p5.disableFriendlyErrors = true;

​

var area = 0; //area the player is in (0 is dark room) (1 is onett) (>1 is buildings)

var s = 0; //size of 1 game pixel in real pixels

var player = []; //player sprites

var a = 0; //current player sprite

var x = 128; //player x location

var y = 112; //player y location

var trans = 0; //transition between areas (0 is none, 255 is black, 511 is starting)

var move = { //data for transitions

  x: 0,//new player x

  y: 0,//new player y

  a: 0,//new area

  e: false,//enable transition

  an: 0,//new player sprite

  m: -1//new music

}

​

var textBox;//text box image

var font;//text box font

var textUp = false;//is there a text box?

var textRunning = false;//is that text box adding text or idle?

var displayText = ["", "", ""];//text displayed on the box now

var textDots = [false, false, false];//dots displayed on the box now

var textX = 0;//where the text cursor is

var textY = 0;//where the text cursor is

var textDL = 0;//the line for displayText to add text to

var textNow = [""];//the text running right now

​

var music = [];//music tracks

var m = -1;//current music track (-1 is none, 0 is Onett theme, 1 is drug store music, and so on)

var soundUnCrippled = false; //the sound is weird.  is it open prossesing or p5? 

​

var goText=false;//has the "go to the door" text been played

var readText=false;

var mobile=false;

​

var title;

​

function preload() {

  areas[0].img = loadImage("area0.png"); //load area images

  areas[1].img = loadImage("area1.png");

  areas[2].img = loadImage("area2.png");

  areas[3].img = loadImage("area3.png");

  areas[4].img = loadImage("area4.png");

  areas[5].img = loadImage("area5.png");

  areas[6].img = loadImage("area6.png");

  areas[7].img = loadImage("area7.png");

  areas[8].img = loadImage("area8.png");

  areas[9].img = loadImage("area9.png");

  areas[10].img = loadImage("area10.png");

  areas[11].img = loadImage("area11.png");

  areas[12].img = loadImage("area12.png");

  areas[13].img = loadImage("area13.png");

  areas[14].img = loadImage("area14.png");

  areas[15].img = loadImage("area15.png");

  player[0] = loadImage("down.png"); //load player sprites

  player[1] = loadImage("left.png");

  player[2] = loadImage("up.png");

  player[3] = loadImage("right.png");

  textBox = loadImage("newTextBox.png"); //load text box

  title = loadImage("Title.png")

  font = loadFont("font.ttf"); //load font

  music[0] = loadSound("music1.mp3"); //load music

  music[1] = loadSound("music2.mp3");

  music[2] = loadSound("music7.mp3");

  music[3] = loadSound("music11.mp3");

  music[4] = loadSound("music14.mp3");

}

​

function setup() {

  if(debug){

    speed = 5;

  }

  s = min(floor(windowWidth / 256), floor(windowHeight / 224))//find s

  mobile = !window.mobilecheck()

  if(s<3){

    s = min(windowWidth / 256, windowHeight / 224)//find new s

  }

  createCanvas(256 * s, 224 * s);//make canvas

  textSize(16 * s)//set text size

  textFont(font);//set font

}

​

function draw() {

  frameRate(30)

  if(frameCount>100&&!goText&&area===0&&trans<1&&!debug){

    runText(["-Go to the door."])

    goText=true;

  }

  if(frameCount>600&&!readText&&trans<1&&!debug){

    runText(["-You can read some signs"," with the ''r'' key."])

    readText=true;

  }

  background(0);//draw background

  noSmooth();//make the image sharp

  imageMode(CORNER);

  image(areas[area].img, -round(x - 128) * s, -round(y - 112) * s, areas[area].img.width * s, areas[area].img.height * s);//draw area image

  imageMode(CENTER);

  image(player[floor(a) % 4], width / 2, height / 2, 16 * s, 24 * s);//draw player

  imageMode(CORNER);

  runTextBox();//run and show text box

  showTextBox();//show text box text

  phys();//run doors and bounds

  runTrans();//area transistion

  if (debug) {//debug mode

    fill(250,240,190)

    text((round(x + floor(mouseX / s) - 128)) + ",  " + (round(y + floor(mouseY / s) - 112)), 10, 40);//show cursor location in area

    text(frameCount, 10, 84);//show cursor location in area

  }

  background(0, 0) //trick open processing

  if(frameCount==1){

    frameRate(0.5)

    image(title,0,0,width,height);

  }

}

​

function runTrans() {

  if (trans > 0) {

    trans -= 8;

    if (trans > 255) {

      background(0, 512 - trans);//black fadding background

    } else {

      if (trans > 246 && move.e) {

        area = move.a;

        x = move.x;

        y = move.y;

        a = move.an

        move.e = false;

        if (m != move.m) {

          if (m > -1){

            music[m].stop();

          }

            m = move.m

            music[m].play();

            music[m].setLoop(true)

        }

      }

      background(0, trans);

    }

  } else if (!textUp) {

    movement();

  }

}

​

function movement() {

  bm=min(width,height)/(max(width/height,height/width)+1.2)

  um=mobile&&mouseIsPressed&&mouseY<bm

  dm=mobile&&mouseIsPressed&&mouseY>height-bm

  lm=mobile&&mouseIsPressed&&mouseX<bm

  rm=mobile&&mouseIsPressed&&mouseX>width-bm

  var speedB = 1.424 * 1.424 * speed;//movment speed for one axis

  if (keyDown(LEFT_ARROW) || keyDown("a")||lm) {

    a = 1;

    speedB /= 1.424//decress movment speed for multible axis (so todal speed is right)

  } else if (keyDown(RIGHT_ARROW) || keyDown("d")||rm) {

    a = 3;

    speedB /= 1.424//decress movment speed for multible axis (so todal speed is right)

  }

  if (keyDown(DOWN_ARROW) || keyDown("s")||dm) {

    a = 0;

    speedB /= 1.424//decress movment speed for multible axis (so todal speed is right)

  } else if (keyDown(UP_ARROW) || keyDown("w")||um) {

    a = 2;

    speedB /= 1.424//decress movment speed for multible axis (so todal speed is right)

  }

  if (keyDown(LEFT_ARROW) || keyDown("a")||lm) {

    x -= speedB;//move

  } else if (keyDown(RIGHT_ARROW) || keyDown("d")||rm) {

    x += speedB;//move

  }

  if (keyDown(DOWN_ARROW) || keyDown("s")||dm) {

    y += speedB;//move

  } else if (keyDown(UP_ARROW) || keyDown("w")||um) {

    y -= speedB;//move

  }

}

​

function phys() {

  if (area == 1) {

    fill(136, 112, 248);

    noStroke();

    rect(1400 * s - round(x - 128) * s, -112 * s - round(y - 112) * s, 1000 * s, 112 * s);

  }

  if (x < 0 || y < 0 || x > areas[area].img.width || y > areas[area].img.height) {//out of bounds detecter

    areas[area].run();//if out of bounds

  }

  randomSeed(86570234)

  for (var i = 0; i < areas[area].phys.length; i++) {

    var phy = areas[area].phys[i];

    noStroke();

    fill(random(63, 255), random(63, 255), random(63, 255), 196);

    if (debug) {//debug mode

      rect(phy.x * s - x * s + 128 * s, phy.y * s - y * s + 112 * s, phy.w * s, phy.h * s);

    }

    if (x >= phy.x && y >= phy.y && x <= phy.x + phy.w && y <= phy.y + phy.h) {

      phy.run();

    }

  }

}

​

function reCenter() {//fades out and back in on center of onett

  move.a = 1;

  move.x = 1850;

  move.y = 1200;

  move.an = 0;

  move.e = true;

  trans = 510;

}

​

function runTextBox() {

  if (textUp) {

    image(textBox, width - textBox.width * s - 8 * s, 8 * s, textBox.width * s, textBox.height * s);

    fill(255);

    noStroke();

    if (textRunning) {

      var shift = 0;

      if (textNow[textY][0] == "-") {

        shift = 1;

        textDots[textDL] = true;

        if (textY > 0 && textX === 0) {

          textRunning = false;

          return;

        }

      }

      displayText[textDL] += textNow[textY][textX + shift];

      textX++;

      if (textX >= textNow[textY].length - shift) {

        textX = 0;

        textDL++;

        textY++;

        if (textY >= textNow.length) {

          textRunning = false;

        } else if (textDL > 2) {

          textDL = 2;

          displayText[0] = displayText[1]

          displayText[1] = displayText[2]

          displayText[2] = ""

          textDots[0] = textDots[1]

          textDots[1] = textDots[2]

          textDots[2] = false;

        }

      }

    }

  }

}

​

function showTextBox() {

  if (textUp) {

    fill(250,240,190)

    if (textDots[0]) {

      rect(104 * s, 18 * s, s, s * 2);//dots

      rect(105 * s, 17 * s, s, s * 4);

      rect(106 * s, 18 * s, s, s * 2);

    }

    if (textDots[1]) {

      rect(104 * s, 34 * s, s, s * 2);

      rect(105 * s, 33 * s, s, s * 4);

      rect(106 * s, 34 * s, s, s * 2);

    }

    if (textDots[2]) {

      rect(104 * s, 50 * s, s, s * 2);

      rect(105 * s, 49 * s, s, s * 4);

      rect(106 * s, 50 * s, s, s * 2);

    }

    text(displayText[0], 110 * s, 23 * s)//text

    text(displayText[1], 110 * s, 39 * s)

    text(displayText[2], 110 * s, 55 * s)

  }

}

​

function keyPressed() {

  if (!soundUnCrippled&&frameCount>5) {//fixes sound

    music[0].play();

    music[0].stop();

    soundUnCrippled = true

  }

  if (textRunning == false) {//text box interaction

    if (textY >= textNow.length) {

      textUp = false;

    } else {

      textRunning = true;

      displayText[textDL] += textNow[textY][textX + 1];

      textX++;

    }

  }

}

​

function mousePressed() {

  if (!soundUnCrippled&&frameCount>5) {//fixes sound

    music[0].play();

    music[0].stop();

    soundUnCrippled = true

  }

  if (textRunning == false) {//text box interaction

    if (textY >= textNow.length) {

      textUp = false;

    } else {

      textRunning = true;

      displayText[textDL] += textNow[textY][textX + 1];

      textX++;

    }

  }

}

​

function runText(text) {//starts a text box

  textUp = true;

  textRunning = true;

  displayText = ["", "", ""];

  textDots = [false, false, false];

  textX = 0;

  textY = 0;

  textDL = 0;

  textNow = text;

}

​

window.mobilecheck = function() {

  var check = false;

  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);

  return check;

};