夜の公園（脱出ゲーム）

var flame;

var scene0a;

var scene3a;

var scene15a;

var scene24b;

var item4a;

var item5a;

var item6a;

var item7a;

var neji;

var number1=new Array(10);

var number2=new Array(9);

var number3=new Array(10);

var scene=new Array(32);

var state;

const IN=13;

var item=new Array(IN);

var IS=new Array(IN);

var selects=-1;

var goal=0;

var box5C=0;

var Gangle=0;

var temp;

var RW=0;

var GW=0;

var BW=0;

var water=0;

var Rslider;

var Gslider;

var Bslider;

var SS=-1;

​

//プレロード

function preload() {

  //画像をロード

  flame = loadImage('./flame.png');

  scene0a = loadImage('./scene0a.jpg');

  scene3a = loadImage('./scene3a.jpg');

  scene15a = loadImage('./scene15a.png');

  scene24b = loadImage('./scene24b.jpg');

  scene[0] = loadImage('./scene0b.jpg');

  scene[1] = loadImage('./scene1.jpg');

  scene[2] = loadImage('./scene2.jpg');

  scene[3] = loadImage('./scene3b.jpg');

  scene[4] = loadImage('./scene4.jpg');

  scene[5] = loadImage('./scene5.jpg');

  scene[6] = loadImage('./scene6.jpg');

  scene[7] = loadImage('./scene7.jpg');

  scene[8] = loadImage('./scene8.jpg');

  scene[9] = loadImage('./scene9.jpg');

  scene[10] = loadImage('./scene10.jpg');

  scene[11] = loadImage('./scene11.jpg');

  scene[12] = loadImage('./scene12.jpg');

  scene[13] = loadImage('./scene13.jpg');

  scene[14] = loadImage('./scene14.jpg');

  scene[15] = loadImage('./scene15.jpg');

  scene[16] = loadImage('./scene16a.jpg');

  scene[17] = loadImage('./scene17.jpg');

  scene[18] = loadImage('./scene18.jpg');

  scene[19] = loadImage('./scene19.jpg');

  scene[20] = loadImage('./scene20a.jpg');

  scene[21] = loadImage('./scene21.jpg');

  scene[22] = loadImage('./scene22.jpg');

  scene[23] = loadImage('./scene23.jpg');

  scene[24] = loadImage('./scene24a.jpg');

  scene[25] = loadImage('./scene25a.jpg');

  scene[26] = loadImage('./scene26a.jpg');

  scene[27] = loadImage('./scene27.jpg');

  scene[28] = loadImage('./scene28.jpg');

  scene[29] = loadImage('./scene29.jpg');

  scene[30] = loadImage('./scene30.jpg');

  scene[31] = loadImage('./clear.png');

  item4a = loadImage('./box2b.png');

  item5a = loadImage('./box1.png');

  item6a = loadImage('./box3.png');

  item7a = loadImage('./box4.png');

  item12a= loadImage('./box5.png');

  neji = loadImage('./neji.png');

  item[0] = loadImage('./Bmemo1.png');

  item[1] = loadImage('./Bmemo2.png');

  item[2] = loadImage('./bou.png');

  item[3] = loadImage('./key.png');

  item[4] = loadImage('./hint2b.png');

  item[5] = loadImage('./hint.png');

  item[6] = loadImage('./memo3.png');

  item[7] = loadImage('./memo4.png');

  item[8] = loadImage('./key.png');

  item[9] = loadImage('./driver.png');

  item[10]= loadImage('./enban1.png');

  item[11]= loadImage('./enban2.png');

  item[12]= loadImage('./cup.png');

  number1[0] = loadImage('./0.png');

  number1[1] = loadImage('./1.png');

  number1[2] = loadImage('./2.png');

  number1[3] = loadImage('./3.png');

  number1[4] = loadImage('./4.png');

  number1[5] = loadImage('./5.png');

  number1[6] = loadImage('./6.png');

  number1[7] = loadImage('./7.png');

  number1[8] = loadImage('./8.png');

  number1[9] = loadImage('./9.png');

  number2[0] = loadImage('./1a.png');

  number2[1] = loadImage('./2a.png');

  number2[2] = loadImage('./3a.png');

  number2[3] = loadImage('./4a.png');

  number2[4] = loadImage('./5a.png');

  number2[5] = loadImage('./6a.png');

  number2[6] = loadImage('./7a.png');

  number2[7] = loadImage('./8a.png');

  number2[8] = loadImage('./9a.png');

  number3[0] = loadImage('./0b.png');

  number3[1] = loadImage('./1b.png');

  number3[2] = loadImage('./2b.png');

  number3[3] = loadImage('./3b.png');

  number3[4] = loadImage('./4b.png');

  number3[5] = loadImage('./5b.png');

  number3[6] = loadImage('./6b.png');

  number3[7] = loadImage('./7b.png');

  number3[8] = loadImage('./8b.png');

  number3[9] = loadImage('./9b.png');

}

