playcanvas/engine

これは何？

主な機能

• 01WebGL2とWebGPUで2D・3Dグラフィックスを描画します。
• 023D Gaussian Splattingに対応し、スプラットシーンを読み込んで表示できます。
• 03AR・VR体験向けのWebXRをサポートします。
• 043D剛体物理演算のためにammo.jsを統合しています。
• 05DracoおよびBasis圧縮を使ったglTF 2.0アセットの読み込みに対応しています。

ユースケース

• インストール不要で動作するブラウザベースの3Dゲームを開発する。
• Web向けのインタラクティブな製品ビジュアライゼーションやコンフィギュレーターを作成する。
• WebページにGaussian Splatのキャプチャを表示する。
• WebXRを使ったAR・VR体験を開発する。

クイックスタート

1. 1

   npmでエンジンパッケージをインストールする

   npm install playcanvas
2. 2

   または、create-playcanvasでプロジェクト全体をスキャフォールディングする

   npm create playcanvas@latest

使う前に知っておきたいこと

• !WebGL2またはWebGPUに対応したブラウザーが必要です。
• !エンジンをソースからビルドするには、Node.js 18以降が必要です。

収録されている特集

トピック

よくある質問

engine とは？

WebGL2とWebGPUを使い、どのブラウザーでも動作するインタラクティブな3Dアプリ、ゲーム、ビジュアライゼーションを構築できるオープンソースのJavaScriptゲームエンジン。 PlayCanvas Engineは、npmパッケージ`playcanvas`として配布されているPlayCanvasゲームエンジンのコアランタイムです。WebGL2とWebGPUで2D・3Dグラフィックスを描画するため、プラグインなしでデスクトップやモバイルの最新ブラウザー上で動作します。

engine は無料で使えますか？ライセンスは？

engine は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

engine は今もメンテナンスされていますか？

活発にメンテナンス中。engine の最終コミットは 2026年11月5日 です。

engine は何に使えますか？

インストール不要で動作するブラウザベースの3Dゲームを開発する。 Web向けのインタラクティブな製品ビジュアライゼーションやコンフィギュレーターを作成する。 WebページにGaussian Splatのキャプチャを表示する。 WebXRを使ったAR・VR体験を開発する。

engine のインストール方法は？

npmでエンジンパッケージをインストールする: npm install playcanvas または、create-playcanvasでプロジェクト全体をスキャフォールディングする: npm create playcanvas@latest

engine はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/playcanvas/engine