PlayCanvasを始めるにあたって
まずは、https://playcanvas.com/user/the8thwallにアクセスし、サンプルプロジェクトをフォークしてください。
-
Starter Kit サンプルプロジェクト
- Image Tracking Starter Kit: PlayCanvasでImage Trackingアプリケーションを素早く作り始めるためのアプリケーションです。
- World Tracking Starter Kit: PlayCanvasでWorld Trackingアプリケーションを素早く作り始めるためのアプリケーションです。
- Face Effects Starter Kit: PlayCanvasでフェイス・エフェクトのアプリケーションを素早く作成するためのアプリケーションです。
- Sky Effects Starter Kit: PlayCanvasでSky Effectのアプリケーションを素早く作成するためのアプリケーションです。
- Hand Tracking Starter Kit: PlayCanvas で Hand Tracking アプリケーションを素早く作成するためのアプリケーションです。
- Ear Tracking Starter Kit: PlayCanvasでEar Trackingアプリケーションを素早く作成するためのアプリケーションです。
-
その他のサンプルプロジェクト
- World Tracking and Face Effects: 1つのプロジェクトでワールド・トラッキングとフェイス・エフェクトを切り替える方法を説明する例です。
- Color Swap: 簡単なUIと色の変化を含むARワールド・トラッキングアプリケーションを素早く作り始めるためのアプリケーションです。
- Swap Scenes: シーンが切り替わるARワールド・トラッキングアプリ ケーションを素早く作成するためのアプリケーションです。
- Swap Camera: フロントカメラのフェイス・エフェクトと、バックカメラのワールド・トラッキングを切り替える方法を説明するアプリケーションです。
App Keyを追加する
「設定」-> 「外部スクリプト」に移動します。
次の2つのスクリプトを追加します。
https://cdn.8thwall.com/web/xrextras/xrextras.js
https://apps.8thwall.com/xrweb?appKey=XXXXXX
XXXXXX
を、8th Wall Consoleから入手した独自のApp Keyに置き換えてください。
「透明なキャンバス」を有効にする
- 「設定」->「レンダリング」に進みます。
- 「透明なキャンバス」にチェックが付いていることを確認してください。