演習課題「2次元配列で画像を表示する」
右のコードエリアには、画像用配列playerImagesとキャラクター配置用の配列characterMapが定義されており、HTMLとしてcharacterMapの値を出力します。
このコードを修正して、characterMapの値をインデックスとして、playerImagesで画像を出力してください。
プログラムを実行して、正しく出力されれば演習課題クリアです！
期待する出力値
 | | | | |
 |  | | | |
|  | | | |
＃11:2次元配列で画像を配置
ここでは、2次元配列に合わせて、RPGのキャラクターを配置して表示してみましょう。将棋のコマの初期状態のような感じで、画像を表示してみましょう。
String[] playerImages = {
"https://paiza-webapp.s3.amazonaws.com/files/learning/rpg/Empty.png",
"https://paiza-webapp.s3.amazonaws.com/files/learning/rpg/Dragon.png",
"https://paiza-webapp.s3.amazonaws.com/files/learning/rpg/Crystal.png",
"https://paiza-webapp.s3.amazonaws.com/files/learning/rpg/Hero.png",
"https://paiza-webapp.s3.amazonaws.com/files/learning/rpg/Heroine.png"};
int[][] characterMap = {{1,1,1,1},
{0,0,0,0},
{2,3,4,2}};
System.out.println("<table>");
for (int[] line: characterMap) {
System.out.println("<tr>");
for (int imageId: line) {
System.out.print("<td><img src='" + playerImages[imageId] + "'></td>");
}
System.out.println("</tr>");
}
System.out.println("</table>");