迷路を右手法で攻略する(2)　キャラクターを表示させる

今回はキャラクターを登場させてみましょう。20 × 20 ピクセルのキャラクターを用意しました。

小さっ。ま、とりあえずこれを迷路に登場させてみましょう。
まず、画像を使用するために必要な PImage クラスを作成します。今後、色々なキャラを登場させたいと思っていますので、配列にしておきます。配列にするためには “[]” を書く必要がありましたね。名前は E としておきます。以下を setup() 関数の前に記述します。

PImage[] E;

コードが書かれたフォルダの中に data という名前のフォルダを用意し、その中に画像を入れておきます（名前は “chara1.jpg” としておきます）。そして、setup() 関数の中で、E の 0 番目に（配列の最初は 「1 番目」ではなく「 0 番目」でしたね。）画像をロードしておきます。

E = new PImage[10];
E[0] = loadImage("chara1.jpg");

main関数の中で以下のように記述すると、(20,20) の座標に画像を表示します。

image(E[0], 20, 20);

左上にひょっこりとキャラクターが表示されているのがお分かりでしょうか。
このままでは動きませんので、これから動くようにしていきましょう。

とりあえず今日のコードをまとめておきます。

int map[][] = {{1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1},
               {1,0,0,1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,2,1},
               {1,0,0,1,0,1,1,0,1,0,1,0,0,1,1,1,0,1,0,1},
               {1,0,1,0,0,0,1,0,1,0,1,1,0,1,0,0,0,0,0,1},
               {1,0,0,0,1,0,1,0,1,0,0,1,0,1,0,1,0,1,0,1},
               {1,0,1,0,1,0,1,0,0,0,1,1,1,1,0,1,1,1,0,1},
               {1,0,1,0,1,0,0,0,1,0,0,1,0,0,0,1,0,1,0,1},
               {1,1,1,0,1,1,0,1,0,0,0,1,0,1,0,1,0,0,0,1},
               {1,0,0,0,0,1,0,1,0,1,0,1,0,1,0,1,1,1,0,1},
               {1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,0,0,0,0,1},
               {1,0,0,1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,2,1},
               {1,0,0,1,0,1,1,0,1,0,1,1,0,1,1,1,0,1,0,1},
               {1,0,1,0,0,0,1,0,1,0,0,1,0,1,0,0,0,0,0,1},
               {1,0,0,0,1,0,1,0,1,0,0,1,0,1,0,1,0,1,0,1},
               {1,0,1,0,1,0,1,0,0,0,1,1,1,1,0,1,1,1,0,1},
               {1,0,1,0,1,0,0,0,1,0,0,1,0,0,0,0,0,1,0,1},
               {1,1,1,0,1,1,0,1,0,0,0,1,0,1,0,0,0,1,0,1},
               {1,0,0,0,0,1,0,1,0,1,0,1,0,1,0,1,1,1,0,1},
               {1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,0,0,0,0,1},
               {1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1}};
PImage[] E;

void setup(){
  size(400,400);
  background(255);
  E = new PImage[10];
  E[0] = loadImage("chara1.jpg");
}

void draw(){
  for(int i = 0; i < 20; i ++){
    for(int j = 0; j < 20; j ++){
      if (map[j][i] == 1){
        fill(0);
        rect(i*20, j*20, 20, 20);
      }
    }
  }
 image(E[0], 20, 20); 
}