スロットゲームプログラム

　　-CONTENTS-

画像ファイルのダウンロード
画像ファイルのEclipseへのインポート
PHPプログラムの作成
プログラムの動作確認

【使用方法】
・ここをクリックすると、以下の全Stepを開いたり閉じたりします。
[Click here to Open/Close for all steps]
・以下のStepタイトルをクリックすると、そのStepを開いたり閉じたりします。

画像ファイルのダウンロード

ダウンロードリンクのクリック

　　　　　こちらをクリックします。

図 1　リンクのクリック

ダウンロード

　　　　　「slot_images.zip」ファイルをダウンロードします。

図 2　イメージファイルのダウンロード

ダウンロードファイルの保存

　　　　　ダウンロードファイルをデスクトップに保存します。

図 3　ダウンロードファイルの保存

ダウンロードファイルの確認

　　　　　デスクトップ上にダウンロードファイルが保存されているのを確認します。

図 4　ダウンロードファイル

ダウンロードしたイメージファイルの解凍

　　　　　保存したZIPファイルを同じくデスクトップ上に解凍してください。

図 5　 ZIPファイルの解凍

画像ファイルのEclipseへのインポート

イメージファイルのEclipseプロジェクトへの格納（インポート）

　　　　　解凍された「slot_images」フォルダを、Eclipseの「myproj_kanda」プロジェクトにドラッグ＆ドロップして、
　　　　　画像ファイルをEclipseにインポートしてください。

図 6　画像ファイル（フォルダ）のインポート操作

インポート結果の確認

　　　　　インポートしたフォルダがパッケージエクスプローラに表示されているのを確認します。

図 7　画像ファイル（フォルダ）のインポート操作

これで画像ファイルのEclipseへのインポートは終了です。

PHPプログラムの作成

PHPファイルの選択

　　　　　パッケージ・エクスプローラのプロジェクトのmyprojプロジェクト名で右クリックし、「新規」→「PHPファイル」と選択します。

図 8　新規PHPファイル作成時の操作

PHPファイル名の入力

　　　　　ファイル名に「sample_slot.php」と入力し、「完了」をクリック。

図 9　新規PHPファイル作成時のウィンドウ

PHPソースコード作成

エディターの部分にコードを作成します。下のコードと同じになるように、エディタ内を編集してください。
※ここではコピー＆ペーストしてください（コピー＆ペースト方法は下記にあります。）

sample_slot.php

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>sampleSlot.php</title>
  </head>
  <body bgcolor="#333333" >
    <table align="center">
    <tr>
        <td><img src="./slot_images/title.png"></td>
      </tr>
    </table>
    <hr/>
    <?php
    $buttonName = "スロットをまわす！";
    for($i=0;$i<3;$i++){
      $numberArray[$i] = rand(1,9);
    }
    ?>
  <table align="center">
    <tr>
      <td><?php echo "<img src=./slot_images/" . $numberArray[0] .".png>"?></td>
      <td><?php echo "<img src=./slot_images/" . $numberArray[1] .".png>"?></td>
      <td><?php echo "<img src=./slot_images/" . $numberArray[2] .".png>"?></td>
    </tr>
    <tr>
      <td colspan="3">
        <form name="sample" action="sample_slot.php" method="post">
        <input type="submit" name="submit_btn" value=<?php echo $buttonName;?>>
        </form>
      </td>
    </tr>
    <tr>
      <td colspan="3">
        <?php
          if($numberArray[0]==$numberArray[1] && $numberArray[0]==$numberArray[2]){
            echo "<img src=./slot_images/hit.png>";
          }else{
            echo "<img src=./slot_images/nohit.png>";
          }
        ?>
      </td>
    </tr>
  </table>
  </body>
</html>

注）ソースコードをコピー＆ペーストする方法

「view plain」をクリックします。