メインコンテンツへスキップ

WebGAL でゲーム開発を行う方法

Mahiru1分以内

WebGAL でゲーム開発を行う方法

注意

WebGAL ゲームを作成するために使用する方法にかかわらず、このページ全体をじっくりと読むことをお勧めします。それほど時間はかかりませんが、不適切な操作から生じる可能性のある問題を回避するのに役立ちます。

WebGAL のドキュメンテーションには、ほとんどの疑問に対する回答が見つかることをご存知でしょうか?もしバグに遭遇したと確信している場合は、issuesopen in new window でバグを報告するか、[email protected] に連絡してください。また、WebGAL コミュニティに参加する方法は、サイトの右上隅にあるその他セクションで見つけることができます。

警告

エディターを開くには、最新のブラウザ (Chrome / Firefox / Edge) を使用してください。その他のブラウザはサポート対象外です。

その1:WebGALエディターを使用 (推奨)

WebGAL エディターは、WebGAL でゲームを作成し、開発し、公開するための最良の方法です。

WebGAL エディターをダウンロードした後、zipを解凍し、WebGAL_Terre.exe を起動します。WebGAL_Terre はブラウザを自動的に開きます。開かない場合は、ブラウザから http://localhost:3001/open in new windowにアクセスしてください。

ヒント

このページの内容は Windows 7 にサポートしていません。Windows 7 をご利用の方は、Windows 7 でビジュアルエディターを使用してゲーム開発を行う方法 を参照してください。

WebGAL エディターは現在 Windows 10+ システムでのみテストされています。Mac OS および Linux のサポートは、今後順次追加していく予定です。

WebGAL エディターのダウンロードリンク:

GitHubopen in new window

その2:スクリプトを作成してローカルで開発し、リアルタイムでデバッグ

まず、静的なウェブページとデバッグ環境が組み込まれた WebGAL 配布をダウンロードしてください。

WebGAL エンジンとデバッグ環境(ビジュアルエディターは含まれていません)をダウンロードします。

GitHubopen in new window

ダウンロードして解凍した後、対応するバージョンの WebGAL-server を直接実行して、ビジュアルノベルゲームをデバッグできます。もしアンチウイルスソフトウェアやファイアウォールによる遮断が発生した場合は、実行を許可してください。

開発には VS Code を使用することをお勧めし、シンタックスハイライトを有効にするためにプラグインを利用してください:

シンタックスハイライトプラグインのストアリンクopen in new window

シンタックスハイライトプラグインのソースコードリポジトリopen in new window

その3:ソースコードからデバッグ(高いカスタマイズ性を望むフロントエンド開発者向け)

git clone https://github.com/MakinoharaShoko/WebGAL.git

yarn をインストールします。次に、yarn を使用して依存関係をインストールします

npm install yarn -g
yarn

WebGAL パッケージに移動します

cd packages/webgal

WebGAL は、vite をパッケージ化およびデバッグツールとして使用します。webgal パッケージを入力した後、次のコマンドを実行してローカルサーバーを起動します

yarn dev

パッケージは、

yarn build