演習課題「2次元配列で画像を表示する」
右のコードエリアには、画像用配列players_imgが定義されています。
この配列を使用して、下記の期待する出力値を出力するコードを作成してください。
なお、入力には5つの数値がカンマ区切りで3行入力されるものとします。
プログラムを実行して、正しく出力されれば演習課題クリアです!
期待する出力値
#12:2次元配列で画像を配置
ここでは、2次元配列に合わせて、RPGのキャラクターを配置して表示してみましょう。将棋のコマの初期状態のような感じで、画像を表示してみましょう。
<?php
//画像URL用配列
$playerImages =
array(
"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",);
?>
//画像配置用の配列
$playerPositions =
array(
array(1, 1, 1, 1),
array(0, 0, 0, 0),
array(1, 2, 3, 4),
);
foreach ($playerPositions as $line) {
foreach ($line as $player) {
echo $playerImages[$player];
}
}
echo "<table>\n";
foreach ($playerPositions as $line) {
echo "<tr>\n";
foreach ($line as $player) {
echo "<td>" . $playerImages[$player] . "</td>\n";
}
echo "</tr>\n";
}
echo "</table>\n";
echo "<table>\n";
foreach ($playerPositions as $line) {
echo "<tr>\n";
foreach ($line as $player) {
echo "<td><img src='" . $playerImages[$player] . "'></td>\n";
}
echo "</tr>\n";
}
echo "</table>\n";