建築×PlayCanvas!
仮想万博作りたい人向けハンズオン
本日のアジェンダ
- 講師/サポートメンバー紹介
- PlayCanvasとは
- Qiita記事より3Dモデルの構成解説
- 実践！PlayCanvasでproject作成から公開まで
- 告知
PlayCanvasとは
PlayCanvasは、インタラクティブなウェブコンテンツ用のビジュアル開発プラットフォームです。
作成するツールとウェブアプリは、どちらもHTML5を使用しています。
プラットフォームはウェブでホストされているため、インストールするものは何もなく、対応されているウェブブラウザを実行する任意のデバイスからアクセスできます。
WebGLゲーム開発エンジン
3D要素に強く、カジュアルゲームから、リッチコンテンツまで幅広く開発が可能
クラウド型の開発エンジン
エンジンのインストールや
プラグインのダウンロードが不要
中身はオールJSの軽量なエンジン
コンパイルをはさむ必要がなく、即時性が高いのが特徴
モバイルとPCでクオリティを比較
PC Firefox 63.0.1
iPhone6
特徴的な3D機能
-
3Dモデルアニメーションの自動ブレンディング
-
コリジョン/リジットボディをワンクリックで設定物理シミュレーション可能
-
フィジカルベースドレンダリング(PBR）フィジカルシェーダーベースの高品質マテリアル。各設定項目も豊富
-
イメージベースドライティング(IBL)
- GLSLでオリジナルシェーダーも作成可能
•ブラウザ上で動作/HTML5ゲームプラットフォームも対応
–モバイル/PC/Oculus Goなどでも動作
–WebGL(v1/v2)に対応したブラウザなら大体動く
–エンジン自体の多くはES5ベースで記述
詳細はこちらから
- https://playcanvas.jp/ PlayCanvas日本公式サイト
- https://developer.playcanvas.com/ja/ ユーザーマニュアル
•SaaS型クラウドサービスとして提供
•開発環境の構築必要なし
•メールアドレス一つで登録、利用開始可能
•ブラウザ上で動くビジュアルエディタ
•カジュアルからリッチまで簡単に3Dビジュアライゼーションが可能
まとめ
- Qiita記事より3Dモデルの構成解説
ご視聴ありがとうございました！
告知
【ハンズオン】PlayCanvasを使用して、ブラウザ上で3Dモデルを動かそう！！【オンライン】
PlayCanvas.jp
建築×PlayCanvas仮想万博ハンズオン
By Shuji Muna
