回答編集履歴

  どちらも残したいので回答を分けさせていただきます。

 

  # とにかく動けばいい場合

  ```Processing

  import ddf.minim.*;

 

  Minim minim;

  AudioPlayer player;

  PFont font;

 

  Opening opening;

  Question question;

  Correct correct;

  Incorrect incorrect;

 

  int x1 = 30;

  int y1 = 500;

  int x2 = 250;

  int y2 = 500;

  int w = 170;

  int h = 170;

 

  int mode; // 0:タイトル 1:問題 2:判定

 

  void setup() {

  size(460, 800);

  //minim = new Minim(this);

  //player = minim.loadFile("QuizKnockのメインテーマ.mp3");

  //player.play();

  font = createFont("游明朝 Demibold", 24);

  textFont(font);

 

  opening = new Opening();

  correct = new Correct();

  incorrect = new Incorrect();

  question = new Question();

  opening.display();

 

  void draw() {

 

  void mouseClicked() {

  switch (mode) {

  case 0:

  mode = 1;

  question.display();

  break;

  case 1:

  if (x1 < mouseX && mouseX < x1 + w && y1 < mouseY && mouseY < y1 + h) {

  mode = 2;

  correct.display();

  }

  if (x2 < mouseX && mouseX < x2 + w && y2 < mouseY && mouseY < y2 + h) {

  mode = 2;

  incorrect.display();

  }

  break;

  case 2:

  mode = 0;

  opening.display();

  break;

 

 

  class Opening {

  background(0, 255, 255);

  text("ルイザ・グロス・ホロウィッツ賞", width / 2, 250);

  text("日本人受賞者を覚えよう！", width / 2, 285);

  textSize(18);

  text("ルイザ・グロス・ホロウィッツ賞", width / 2, 500);

  text("日本人受賞者を全員答えられたらクリアだよ", width / 2, 530);

 

  class Question {

  background(245, 100, 170);

  text("生物学や生化学の研究者に贈られる", width / 2, 250);

  text("ルイザ・グロス・ホロウィッツ賞を", width / 2, 285);

  text("現在、日本人で唯一受賞したのは誰？", width / 2, 320);

  fill(255);

  noStroke();

  rect(x1, y1, w, h);

  textSize(30);

  text("利根川進", 115, 600);

  fill(255);

  rect(x2, y2, w, h);

  text("木村資生", 335, 600);

 

  class Correct {

  background(255, 255, 0);

  textSize(80);

  text("クリア", width / 2, 300);

  text("1不可説不可説転点", width / 2, 500);

  text("獲得", width / 2, 535);

 

  class Incorrect {

  background(255, 255, 0);

  textSize(80);

  text("残念", width / 2, 300);

  textSize(20);

  text("あなたはルイザ・グロス・ホロウィッツ賞の", width / 2, 500);

  text("日本人受賞者を1人も覚えていません", width / 2, 535);

  ```

 

  しかしこれでは「クラスを定義し，オブジェクトを生成」はしましたが、とても「オブジェクトを活用」しているとは言えません。

  クラスの`display()`を`openingDisplay()`等で関数にしたのと大差ありません。

 

 

  ###### オブジェクトを活用した場合

  ```Processing

  import ddf.minim.*;

 

  Minim minim;

  AudioPlayer player;

  PFont font;

 

  Scene current; // 今の画像？を保持する変数

 

  void setup() {

  size(460, 800);

  //minim = new Minim(this);

  //player = minim.loadFile("QuizKnockのメインテーマ.mp3");

  //player.play();

  font = createFont("游明朝 Demibold", 24);

  textFont(font);

 

  Opening opening = new Opening(); // ＊１でsetNextしたいのでOpening型変数に入れる

  //Scene opening = new Opening(); // としたいところだがScene型にはsetNextがない

  Scene correct = new Correct(opening); // CorrectはScene型に入れられる

  Scene incorrect = new Incorrect(opening);

  Scene question = new Question(correct, incorrect);

 

  opening.setNext(question); // ＊１

  current = opening; // 初めの画像？の設定

 

  void draw() {

  current.display(); // 今の画像？を表示

 

  void mouseClicked() {

  Scene next = current.getNext(mouseX, mouseY); // 今の画像？に次の画像？を要求する

  current = next; // 今の画像？変数の中身を次の画像？に入れ替える

 

 

  interface Scene { // それぞれの画像？が共通して持っているべき機能

  void display(); // きっと何か表示するのかな？

  Scene getNext(int x, int y); // 座標を引数にSceneをかえす ふーむ？

  // インターフェースからは実際の動作はわかりません クラスで「実装」して初めて意味を持ちます

  // 長くなるので各自で調べてください^^;

 

 

  class Opening implements Scene { // Openingは「Sceneのメソッドを必ず持っています」という約束（実装）

  Scene next; // 次の画像？

 

  void setNext(Scene next) { // 次の画像？設定（他と同じようにコンストラクタで渡したいが、循環してるのでどれかはこうするよりない）

  this.next = next;

  background(0, 255, 255);

  text("ルイザ・グロス・ホロウィッツ賞", width / 2, 250);

  text("日本人受賞者を覚えよう！", width / 2, 285);

  textSize(18);

  text("ルイザ・グロス・ホロウィッツ賞", width / 2, 500);

  text("日本人受賞者を全員答えられたらクリアだよ", width / 2, 530);

 

  Scene getNext(int x, int y) {

  return next; // 次の画像？（question）を無条件でかえす

 

  class Question implements Scene {

  final Scene next1; // finalをつけると変更不可になる（初期化も強制される）

  final Scene next2;

  final int x1 = 30; // この辺の変数はほかで使わないのでクラスのメンバーに

  final int y1 = 500;

  final int x2 = 250;

  final int y2 = 500;

  final int w = 170;

  final int h = 170;

 

  Question(Scene next1, Scene next2) { // 分岐があるので２つもらう

  this.next1 = next1;

  this.next2 = next2;

  background(245, 100, 170);

  text("生物学や生化学の研究者に贈られる", width / 2, 250);

  text("ルイザ・グロス・ホロウィッツ賞を", width / 2, 285);

  text("現在、日本人で唯一受賞したのは誰？", width / 2, 320);

  fill(255);

  noStroke();

  rect(x1, y1, w, h);

  textSize(30);

  text("利根川進", 115, 600);

  fill(255);

  rect(x2, y2, w, h);

  text("木村資生", 335, 600);

 

  Scene getNext(int x, int y) {

  if (x1 < x && x < x1 + w && y1 < y && y < y1 + h) {

  return next1; // もし左の四角内ならcorrectをかえす

  }

  if (x2 < x && x < x2 + w && y2 < y && y < y2 + h) {

  return next2; // もし右の四角内ならincorrectをかえす

  }

 

  return this; // どちらでもなければ自身（question）をかえす（無駄というか意味のない動作だが、そういう設計にしたので仕方がない^^;

 

  class Correct implements Scene {

  final Scene next;

 

  Correct(Scene next) {

  this.next = next;

  background(255, 255, 0);

  textSize(80);

  text("クリア", width / 2, 300);

  text("1不可説不可説転点", width / 2, 500);

  text("獲得", width / 2, 535);

 

  Scene getNext(int x, int y) {

  return next;

 

  class Incorrect implements Scene {

  final Scene next;

 

  Incorrect(Scene next) {

  this.next = next;

  background(255, 255, 0);

  textSize(80);

  text("残念", width / 2, 300);

  textSize(20);

  text("あなたはルイザ・グロス・ホロウィッツ賞の", width / 2, 500);

  text("日本人受賞者を1人も覚えていません", width / 2, 535);

 

  Scene getNext(int x, int y) {

  return next;

  ```

 

  元のテイストをできるだけ残したので不自然なところもありますが、それなりに「オブジェクトを活用」できたかなと思います。

  もちろんこれが「答え」というものではありません。人それぞれいろいろな作りが考えられます。

  その辺が面白いところでもあり、難しいところでもありますね。

 

  ---

 

  乗りかかった船なので回答しましたが、

 

  > processingのオブジェクトの考え方

 

  とタイトルにある以上、

  * 難しすぎて全くわからない

  * 理解するのに時間が欲しい

  * 実行できない

  * ここの意味がよくわからない

  * 参考になった

 

  等、回答について何かしらのアクションを期待しているのですが、これでは単なる**作業依頼**です。