はじめに
PlayCanvasとは?
PlayCanvasは、インタラクティブなウェブコンテンツ用のビジュアル開発プラットフォームです。作成するツールとウェブアプリは、どちらもHTML5を使用しています。 プラットフォームはウェブでホストされているため、インストールするものは何もなく、対応されているウェブブラウザを実行する任意のデバイスからアクセスできます。
PlayCanvasのワークフロー
PlayCanvasで3D ウェブアプリを構築するのは簡単です。PlayCanvasを最大限に活用するには、コード(ウェブの言語であるJavaScript)を書く必要があります。PlayCanvasのツールセットはプロジェクトを視覚的に編集し、簡単に公開できるように設計されています。
アセットの作成とアップロード
PlayCanvasは業界標準のさまざまなアセット形式に対応しています。たとえば、画像、3Dモデル、オーディオファイル、カスタムテキスト、バイナリファイル形式をアップロードできます。
シーンを構築
PlayCanvas Editorは、シーンを構築するために使用される視覚的な構築ツールです。3Dモデル、衝突、パーティクルエフェクトなどの組み込みコンポーネントを使用してエンティティの階層を構築します。
インタラクティブ機能を追加
ウェブ標準のJavascriptを使用して、カスタムの挙動をエンティティに添付できます。簡単なクリックハンドラや軌道カメラから大規模なマルチプレイヤーオンラインゲームまで、あらゆる規模のインタラクティブ機能を追加できます。
アプリケーションを公開
アプリケーションを共有する準備ができたら、ワンクリックで簡単に公開して、PlayCanvasでホストされているインターネット上で無料でライブ配信できます。または、自身のウェブサーバで自己ホスティング用のアプリケーションをダウンロードします。
主な機能
エディタ
PlayCanvas Editorは、シーン、アプリケーション、ゲームを速やかに構築するための視覚的な編集ツールです。Editorを使用して、プロジェクトのアセットを管理し、インタラクティブ機能を追加し、チームと通信を行い作業します。Editorはリアルタイムでコラボレーションします。つまり、チームの変更をすぐに確認することができ、すべてのデバイスでアプリケーションをすぐに構築およびテストすることができます。
詳細はeditorセクションでご確認ください。
アセット
PlayCanvasを使用して、インタラクティブなウェブアプリケーションに必要なすべてのアセットを作成および管理することができます。PlayCanvasはすべての主要な3Dファイル形式、画像、オーディオ、その他のアセットに対応しています。
詳細はアセットセクションでご確認ください。
パブリッシング
PlayCanvasはWebGLアプリケーションのホスティングをワンクリックで速やかに提供します。また、プロジェクトの即時ダウンロードに対応しているので、そのままウェブサーバ上でホスティングできます。
詳細は パブリッシングセクションでご確認ください。
対応ブラウザ
PlayCanvasは常にプラグイン不要で、ブラウザでネイティブに実行するよう設計されています。クライアント側のコードベースは100% JavaScriptでHTML5と関連API (WebGLなど)上に構築されています。この重要性を説明します。
- モバイル/タブレット端末はプラグインのインストールを許可していません。HTML5の対応を改良し続けています。
- PlayCanvasウェブappはプラグインインストールやプラグイン読み込み無しでシームレスに読み込まれます。
- PlayCanvasウェブappはスタンダードなDOM エレメント(キャンバス)で実行されます。ぺー上での合成またはCSSでの変換が可能です。
- いずれ変更される可能性のある外部パーティーのプラグイン技術に依存していません。ブラウザにのみ依存しています。
現時点でのブラウザ要件は次のとおりです:
ブラウザ | バージョン | Win | macOS | Linux | Chrome OS | Android | iOS |
---|---|---|---|---|---|---|---|
Chrome | 9.0+ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
Safari | 8.0+ | ✓ | ✓ | ||||
Firefox | 4.0+ | ✓ | ✓ | ✓ | ✓ | ✓ | |
Edge | 12.0+ | ✓ | |||||
Internet Explorer | 11.0+ | ✓ | |||||
Opera | 12.0+ | ✓ | ✓ | ✓ | ✓ |
ブラウザがWebGL(PlayCanvasを実行するのに必要)に対応しているか確認するにはこのページを参照してください。回転するキューブが表示されれば、準備完了です!