WebVision Canvas
製品

ゲーム開発を支援する Phaser チュートリアルエージェント

01

WebVision Canvas は、Phaser 2D ゲームのコード作成を支援します。プロジェクトファイルを読み込み、シーンを変更し、Windows 10 または 11 でビルドコマンドを実行します。

01

コードの読み込みと編集

シーンファイルを読み込み、差分を表示します。

02

ビルドツールの実行

開発サーバーを実行し、結果を表示します。

03

公式ドキュメントの確認

Phaser の例をウェブで検索します。

機能

仕組み

エージェントはプロジェクト構造を読み込み、コード内のエラーメッセージを追跡して問題を特定します。

チュートリアル

大きなシーンを分割する

エージェントは list_dir を使用してプロジェクトをマッピングし、glob で関連するアセットを検索します。その後、read_file でメインのシーンファイルを読み込み、特定のゲームオブジェクトの場所を特定します。grep でコード内で特定のゲームオブジェクトが定義されている場所を検索します。edit_file で新しいシーンクラスを作成し、config オブジェクトを更新します。Shell コマンドでビルドツールを実行し、エラーがないか確認します。Plan only モードで変更前の計画を確認できます。この Phaser チュートリアルでは、大きなシーンを小さな部分に分割する方法を学びます。ゲームを任意のウィンドウサイズに合わせて完全にレスポンシブにすることも可能です。

カメラの振動を修正する

エージェントは web_search で公式の Phaser カメラスムージングの例を検索し、read_file でシーンコードを読み込んで update ループの場所を特定します。修正します。初心者向け Phaser チュートリアルの提案では、揺れを止めるために follow 設定を調整することが含まれます。エージェントは edit_file を使用してカメラパラメータを正確に変更します。Shell コマンドでビルドコマンドを実行し、プロジェクトが正常にビルドされるか確認します。ブラウザでカメラを観察し、振動がないか確認する必要があります。これにより、スプライトが移動する際にカメラが安定して移動します。エージェントが技術的な詳細を処理するため、ゲームデザインに集中できます。

WebVision Canvas が行わないこと

自分のプロジェクト、または所有者の書面による許可がある場合にのみ使用してください。エージェントはこの制限を強制するわけではありません。他の開発者のゲームやアートをコピーしないでください。コードが正確である保証はありません。差分を確認し、ブラウザでテストしてください。構造を清潔に保つためにゲームにいくつのシーンが必要か疑問に思うかもしれません。

Windows 用の WebVision Canvas

今日からコーディングを始めましょう

WebVision Canvas をダウンロード ↗