ちいききょういくがく

mySketch
xxxxxxxxxx
 
let a, b, c, d, e, f, g;
let bmp = 0;
let buttonA, buttonB;
​
function setup() {
  createCanvas(600, 600);
  a = loadImage("牡蠣.jpg");
  b = loadImage("ムール貝.jpg");
  c = loadImage("マスカット.jpg");
  d = loadImage("オリーブ.jpg");
  e = loadImage("カープ.png");
  f = loadImage("レッズ.png");
​
  background(255);
​
  textSize(40);
  text("広島県\nクイズ", 50, 90);
}
​
function draw() {
  button = createButton("かんたん");
  button.position(700, 100);
  button.style("width", "100px");
  button.style("height", "70px");
  button.mousePressed(() => {
    bmp = 1;
  });
​
  button = createButton("ふつう");
  button.position(820, 100);
  button.style("width", "100px");
  button.style("height", "70px");
  button.mousePressed(() => {
    bmp = 2;
  });
​
  button = createButton("むずかしい");
  button.position(940, 100);
  button.style("width", "100px");
  button.style("height", "70px");
  button.mousePressed(() => {
    bmp = 3;
  });
​
  switch (bmp) {
    case 1:
      hideQuestion();
      image(a, 70, 220, 200, 130); //牡蠣
      image(b, 330, 220, 200, 130); //ムール貝
​
      fill(0);
      textSize(30);
      text("Q.どっちが「カキ」でしょう？", 100, 200);
​
      displayButton();
      buttonA.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("正解！Aがカキです！\n\n広島県はカキの生産量が日本１位！！\n11月～3月がカキの旬で、\n今の時期は日本全国から注文を受けているみたい！", 40, 450);
      });
​
      buttonB.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("\n残念！Bはムール貝でした！\n\n日本では宮城県でとれることが多いみたい！", 40, 450);
      });
      break;
​
    case 2:
      hideQuestion();
      image(c, 70, 220, 200, 130);  //マスカット
      image(d, 330, 220, 200, 130); //オリーブ
​
      fill(0);
      textSize(30);
      text("Q.どっちが「オリーブ」でしょう？", 60, 200);
​
      displayButton();
      buttonA.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("残念！Aはマスカットでした！\n\nおとなりの岡山県では「瀬戸ジャイアンツ」\nというマスカットが有名です！", 40, 450);
      });
​
      buttonB.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("正解！Bがオリーブです！\n\n平成31年に、江田島オリーブ株式会社が\n製造したオリーブオイルが、イタリアで\n開催された国際コンテストで高評価を得ました！", 40, 450);
      });
      break;
​
    case 3:
      hideQuestion();
      image(e, 70, 220, 200, 130);  //カープ
      image(f, 330, 220, 200, 130); //レッズ
      
      fill(0);
      textSize(30);
      text("Q.どっちが広島東洋カープでしょう？", 45, 200);
​
      displayButton();
      buttonA.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("正解！Aがカープです！\n\n広島市を流れる太田川がこいの産地であったことや、\n広島城が「鯉城（りじょう）」と呼ばれていた\nことから「カープ」がつけられました。", 40, 450);
      });
      
      buttonB.mousePressed(() => {
        hideAnswer();
​
        fill(0);
        textSize(23);
        text("残念！Bはシンシナティレッズでした！\n\n海外のプロ野球チームで、\n2022年にカープへ入団した秋山選手が\n前に所属していたチームです！", 40, 450);
      });
      break;
  }
}
​
//白い長方形(ほかのレベルの問題文を隠す)
function hideQuestion() {
  rectMode(CENTER);
  noStroke();
  fill(255);
  rect(300, 190, 600, 60);  //ほかのレベルの問題文を隠す
}
​
//白い長方形(ほかのレベルの解説文を隠す)
function hideAnswer(){
  fill(255);
  rect(300, 500, 600, 200);
}
​
//AボタンとBボタンを表示させる
function displayButton() {
  buttonA = createButton("A");
  buttonA.position(685, 400);
  buttonA.style("width", "50px");
  buttonA.style("height", "40px");
​
  buttonB = createButton("B");
  buttonB.position(945, 400);
  buttonB.style("width", "50px");
  buttonB.style("height", "40px");
}