メインコンテンツまでスキップ

Editorユーザーのためのスクリプト作成

このセクションでは、スクリプト作成の体験を向上させる、Editor固有の機能とベストプラクティスに焦点を当てています。初めてコードを書く方でも、ベテランの開発者でも、これらのツールを理解することで生産性が大幅に向上するでしょう。

Editorユーザーにとってこのセクションが重要な理由​

Editorユーザーとして、あなたは密接に統合された開発環境の恩恵を受けることができます。これは以下のことを意味します。

  • 直接的なアセット管理: スクリプトはアセットであり、モデル、テクスチャ、マテリアルとともに管理されます。
  • ビジュアルな設定: スクリプトアトリビュートを使用すると、コードを書かずにInspector内で直接スクリプトの動作を簡単にカスタマイズできます。
  • 迅速なイテレーション: ホットリロードのような機能により、変更をリアルタイムで確認できます。
  • シームレスな統合: Editorはコードとシーン間のギャップを埋め、スクリプトをエンティティやコンポーネントに簡単に接続できるようにします。

ここで学べること​

この一連のページでは、PlayCanvas Editor内でのスクリプト作成に特有のツールとテクニックを詳しく掘り下げていきます。

  • Editorでのスクリプトの管理:
    • アセットパネルでのスクリプトアセットの作成、整理、削除。
    • スクリプトアセット（.js/.mjsファイル）とスクリプトコンポーネント（エンティティ上のインスタンス）の間の接続を理解する。
    • スクリプトの名前変更と移動、およびEditorが参照を処理する方法。
  • 組み込みのコードエディタ:
    • Editorに統合されたコード編集インターフェースの操作と使用。
    • 主な機能：シンタックスハイライト、オートコンプリート（基本）、エラーチェック、検索。
    • PlayCanvas内で直接効率的にコーディングするためのヒント。
  • PlayCanvasでVS Codeを使用する:
    • 公式PlayCanvas VS Code Extensionのセットアップと使用。
    • 利点：高度なオートコンプリート、デバッグ、よりリッチなIntelliSense、プロジェクト全体の検索。
    • VS CodeとPlayCanvas Editor間の変更の同期。
  • Editorでのスクリプトアトリビュート:
    • Inspectorパネルでのスクリプトアトリビュートの表示と管理方法。
    • 様々なアセットタイプ（エンティティ、アセット、マテリアルなど）をアトリビュートに割り当てる。
    • 複雑な設定のために配列とネストされたアトリビュートを活用する。
  • スクリプトのホットリロード:
    • ホットリロードの仕組みと、迅速なイテレーションにおけるその利点を理解する。
    • 何がリロードされ、何がされないか（initializeとswap）。
    • ホットリロードと相性の良いスクリプトを作成するためのヒント。

Editorの力を解き放つ​

スクリプト作成におけるこれらのEditor固有の側面を習得することで、より効率的に作業し、より複雑で堅牢なインタラクティブな体験を構築できるようになるでしょう。上記の各リンク先ページでは、詳細な情報と実践的なガイダンスが提供されます。