ゲームクリエイター特訓 第3回で渡した写経課題(任意)の手順です。

  • 準備
    • Firefox(ブラウザ) のインストール
      • Firefox(ブラウザ)をインストールしていない場合はインストールをします。
        ブラウザはIEでは上手く動作しません。
      • Googleで Firefox を検索してインストールしてください。
    • TeraPad ( テキストエディタ ) のインストール
      • 大学で購入したPCの場合は最初からインストールされていると思いますが、なければ TeraPadの公式ページからダウンロードしてインストールします。
      • おすすめの設定は、シンタックスハイライト(ソースコードを見やすくする設定)
        (表示)→(編集モード)→(Javascript)を選択
    • Firebug ( Firefoxのデバッグ用拡張 )のインストール
      • Firefox 上から Firebug をGoogle検索すると、AddOnのインストールページが出ますので、「Firefoxに追加」ボタンを押してFirebugをインストールして下さい。
  • 写経
    • TeraPadを起動します。
    • 新規でファイルを作成します。
    • プリントされているソースコードを打ち込んでいきます。
    • ファイル名は”codeyasu.html”(何でもいいが、拡張子はhtml, 英数半角にする), 文字コードはUTF-8にして保存します。
  • 動作確認/デバッグ
    • Firefox を起動します。
    • 写経した html ファイル (上記例では codeyasu.html )をFirefoxにドラッグアンドドロップします。
    • 恐らく動かないと思いますが Firebug を使ってなんとか動くようにしましょう。
      • Firebugの使い方については後日補足します。
    • 正しく動けばこのページのようにシューティングゲームが動きます。
  • トラブルシューティング ( new )
    • ブラウザにドラッグ&ドロップしても画面が白いまま
      • ファイルの漢字コードはUTF-8になっている必要があります。
      • HTML部分のコードが間違っている可能性があります。
    • 画面に黒い四角が出るだけ
      • 画像ファイルが読み込めていない可能性
        • こちらからダウンロードした画像ファイルを.htmlファイルと同一フォルダに展開
          (pngファイルとhtmlファイルが同じディレクトリにあるように)
        • ソースコード31行目を // でコメントアウト
          ソースコード30行目の // を消す
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です