初めての Splat アプリ

初めての Gaussian splat アプリケーション構築へようこそ！このセクションでは、ユーザーが回転、パン、ズームできる、可愛らしいおもちゃの猫の splat を読み込むシンプルなアプリケーションを作成するためのステップバイステップのチュートリアルを提供します。

パスを選択

同じアプリを構築するための4つの異なるアプローチを提供します。あなたの背景とプロジェクトのニーズに合ったものを選んでください：

🔧 Engine API を使用する

最適： 完全な制御を望む経験豊富なJavaScript開発者

• 内容： ES6モジュールを使用したPlayCanvas Engine APIの直接利用
• ファイル： index.html + main.js
• 長所： 最大限の柔軟性、完全なエンジンアクセス、最小限のフットプリント
• 短所： より多くのコードを書く必要があり、エンジン知識が必要

🌐 Web Components を使用する

最適： HTMLと最新の標準に精通したWeb開発者

• 内容： <pc-app>、<pc-entity>、<pc-splat>タグを使用した宣言的HTML
• ファイル： 単一のHTMLファイル
• 長所： ビルドツール不要、慣れ親しんだHTML構文、迅速なプロトタイピング
• 短所： Webコンポーネントの機能に限定される

⚛️ PlayCanvas React を使用する

最適： React開発者およびReactエコシステムを使用するチーム

• 内容： PlayCanvasエンティティとコンポーネントにマッピングされるJSXコンポーネント
• ファイル： Reactコンポーネント
• 長所： React統合、状態管理、TypeScriptサポート、コンポーネント構成
• 短所： Reactの知識とビルド設定が必要

🎨 エディターを使用する

最適： デザイナー、アーティスト、および視覚的に学ぶ人

• 内容： Asset Store統合を備えたポイントアンドクリックインターフェース
• ファイル： PlayCanvasプロジェクト（クラウドベース）
• 長所： コーディング不要、ビジュアルツール、チームコラボレーション、公開機能
• 短所： PlayCanvasアカウントが必要、プログラムによる制御が少ない