| エンジンマニュアル | リアクトマニュアル | 事例 | フォーラム |

TypeScript で Vite-powered PlayCanvas プロジェクトを足場します。 フォーマットと実行可能なスターターを選択し、そこからビルドします。

はじめる

その後、プロンプトに従ってください。 Node.js 22.23.2以降が必要です。

フォーマット

| 形式 | 説明 | | お知らせ | -------------------------------------------- | | [[T0] | 直接PlayCanvasエンジンAPI | | [react | [@playcanvas/react コンポーネント | | [web-components | [@playcanvas/web-components カスタムエレメント |

あらゆるフォーマットは、TypeScript を使用し、Vite、ESLint、Prettier、プロダクションビルドを含みます。

##スターター

基本、視聴者、ゲーム、ツール、XR のスターターキットからお選びいただけます。 作成者が閲覧できるように実行します。 [spinning-cube] はデフォルトです。

Snapchat Web レンズ

[web-lensスターターは、WebレンズとしてSnapchatに公開するポートレートゲームで、WebレンズAPIはリーダーボード、Bitmoji、ストレージ用にワイヤーで縛られた。

[npm run package スクリプトはゲームをビルドし、Web レンズのアップロード規則(サイズ制限、相対パス、ネットワークアクセスなし、カメラやマイクなし)にチェックし、マイ レンズを介してアップロードする zip を書き込みます。

CLIオプション

create-playcanvas

| Engine Manual | React Manual | Examples | Forum |

Scaffold a Vite-powered PlayCanvas project with TypeScript. Pick a format and a runnable starter, then build from there.

Getting Started

# npm
npm create playcanvas@latest
# pnpm
pnpm create playcanvas@latest
# yarn
yarn create playcanvas
# bun
bun x create-playcanvas@latest

Then follow the prompts. Requires Node.js 22.23.2 or later.

Formats

Every format uses TypeScript and includes Vite, ESLint, Prettier and a production build.

Starters

Choose from starter kits across basics, viewers, games, tools and XR. Run the creator to browse them; spinning-cube is the default.

Snapchat Web Lenses

The web-lens starter is a portrait game ready to publish to Snapchat as a Web Lens, with the Web Lens API wired up for leaderboards, Bitmoji and storage:

npm create playcanvas@latest my-lens -- --starter web-lens

Its npm run package script builds the game, checks it against the Web Lens upload rules (size limits, relative paths, no network access and no camera or microphone) and writes the zip to upload through My Lenses.

CLI Options

Pass a project name and options to skip the prompts:

npm create playcanvas@latest my-game -- -f react -y