はじめてのプログラム

HOME   >   はじめてのプログラム >   スロットゲームプログラム

【使用方法】
・ここをクリックすると、以下の全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」をクリックします。


別ウィンドウが開きますので、「全選択(Ctrl+A)」⇒「コピー」します。


Eclipse上の「sample_slot.php」ファイルに「ペースト」します。



ソースファイルの保存

     編集が終わったら上書き保存してください。

図10  ソースの上書き

これでPHPプログラムの作成は終了です。
ページの先頭へ

プログラムの動作確認

ブラウザの起動とURLの入力

     ブラウザを起動し、URLに「http://localhost/myproj_kanda/sample_slot.php」と入力します。
     すると、下のような画面が表示されます。
     ↓↓↓↓↓↓↓↓↓

図11  sample_slot.phpのブラウザ表示


スロットゲームの開始

     「スロットをまわす!」ボタンをクリックします。
     そうすると、下の画面のようにスロットの番号が変わります。
     番号が3つ揃うと「当たり!!」が表示されます。
     ↓↓↓↓↓↓↓↓↓

図12  sample_slot.phpのブラウザ表示(はずれの場合)



図13  sample_slot.phpのブラウザ表示(当たりの場合)

以上でスロットゲームの作成は終了です。 ありがとうございました。


ページの先頭へ