演習課題「2次元配列で画像を表示する」
右のコードエリアには、画像用配列playerImagesとキャラクター配置用の配列characterMapが定義されており、HTMLとしてcharacterMapの値を出力します。
このコードを修正して、characterMapの値をインデックスとして、players_imageで画像を出力してください。
プログラムを実行して、正しく出力されれば演習課題クリアです!
期待する出力値
#11:2次元配列で画像を配置しよう
2次元配列に合わせて、RPGのキャラクターを配置して表示してみましょう。将棋のコマの初期状態のような感じで、画像を表示してみましょう。
// 2次元配列で画像を配置
using System;
public class Lesson05
{
public static void Main()
{
//画像URL用の配列
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[][] characters = {
new int[] {1,1,1,1},
new int[] {0,0,0,0},
new int[] {2,3,4,2}
};
foreach (int[] line in characters)
{
foreach (int imageId in line)
{
Console.Write(imageId);
}
Console.WriteLine();
}
Console.WriteLine("<table>");
foreach (int[] line in characters)
{
Console.WriteLine("<tr>");
foreach (int imageId in line)
{
Console.Write("<td>" + imageId + "</td>");
}
Console.WriteLine("</tr>");
}
Console.WriteLine("</table>");
Console.WriteLine("<table>");
foreach (int[] line in characters)
{
Console.WriteLine("<tr>");
foreach (int imageId in line)
{
Console.Write("<td><img src='" + playerImages[imageId] + "'></td>");
}
Console.WriteLine("</tr>");
}
Console.WriteLine("</table>");