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

PlayCanvas 開発者サイト

ウェブで動くインタラクティブな3Dを作ろう

PlayCanvas Engine、Editor、React、Web Components、SuperSplat、SplatTransformのガイド、チュートリアル、サンプル、APIリファレンスをまとめています。

作り始めよう

ビューポートにチェスのシーンを開いたPlayCanvas Editor

PlayCanvas Editor

ビジュアルに作る

ブラウザで動く共同編集エディターで、シーンの組み立てからスクリプトの追加、公開までを行えます。インストールは不要です。

npm create playcanvas@latest

create-playcanvas

コードで作る

12個の実行可能なスターターから選んで、Engine、React、Web Components用のViteとTypeScriptのプロジェクトを作成できます。

superspl.atで公開されたミツバチのガウシアンスプラット

SuperSplat

ガウシアンスプラットを公開する

撮影したスプラットをブラウザでクリーンアップしてsuperspl.atに公開し、あらゆるデバイスで誰とでも共有できます。

プラットフォームを探索する

中核となるエンジンから、その上に構築されたツールまで、製品ごとにガイドを用意しています。

Engine

ほかのすべての製品の土台となるオープンソースのエンジンです。WebGL2またはWebGPUで描画し、npmやCDNから利用できます。

Editor

シーンの構築、アセットの管理、アプリの公開を行える、ブラウザベースの共同編集エディターです。

React

@playcanvas/reactのReactコンポーネントとフックで、シーンを宣言的に構築できます。

Web Components

<pc-*>カスタム要素を使い、プレーンなHTMLでシーンを構築できます。ビルドの手順は不要です。

SuperSplat

3Dガウシアンスプラットをクリーンアップ、公開、共有し、Studioで仕上げて、どこにでも埋め込めます。

SplatTransform

スプラットファイルの変換、フィルタリング、結合と、ストリーミング用LODの生成を行うCLIとライブラリです。

AIで開発する

コーディングエージェントにPlayCanvasの知識を。Skills、Editor MCP Server、エージェント向けのドキュメントが、Claude Code、Codex、Cursorなどのエージェントによるアプリの構築と検証を支援します。

npx skills add playcanvas/skills