はじめに

BIM系CADソフトのRevitを使用し作成した3DモデルデータをPlayCanvasで活用する方法をご紹介します。

現状、PlayCanvasはFBXとOBJデータをインポート可能な状態で、BIMデータに含まれるカスタムプロパティなどの独自データを入れることができません。
ただし、3D形状やマテリアルに関しては階層構造を維持しFBXとして保持できますので、その点について見ていこうと思います。
また、Blenderを挟んで .ifc データをFBXにエクスポートし、PlayCanvas上へインポートする方法もご紹介します。

• Revitとは
• Revitでモデリング
• FBXにエクスポート
• PlayCanvasとは
  • PlayCanvasで実行するメリット
• PlayCanvasへインポートについて
  • FBXをアップロード
  • .ifcデータをPlayCanvasへインポート
  • Blenderアドオンのインストール
  • BlenderからFBXにエクスポート
  • PlayCanvasへインポート
• まとめ

 

Revitとは

Autodesk社が開発している建築設計・建築情報モデリング(BIM)のCADソフトです。
建物の設計・施工に必要な設計情報を一元的に管理し、自動的に3Dモデルや図面を生成することができます。
建築設計、エンジニアリング、施工などに役立つ機能が用意されており、建築業界を中心に幅広い分野で使われています。

 

Revitでモデリング

シンプルな建造物をモデリングします。
扉や窓、階段、ガラス等とマテリアルの設定を行っています。

 

FBXにエクスポート

BlenderやMaya等のDCCツールと違い、FBXへ保存する際の詳細設定等はありません。

 

■PlayCanvasとは

JavaScriptsで作られたHTML5/WebGLで動作するゲームエンジンです。そのため、HTML5/WebGL向けコンテンツが簡単に作れます。

インストールの必要もなく、開発から公開までWebブラウザ一つで動くクラウドにホストされるため、URLにWebブラウザからアクセスすることで複数人で開発、公開したコンテンツを一緒に遊ぶことも可能です。

3Dゲームやアニメーションのほか自動車コンフィギュレーター、建築CADビューワー、オンライン展示会など幅広い業界にも活躍を見せています。

https://playcanvas.jp/

 

PlayCanvasで実行するメリット

PlayCanvasにインポートすることで、作成した建築モデルをWeb上で3Dビジュアライゼーションが可能になります。
これにより、建築物の外観や内部の構造をWebからいつでもで確認できるため、毎回ビルドすると言う手間もなく活用することができます。

プロジェクトを一つ作成すれば、プロジェクトを複製して他建築モデルに差し替えることもできます。
プロジェクトを再利用することで作業効率が向上し、プロジェクトのコストを抑えられます。

今回のハンズオンでは、インポートした3Dモデルの建築を一人称視点でバーチャル体験することができるものになっています。

 

PlayCanvasへインポートについて

赤枠の [NEW+] をクリックして、プロジェクトを新規作成開始します。

 

Model Viewer を選択し、 Name, Description を任意に入れ、 CREATE をクリックで新規作成します。

 

新規作成されたプロジェクトのページへ遷移したら、 EDITOR をクリックし、エディターを開きます。

 

シーン選択のポップアップが出ますので、既存にあるシーンを選択します。
ビューポート中央にPlayCanvasのロゴ3Dオブジェクトが既に置かれていますが、オブジェクトを選択し、エディタ右側のインスペクター欄の Enabled のチェックを外し、非表示にしておきましょう。

 

FBXをアップロード

ASSETSの横にある ＋ボタン をクリックするとUploadが選択できます。

RevitからFBX化したデータの 名称 と 階層構造 を維持した状態でPlayCanvasへインポートできました。
ただし、マテリアルの情報を含んでいないので、任意で設定していく必要があります。

 

.ifcデータをPlayCanvasへインポート

まずは、Revitから .ifc へエクスポートします。

 

Blenderアドオンのインストール

下記サイトより、お使いのBlenderバージョンに合わせてダウンロードしてください。
https://blenderbim.org/
または以下からダウンロードください
http://ifcopenshell.org/ifcblender

 

アドオンが正常に機能していれば、インポート欄に .ifc が選択できるようになっています。

マテリアル情報が保持され、且つifcカスタムプロパティ一覧も確認できます。

 

BlenderからFBXにエクスポート

必要なオブジェクトを選択し、下記のようにFBXエクスポート設定ください

 

PlayCanvasへインポート

Revitからエクスポートした .ifc をBlenderを介し .fbx にしたデータをPlayCanvas上へインポートします。
手順は先程のアップロード方法と同じです。
各オブジェクトにマテリアルが反映されてインポートされているのが確認できます。

 

まとめ

ゲーム開発エンジンとして開発されているPlayCanvasでは現状、カスタムプロパティを入れることができませんが、3DCAD系のソフトで構成された3Dモデルをビジュアル要素として活用することは十分可能かと思います。
今後もエンジンの開発は続いていきますので、近い将来に色々な拡張子をアップロードできるようになるかもしれません。請うご期待ください！