​

function setup() {

  createCanvas(768, 432);

  image(flame,0,0);

  //左上を起点にして画像を表示

  state=0;

  rectMode(CORNER);

  image(scene[0],36,12);

  noStroke();

  fill(255,128,191,127);

  rect(135,228,333,64);

  rectMode(CENTER);

  textAlign(LEFT);

  textSize(16);

  for(let i=0;i<IN;i++){

    IS[i]=0;

  }

  Rslider=createSlider(0,255,0,);

  Gslider=createSlider(0,255,0);

  Bslider=createSlider(0,255,0);

  Rslider.style('width', '512px');

  Gslider.style('width', '512px');

  Bslider.style('width', '512px');

}

function draw(){

  if(state==0){

    for (let i = 0; i < 90; i++) { 

      //色を取得する位置をランダムに決定

      let x = int(random(480));

      let y = int(random(180));

      //指定した場所の色を取得

      let col = scene0a.get(x, y);

      noStroke();

      //色の彩度を長方形の回転に反映させる

      let rotation = map(saturation(col), 0, 255, 0, 360);

​

      //大きさは明度に反映させる

      let length = map(brightness(col), 0, 255, 0, 72);

      //色に透明度を加える

      fill(red(col), green(col), blue(col), 128);

      push();

      translate(x+36, y+12);

      rotate(radians(rotation));

      //四角形を描画

      rect(0, 0, 2, length);

      pop();

    }

  }

  if(state==3){

    for (let i = 0; i < 45; i++) { 

      //色を取得する位置をランダムに決定

      let x = int(random(480));

      let y = int(random(90));

      //指定した場所の色を取得

      let col = scene3a.get(x, y);

      noStroke();

      //色の彩度を長方形の回転に反映させる

      let rotation = map(saturation(col), 0, 255, 0, 360);

​

      //大きさは明度に反映させる

      let length = map(brightness(col), 0, 255, 0, 72);

      //色に透明度を加える

      fill(red(col), green(col), blue(col), 128);

      push();

      translate(x+36, y+12);

      rotate(radians(rotation));

      //四角形を描画

      rect(0, 0, 2, length);

      pop();

    }

  }

  if(state==24){

    for (let i = 0; i < 90; i++) { 

      //色を取得する位置をランダムに決定

      let x = int(random(480));

      let y = int(random(180));

      //指定した場所の色を取得

      let col = scene24b.get(x, y);

      noStroke();

      //色の彩度を長方形の回転に反映させる

      let rotation = map(saturation(col), 0, 255, 0, 360);

​

      //大きさは明度に反映させる

      let length = map(brightness(col), 0, 255, 0, 72);

      //色に透明度を加える

      fill(red(col), green(col), blue(col), 128);

      push();

      translate(x+36, y+12);

      rotate(radians(rotation));

      //四角形を描画

      rect(0, 0, 2, length);

      pop();

    }

  }

  if(SS==-1){

    Rslider.position(0,-1000);

    Gslider.position(0,-1000);

    Bslider.position(0,-1000);

  }

  if(SS==0){

    Rslider.position(20,20);

    Gslider.position(0,-1000);

    Bslider.position(0,-1000);

    RW=Rslider.value();

    rectMode(CORNER);

    noStroke();

    fill(0);

    rect(36,384,480,36);

    rectMode(CENTER);

    fill(255,0,0);

    stroke(255);

    strokeWeight(1);

    textSize(32);

    text(RW, 36, 416);

    textSize(16);

  }

  if(SS==1){

    Rslider.position(0,-1000);

    Gslider.position(20,20);

    Bslider.position(0,-1000);

    GW=Gslider.value();

    rectMode(CORNER);

    noStroke();

    fill(0);

    rect(36,384,480,36);

    rectMode(CENTER);

    fill(0,255,0);

    stroke(255);

    strokeWeight(1);

    textSize(32);

    text(GW, 36, 416);

    textSize(16);

  }

  if(SS==2){

    Rslider.position(0,-1000);

    Gslider.position(0,-1000);

    Bslider.position(20,20);

    BW=Bslider.value();

    rectMode(CORNER);

    noStroke();

    fill(0);

    rect(36,384,480,36);

    rectMode(CENTER);

    fill(0,0,255);

    stroke(255);

    strokeWeight(1);

    textSize(32);

    text(BW, 36, 416);

    textSize(16);

  }

  if(IS[12]==-1){

    rectMode(CORNER);

    noStroke();

    fill(RW,GW,BW);

    rect(699,327,30,36);

    rectMode(CENTER);

  }

}

