懐かしいゲームが簡単に作れる！WWA Wing作成ツール講座 #2 ツールの機能解説

今回は、WWA Wing作成ツールの機能について解説していきます。

少し難しい部分もあるので、無理のない範囲で進めてください。

ゲームデータの作成

WWA Wing作成ツールを起動すると、最初に説明用のゲームデータが開きます。

このゲームデータで制作をすると、説明が消えてしまいます。

そこで説明用のゲームデータとは別に、制作用のゲームデータを作成します。

ゲームデータ(DATファイル)

まず、赤枠内の「ファイル」にある「名前を付けて保存」を選択します。

すると保存画面が出るので、他のゲームデータ(DATファイル)と被らない名前にして「.dat」を付けて保存すると、ゲームデータが作成されます。

これで次回から「ファイル」にある「読み込み」から開けるようになります。

起動データ(HTMLファイル)

次にゲームデータを起動するために必要なHTMLファイルを作成します。

一番簡単な作成方法は、他のゲームデータに使用されているHTMLファイルをコピーする方法です。ファイル名と中身を少し書き換えるだけで作成できます。

中身の書き換え方は、「メモ帳」か「ワードパッド」で開いて、赤枠内を起動したいゲームデータ名に書き換えます。(画像はワードパッドを使用しています。)
HTMLファイルの中身については、「manual」も参考にしてください。

なお、今回ブログ用に用意したHTMLファイルの中身は以下の通りです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>World Wide Adventure Wing</title>
    <link rel="stylesheet" href="style.css" type="text/css" />

    <!--  WWA requirements-->
    <link rel="stylesheet" href="wwa.css" type="text/css" />
    <script src="audio/audio.min.js"></script>
    <script src="wwa.js"></script>
    <!-- /WWA requirements -->

</head>
<body>
    <div id="wrapper">
        <!-- WWA -->
        <div id="wwa-wrapper" class="wwa-size-box"
             data-wwa-mapdata="caves01.dat"
             data-wwa-loader="wwaload.js"
             data-wwa-urlgate-enable="true"
             data-wwa-title-img="cover.gif">
        </div>
        <!-- /WWA -->
    </div>
    <footer id="copyright">
        <p> Internet RPG &quot;<a href="http://www.wwajp.com" class="wwa-copyright">World Wide Adventure</a>&quot; &copy;1996-2015 NAO</p>
        <p> &quot;<a href="http://wwawing.com/" class="wwa-copyright">WWA Wing</a>&quot; &copy;2013-2015 WWA Wing Team</p>
    </footer>
</body>
</html>