例

百聞は一見にしかず。以下の各サンプルはページ上でライブに動作し、自由に編集できます。コードを変更すると、シーンが即座に更新されます。コンポーネント、フック、アセットの読み込み、物理が、実際の PlayCanvas React アプリでどのように組み合わさるのかを確認できます。

モデルビューア

環境ライティング、シャドウキャッチャー、自動回転するオービットコントロールを備えた glb モデルを読み込みます。

モーション

Motion アニメーションライブラリのスプリングを使って、エンティティとライトをアニメーションさせます。

物理

ポインターを動かして、無重力空間にある剛体の集まりをかき乱します。

自分でも作ってみたいですか？StackBlitz テンプレートを使えば、数秒でプロジェクトを立ち上げられます。さらに多くのライブサンプルは、インタラクティブなプレイグラウンドで確認できます。

PlayCanvas React は初めてですか？まずはガイドでシーンの構成方法を学び、その後API リファレンスを確認してみましょう。