function mouseClicked() {

  image(flame,0,0);

​

  if(state==0&&mouseX>=135&&mouseX<468&&mouseY>=228&&mouseY<292){

    if(IS[10]==2&&IS[11]==2&&IS[12]==-2){

      fill(255);

      noStroke();

      textSize(32);

      text('CLEAR', 36, 416);

      textSize(16);

      state=31;

    }

    else{

      fill(255);

      noStroke();

      text('障壁のせいで通れない', 36, 400);

    }

  }

  if(state==0&&mouseX>=36&&mouseX<516&&mouseY>=12&&mouseY<192){

    fill(255);

    noStroke();

    text('結界のせいで景色が歪んでいる', 36, 400);

  }

  if(state==3&&mouseX>=36&&mouseX<516&&mouseY>=12&&mouseY<108){

    fill(255);

    noStroke();

    text('結界のせいで景色が歪んでいる', 36, 400);

  }

  if(state==4&&mouseX>=264&&mouseX<312&&mouseY>=114&&mouseY<142&&IS[0]==0){

    IS[0]=1;

    fill(255);

    noStroke();

    text('破れたメモＡを手に入れた', 36, 400);

  }

  if(state==5&&mouseX>=288&&mouseX<330&&mouseY>=150&&mouseY<178&&IS[1]==0){

    IS[1]=1;

    fill(255);

    noStroke();

    text('破れたメモＢを手に入れた', 36, 400);

  }

  if(state==6&&mouseX>=357&&mouseX<387&&mouseY>=225&&mouseY<255&&IS[7]==9581){

    IS[7]=-1;

    fill(255);

    noStroke();

    text('破れたメモＤを手に入れた', 36, 400);

  }

  if(state==6&&mouseX>=152&&mouseX<192&&mouseY>=220&&mouseY<260&&IS[7]>=0){

    if(IS[7]<9000){IS[7]+=1000;}

    else{IS[7]-=9000;}

  }

  if(state==6&&mouseX>=202&&mouseX<242&&mouseY>=220&&mouseY<260&&IS[7]>=0){

    if(IS[7]%1000<900){IS[7]+=100;}

    else{IS[7]-=900;}

  }

  if(state==6&&mouseX>=252&&mouseX<292&&mouseY>=220&&mouseY<260&&IS[7]>=0){

    if(IS[7]%100<90){IS[7]+=10;}

    else{IS[7]-=90;}

  }

  if(state==6&&mouseX>=302&&mouseX<342&&mouseY>=220&&mouseY<260&&IS[7]>=0){

    if(IS[7]%10<9){IS[7]+=1;}

    else{IS[7]-=9;}

  }

  if(state==7&&mouseX>=434&&mouseX<454&&mouseY>=248&&mouseY<268&&IS[6]==4503){

    IS[6]=-1;

    fill(255);

    noStroke();

    text('破れたメモＣを手に入れた', 36, 400);

  }

  if(state==7&&mouseX>=408&&mouseX<428&&mouseY>=248&&mouseY<268&&IS[6]>=0){

    if(IS[6]%10<8){IS[6]+=1;}

    else{IS[6]-=8;}

  }

  if(state==7&&mouseX>=382&&mouseX<402&&mouseY>=248&&mouseY<268&&IS[6]>=0){

    if(IS[6]%100<80){IS[6]+=10;}

    else{IS[6]-=80;}

  }

  if(state==7&&mouseX>=356&&mouseX<376&&mouseY>=248&&mouseY<268&&IS[6]>=0){

    if(IS[6]%1000<800){IS[6]+=100;}

    else{IS[6]-=800;}

  }

  if(state==7&&mouseX>=330&&mouseX<350&&mouseY>=248&&mouseY<268&&IS[6]>=0){

    if(IS[6]<8000){IS[6]+=1000;}

    else{IS[6]-=8000;}

  }

  if(state==7&&mouseX>=348&&mouseX<378&&mouseY>=84&&mouseY<104){

    if(IS[12]==-1){

      SS=0;

      selects=7;

    }

    else{

      RW=-1-RW;

      fill(255);

      noStroke();

      text('赤い色水だ', 36, 400);

    }

  }

  if(state==7&&mouseX>=180&&mouseX<240&&mouseY>=162&&mouseY<210){

    if(IS[12]==-1){

      SS=2;

      selects=7;

    }

    else{

      BW=-1-BW;

      fill(255);

      noStroke();

      text('青い色水だ', 36, 400);

    }

  }

  if(state==8&&mouseX>=48&&mouseX<228&&mouseY>=72&&mouseY<180&&goal<10){

    fill(255);

    noStroke();

    text('障壁のせいで通れない', 36, 400);

  }

  if(state==10&&mouseX>=204&&mouseX<216&&mouseY>=240&&mouseY<252&&IS[5]==8159){

    IS[5]=-1;

    fill(255);

    noStroke();

    text('謎のメモ２を手に入れた', 36, 400);

  }

  if(state==10&&mouseX>=224&&mouseX<252&&mouseY>=228&&mouseY<264&&IS[5]>=0){

    if(IS[5]<9000){IS[5]+=1000;}

    else{IS[5]-=9000;}

  }

  if(state==10&&mouseX>=260&&mouseX<288&&mouseY>=228&&mouseY<264&&IS[5]>=0){

    if(IS[5]%1000<900){IS[5]+=100;}

    else{IS[5]-=900;}

  }

  if(state==10&&mouseX>=296&&mouseX<324&&mouseY>=228&&mouseY<264&&IS[5]>=0){

    if(IS[5]%100<90){IS[5]+=10;}

    else{IS[5]-=90;}

  }

  if(state==10&&mouseX>=332&&mouseX<360&&mouseY>=228&&mouseY<264&&IS[5]>=0){

    if(IS[5]%10<9){IS[5]+=1;}

    else{IS[5]-=9;}

  }

  if(state==12&&mouseX>=108&&mouseX<428&&mouseY>=256&&mouseY<264&&IS[2]==0){

    IS[2]=1;

    fill(255);

    noStroke();

    text('長い棒を手に入れた', 36, 400);

  }

  if(state==13&&mouseX>=216&&mouseX<312&&mouseY>=168&&mouseY<264&&IS[4]==0&&selects==2){

    IS[3]=-1;

    IS[4]=1;

    fill(255);

    noStroke();

    text('謎のメモ１を手に入れた', 36, 400);

  }

  if(state==15&&mouseX>=174&&mouseX<274&&mouseY>=88&&mouseY<288&&goal<10){

    Gangle--;

    if(goal!=3||goal!=5){goal++;}

    else{goal=0;}

  }

  if(state==15&&mouseX>=274&&mouseX<374&&mouseY>=88&&mouseY<288&&goal<10){

    Gangle++;

    if(goal==3||goal==5){goal++;}

    else{goal=0;}

  }

  if(goal>=10&&state==15){

    fill(255);

    noStroke();

    text('赤い障壁が消えた', 36, 400);

  }

  if(state==11&&mouseX>=240&&mouseX<300&&mouseY>=114&&mouseY<170&&IS[10]==1&&IS[11]==1&&selects==6){

    IS[10]=2;

    IS[11]=2;

    selects=-1;

  }

  if(state==11&&IS[12]==-1&&RW==255&&GW==128&&BW==191&&selects==7){

    IS[12]=-2;

    selects=-1;

  }

  if(state==17&&mouseX>=282&&mouseX<294&&mouseY>=36&&mouseY<72&&IS[3]==0&&selects==1){

    IS[3]=1;

    fill(255);

    noStroke();

    text('鍵Ａを手に入れた', 36, 400);

  }

  if(state==17&&mouseX>=282&&mouseX<294&&mouseY>=36&&mouseY<72&&IS[3]==0&&selects!=1){

    fill(255);

    noStroke();

    text('手が届かない', 36, 400);

  }

  if(state==19&&mouseX>=54&&mouseX<96&&mouseY>=270&&mouseY<312&&IS[10]==0&&selects==5){

    IS[10]=1;

    fill(255);

    noStroke();

    text('割れた円盤Ａを手に入れた', 36, 400);

  }

  if(state==24&&mouseX>=36&&mouseX<516&&mouseY>=12&&mouseY<192){

    fill(255);

    noStroke();

    text('結界のせいで景色が歪んでいる', 36, 400);

  }

  if(state==27&&mouseX>=256&&mouseX<268&&mouseY>=32&&mouseY<68&&IS[8]==0&&selects==1){

    IS[8]=1;

    fill(255);

    noStroke();

    text('鍵Ｂを手に入れた', 36, 400);

  }

  if(state==27&&mouseX>=256&&mouseX<268&&mouseY>=32&&mouseY<68&&IS[8]==0&&selects!=1){

    fill(255);

    noStroke();

    text('手が届かない', 36, 400);

  }

  temp=1;

  for(let i=0;i<9;i++){

    if(state==28&&mouseX>=222+i*15&&mouseX<234+i*15&&mouseY>=204&&mouseY<264&&IS[12]>=0&&IS[12]%(temp*2)<temp){

      IS[12]+=temp;

      if(box5C==0&&i==3){box5C++;}

      if(box5C==1&&i==5){box5C++;}

      if(box5C==2&&i==2){box5C++;}

      if(box5C==3&&i==0){box5C++;}

      if(box5C==4&&i==6){box5C++;}

      if(box5C==5&&i==4){box5C++;}

      if(box5C==6&&i==8){box5C++;}

      if(box5C==7&&i==7){box5C++;}

      if(box5C==8&&i==1){box5C++;}

    }

    temp=temp*2;

  }

  if(box5C==9&&state==28&&IS[12]==511){

    if(IS[12]>=0){IS[12]=-1;}

    fill(255);

    noStroke();

    text('光のコップを手に入れた', 36, 400);

  }

  if(IS[12]==511){

    IS[12]=0;

    box5C=0;

  }

  if(state==29&&mouseX>=252&&mouseX<294&&mouseY>=180&&mouseY<222&&IS[11]==0&&selects==5){

    IS[11]=1;

    fill(255);

    noStroke();

    text('割れた円盤Ｂを手に入れた', 36, 400);

  }

  if(state==29&&mouseX>=180&&mouseX<204&&mouseY>=54&&mouseY<94){

    if(IS[12]==-1){

      SS=1;

      selects=7;

    }

    else{

      GW=-1-GW;

      fill(255);

      noStroke();

      text('緑の色水だ', 36, 400);

    }

  }

  if(state==29&&mouseX>=306&&mouseX<346&&mouseY>=114&&mouseY<144){

    if(IS[12]==-1){

      SS=-1;

      RW=0;

      GW=0;

      BW=0;

      Rslider.value=0;

      Gslider.value=0;

      Bslider.value=0;

      Rslider.position(0,-1000);

      Gslider.position(0,-1000);

      Bslider.position(0,-1000);

      Rslider=createSlider(0,255,16);

      Gslider=createSlider(0,255,16);

      Bslider=createSlider(0,255,16);

      Rslider.style('width', '512px');

      Gslider.style('width', '512px');

      Bslider.style('width', '512px');

      selects=7;

      fill(255);

      noStroke();

      text('黒に戻った', 36, 400);

    }

    else{

      water=-1-water;

      fill(255);

      noStroke();

      text('澄んだ純水だ', 36, 400);

    }

  }

  if(state==30&&mouseX>=224&&mouseX<320&&mouseY>=200&&mouseY<296&&IS[9]==0&&selects==5){

    IS[8]=-1;

    IS[9]=1;

    fill(255);

    noStroke();

    text('ドライバーを手に入れた', 36, 400);

  }

  if(state==1&&mouseX>=364&&mouseX<480&&mouseY>=228&&mouseY<348){state=4;}

  else if(state== 1&&mouseX>=282&&mouseX<354&&mouseY>=192&&mouseY<252){state=5;}

  else if(state== 1&&mouseX>=390&&mouseX<480&&mouseY>=172&&mouseY<228){state=6;}

  else if(state== 1&&mouseX>= 72&&mouseX<117&&mouseY>=156&&mouseY<196){state=7;}

  else if(state== 1&&mouseX>=276&&mouseX<376&&mouseY>= 76&&mouseY<192){state=8;}

  else if(state== 8&&mouseX>=228&&mouseX<498&&mouseY>= 72&&mouseY<180){state=9;}

  else if(state== 9&&mouseX>=208&&mouseX<316&&mouseY>=128&&mouseY<184){state=10;}

  else if(state== 2&&mouseX>= 36&&mouseX<204&&mouseY>=234&&mouseY<318){state=11;}

  else if(state== 2&&mouseX>=378&&mouseX<498&&mouseY>=192&&mouseY<256){state=12;}

  else if(state== 3&&mouseX>=100&&mouseX<175&&mouseY>=192&&mouseY<224){state=13;}

  else if(state== 3&&mouseX>=216&&mouseX<376&&mouseY>=120&&mouseY<270){state=14;}

  else if(state==14&&mouseX>=154&&mouseX<190&&mouseY>=120&&mouseY<180){state=15;}

  else if(state==14&&mouseX>=320&&mouseX<352&&mouseY>=108&&mouseY<300){state=16;}

  else if(state== 9&&mouseX>= 72&&mouseX<480&&mouseY>= 12&&mouseY< 48){state=17;}

  else if(state==8&&mouseX>=48&&mouseX<228&&mouseY>=72&&mouseY<180&&goal>=10){state=18;}

  else if(state==23&&mouseX>= 72&&mouseX<180&&mouseY>=135&&mouseY<240){state=18;}

  else if(state==18&&mouseX>=128&&mouseX<256&&mouseY>= 12&&mouseY<172){state=19;}

  else if(state==19&&mouseX>= 72&&mouseX<480&&mouseY>= 12&&mouseY< 48){state=20;}

  else if(state==18&&mouseX>=336&&mouseX<516&&mouseY>=282&&mouseY<372){state=21;}

  else if(state==21&&mouseX>=264&&mouseX<288&&mouseY>=264&&mouseY<320){state=25;}

  else if(state==22&&mouseX>=150&&mouseX<180&&mouseY>=192&&mouseY<256){state=26;}

  else if(state==22&&mouseX>= 72&&mouseX<168&&mouseY>= 12&&mouseY<108){state=27;}

  else if(state==22&&mouseX>=246&&mouseX<342&&mouseY>=192&&mouseY<240){state=28;}

  else if(state==23&&mouseX>=396&&mouseX<516&&mouseY>=192&&mouseY<264){state=29;}

  else if(state==24&&mouseX>=256&&mouseX<320&&mouseY>=224&&mouseY<256){state=30;}

  else if(mouseX>=36&&mouseX<72&&mouseY>=12&&mouseY<372){

    if(state==0){state=3;}

    else if(state==1){state=0;}

    else if(state==2){state=1;}

    else if(state==3){state=2;}

    if(state==21){state=24;}

    else if(state==22){state=21;}

    else if(state==23){state=22;}

    else if(state==24){state=23;}

  }

  else if(mouseX>=480&&mouseX<516&&mouseY>=12&&mouseY<372){

    if(state==0){state=1;}

    else if(state==1){state=2;}

    else if(state==2){state=3;}

    else if(state==3){state=0;}

    if(state==21){state=22;}

    else if(state==22){state=23;}

    else if(state==23){state=24;}

    else if(state==24){state=21;}