My Game

自分のスマホに簡単なゲームを作成します。

前田稔(Maeda Minoru)の超初心者のプログラム入門

自分のスマホに簡単なゲームを作成

  1. 身長と体重から BMI(Body Mass Index) を計算するプログラムを作成します。
    1. ソースコードが長いのでパソコンでタイプしてスマホにダウンロードすることにします。
      もちろん QuickEdit を起動して bmi.html ファイルを作成してもかまいません。
      圧縮ファイルの取り込みは ゲームの説明 プログラムの詳細は My スマホページ を参照して下さい。
      肥満度の計算を Down Load(bmi.zip)
    2. 「肥満度の計算を Down Load」をクリックしてスマホに取り込んで下さい。
      bmi.zip を解凍して「内部ストレージ>ルート>sdcard>Download>bmi>」に展開します。
    3. スマホのファイルマネージャーを起動して「内部ストレージ>Download>bmi>」から bmi.html を選択します。
      起動するアプリに「ブラウザ」を選ぶと肥満度の計算のプログラムが実行されます。
      表示が小さいので拡大表示して下さい。
      【このアプリは「HTMLビューア」では実行出来ないようです】
      QuickEdit で作成したときは「ファイルマネージャー/最近開いたファイル」から bmi.html を選択して下さい。
      身長と体重をタイプ入力して BMI が表示されたら完成です。
  2. 英字の大文字Kの「お絵描きパズル」のプログラムを作成します。
    1. お絵描きパズルでは、次の3個のファイルを使います。
      ①Jyavascript のライブラリファイル dot.js です。
      ②数字の画像ファイル numm.gif です。
      ③パズルの HTML ファイル k.html です。
      ソースコードが長いのでパソコンでタイプしてスマホにダウンロードすることにします。
      もちろん QuickEdit を起動してソースファイルをタイプしてもかまいません。
      プログラムの詳細は ドットパズル を参照して下さい。
      英字Kのお絵描きパズルの Down Load(k.zip)
    2. 「英字Kのお絵描きパズルの Down Load」をクリックしてスマホに取り込んで下さい。
      k.zip を解凍して「内部ストレージ>ルート>sdcard>Download>dot>」に展開します。
      k.html を選択して、起動するアプリに「ブラウザ」を選ぶと英字Kのお絵描きパズルのプログラムが実行されます。
      【このアプリは「HTMLビューア」では実行出来ないようです】
  3. いちごの「お絵描きパズル」のプログラムを作成します。
    1. いちごのお絵描きパズルでは、3個のファイルを使っているのですが、dot.js と numm.gif は「英字K」でダウンロード済です。
      パズルの HTML ファイル ichigo.html を圧縮してダウンロードします。
      プログラムの詳細は ドットパズル を参照して下さい。
      いちごのお絵描きパズルの Down Load(ichigo.zip)
    2. 「いちごのお絵描きパズルの Down Load」をクリックしてスマホに取り込んで下さい。
      ichigo.zip を解凍して「内部ストレージ>ルート>sdcard>Download>ichigo>」に展開します。
    3. ichigo.html を選択して k.html と同じフォルダー(dot)にコピーして下さい。
      dot>ichigo.html を選択して、起動するアプリに「ブラウザ」を選ぶといちごのお絵描きパズルのプログラムが実行されます。
      【このアプリは「HTMLビューア」では実行出来ないようです】
  4. ichigo.html が実行できたら、他の DOT パズルも同じ要領で xt と yt の定義が変わるだけです。
    パズルの名前(英字K)は、そのままでも構いません。
        xt = [[0],[2,2],[2,2],[2,2],[2,2],[2,2],[4],[3],[4],[2,2],[2,2],[2,2],[2,2],[2,2],[0]];
        yt = [[0],[0],[0],[13],[13],[3],[2,2],[2,2],[2,2],[2,2],[2,2],[1,1],[0],[0],[0]];
    
      <div style="position:absolute;left:26px;top:75px;">英字K</div><br>
    
  5. 他のお絵描きパズルも試してみて下さい。
    スマホのメモリは容量が小さいので、不要になれば削除して下さい。
    もっとも *.html はサイズが小さいので、邪魔にはならないかも知れません。