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

WebGAL を始めるには?

Mahiru1分以内

WebGAL を始めるには?

注意

WebGALゲームを作る方法に関係なく、開発ガイドのすべてを一度読んでおくべきです。そう長くはかかりませんし、操作ミスによる問題を避けるのに役立ちます。

ご存知ですか?疑問に思うことのほとんどはドキュメントで答えが見つかります。バグに遭遇したと確信する場合は、issuesopen in new windowで問題を報告するか、[email protected]にメールを送信してください。また、WebGALディスカッションコミュニティに参加する方法については、Webサイトの右上にある「その他」セクションを参照してください。

警告

WebGALとエディターを開くには、最新のブラウザ(Chrome / Firefox / Edge)を使用してください。他のブラウザで発生する可能性のある問題は解決されません。

方法1:WebGAL Terreビジュアルエディターを使用する(推奨)

WebGAL Terreビジュアルエディターは、WebGALを作成、制作、公開するための最良の方法です。

WebGAL Terreビジュアルエディターをダウンロードしたら、圧縮ファイルを解凍してWebGAL_Terre実行ファイルを開始してください。WebGAL Terreはデフォルトのブラウザを自動的に開きます。開かない場合は、http://localhost:3001/open in new windowを入力してエディターを開きます。

WebGAL Terreビジュアルエディターをダウンロードする:

WebGALホームページ(推奨)open in new window

GitHubリリースopen in new window

ヒント

WebGAL TerreビジュアルエディターはデフォルトでWindows 7をサポートしません
Windows 7ユーザーは**Windows 7でビジュアルエディターを使用して制作を開始する方法**を参照してください。

方法2:ソースコードからデバッグを開始する(より高いカスタマイズの程度を望む制作者向け)

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

yarnをインストールして依存関係をインストールします

npm install yarn -g
yarn

WebGALはviteをバンドルとデバッグのツールとして使用しています。以下のスクリプトを実行して開発サーバーを起動することができます。

yarn dev

開発にはVS Codeの使用と、構文のハイライトを実現するためのプラグインの使用をお勧めします:

構文ハイライトプラグインのストアアドレスopen in new window

構文ハイライトプラグインのソースコードリポジトリopen in new window

バンドルする場合は、以下を使用してください。

yarn build

バンドルされた製品はpackages/webgal/distディレクトリにあります。

ヒント

カスタマイズが完了したら、WebGALエディターを使用してリアルタイムでプレビューしたりリソースを管理したりできるように、バンドルされた製品をコピーして貼り付け、エディターディレクトリ内のpackages/terre2/assets/templates/WebGAL_Templateを置き換えることができます。これにより、WebGALエディターに組み込まれているエンジンを独自のカスタマイズしたものに変更することができます。WebGALリポジトリとWebGAL_Terreリポジトリが同じディレクトリにある場合、release-to-terreショートカットスクリプトを使用して実行することができます。