初心者の方でも楽しくゲームの作り方やプログラミングを学べる情報を発信中!

WWA Wing

「WWA Wing」がさらに使いやすく!「WWA Wing V3.5.4」までの更新内容について #3

今回は、「ゲーム作成ツール」に追加・変更された機能を解説していきたいと思います。



主に「テストプレイの方法」「マニュアルの内容」「ファイルの仕様」などが変更されています。

テストプレイ

作成したゲームの[テストプレイ]を行う際、
旧バージョンでは「WWA Debugger」を使用してゲームファイルを開いていました。

しかし、その後の更新によってWWA Debuggerが廃止されて、
代わりに「wwa-server」を使用してテストプレイすることになりました。



「wwa-server」を開くと、このような画面が表示されます。

画面には、wwa-serverの説明や使用方法が表示されています。



「wwa-server」を開いた後、Google Chromeなどのブラウザの[URL欄]に「http://localhost:3000/[***].html」と入力します。

[***]には、起動したいWWAの「.html」ファイル名を入力します。



読み込みの後、下の画像のようなゲーム画面が表示されたら、WWAの起動は成功です。



ファイルの仕様

「V3.5.4」までに様々な更新を行ったことで、
ファイルの仕様やマニュアル(説明書)の内容も変更されています。



旧バージョンでも、CSSファイルを[style.css]から「wwa.css」に変更していましたが、
最新バージョンでは[wwaload.js]と[data-wwa-loader属性]が廃止されて「wwa.js」に統合されました。

旧バージョンから「V3.4.1」以降へアップデートした場合は、
残った[wwaload.js][data-wwa-loader属性]を削除、または放置しても問題ありません。



また、BGM・効果音などの再生に「WebAudio」を使用するようになったので、
WWAを自分のページに配置する時に「AudioJS」を設置する必要がなくなりました。

このことにより、スマートフォンからWWAをプレイしても音が再生されるようになった他、
ページ内に音声ファイルが存在しない場合でもWWAを開始できます。

ページ内に音声ファイルが存在しない場合は、
[開発者ツール]を開くことで足りていないサウンド番号を調べることもできます。



次回

今回は、「ゲーム制作ツール」に追加・変更された機能を解説しました。

テストプレイ用ファイルが[WWA Debugger]から「wwa-server」に変更されたことによって、
修正後の再プレイ・起動するWWAの変更などが簡単にできるようになり、
これまでよりもバグや不具合の修正がしやすくなります。



次回は、追加された「マクロ文」の解説をしていきます。

スポンサーリンク
シェアする

関連記事

「WWA Wing」でゲーム制作にチャレンジ [崩れる床]編 #6

今回は、「ゲームクリア画面」と「おまけステージ」を作成していきたいと思います。 「ゲームクリア画面」を作成した後、通常ステージでは物足りない人のために「おまけステージ」に挑戦できるようにします。 「ゲ …

WWA Wing作成ツールでゲーム制作にチャレンジ #5

今回は、イベントの作成をしていきたいと思います。   使用するパーツやマクロ文が多いので、パーツ番号や座標の間違いなどに注意しましょう。 あらすじ このイベントは、ゲーム開始直後に簡単なあら …

懐かしいゲームが簡単に作れる!WWA Wing作成ツール講座 #4 物体パーツの作成2

今回は、前回の記事では解説しきれなかった7種類の物体パーツについて解説をしていきます。   解説する種類は「物を売る」「物を買う」「URLゲート」「スコア表示」「ランダム選択」「二者択一」「 …

遂に「ユーザ変数」が追加! [WWA Wing V3.6.0]について #4

今回は、「変数」に関する[マクロ文]パート2を解説していきたいと思います。 パート2では、「条件分岐」「ステータス操作」「変数ジャンプ」のマクロ文を紹介していきます。 「条件分岐」 「$if」は、2つ …

WWA Wing作成ツールでゲーム制作にチャレンジ #2

今回は、前回の内容を元にしてゲーム制作を始めたいと思います。   ゲーム制作の最初は、新規作成をする所からになります。 新規作成 新規作成は、画面左上にある「ファイル」の「新規作成」から行い …