最近、BIMモデルのインポート方法を調べていたのですが、最初は戸惑いすぎて何も分からなかったのですが、苦労してやっと解決策を見つけました。 Unity によって作成されたこれらのプラグインは、この方向性を説明しています. まだ市場があるので、これら 3 つのプラグインを比較してみましょう:
| 名前 | ユニティリフレクト | ピクシーズ | トリディファイ |
|---|---|---|---|
| インポート方法 | プラグインを使用して Revit からエクスポートし、Revit プラグインを使用して Unity にインポートする | Unity のプラグインで直接インポート | Tridifyの公式サイトにモデルをアップロード後、Unityのプラグインでインポート |
| モデルフォーマット | IFC | IFC | IFC |
| 公式ウェブサイト | https://unity.com/products/unity-reflect | https://unity.com/products/pixyz | https://www.tridify.com |
| アドバンテージ | 1)リアルタイムで表示を変更できる 2)bimの基本データが詳しい 3)Unityにインポート後、データ名が中国語に翻訳されている | モデルを直接インポート | 便利 |
| 欠点 | クラウドサーバーが必要、サーバーが不安定 | 1) モデル カラー エクスポート エラー; 2) ベイクできません | 1) Unityにインポート後、データは複数のスクリプトに分割されます; 2) Unityにインポート後、データ名は英語です |
| モデルの細かさ | メッシュが結合されました | すべてのメッシュを個別に操作可能 | メッシュが結合されました |
| モデル材料 | 編集不可 | 編集可能 | 編集可能 |
| 引用 | Unity pro+reflect: 17250 元/年 | Unity pro+pixyz: 24400 元/年; pixyz: 7266.735 元/年 | Unity pro: 13831.2 元/年; 200M 容量、50 IFC/月ファイル: 1515 元/年; 1G 容量、50 IFC/月ファイル: 6816 元/年; 10G 容量、250 IFC/月ファイル: 30294 元/年 |
モデル リンク: https://download.csdn.net/download/qq_39353597/84991982
最終的なまとめ: まだ Threejs の香り:
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - IFCLoader</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<link type="text/css" rel="stylesheet" href="main.css" />
</head>
<body>
<div id="info">
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a>
-
<a href="https://www.buildingsmart.org/standards/bsi-standards/industry-foundation-classes/" target="_blank" rel="noopener">IFCLoader</a>
</div>
<!-- Import maps polyfill -->
<!-- Remove this when import maps will be widely supported -->
<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
<script type="importmap">
{
"imports": {
"three": "../build/three.module.js"
}
}
</script>
<script type="module">
import * as THREE from 'three';
import {
OrbitControls } from './jsm/controls/OrbitControls.js';
import {
IFCLoader } from './jsm/loaders/IFCLoader.js';
let scene, camera, renderer;
init();
function init() {
//Scene
scene = new THREE.Scene();
scene.background = new THREE.Color( 0x8cc7de );
//Camera
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 1000 );
camera.position.z = - 70;
camera.position.y = 25;
camera.position.x = 90;
//Initial cube
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshPhongMaterial( {
color: 0xffffff } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );
//Lights
const directionalLight1 = new THREE.DirectionalLight( 0xffeeff, 0.8 );
directionalLight1.position.set( 1, 1, 1 );
scene.add( directionalLight1 );
const directionalLight2 = new THREE.DirectionalLight( 0xffffff, 0.8 );
directionalLight2.position.set( - 1, 0.5, - 1 );
scene.add( directionalLight2 );
const ambientLight = new THREE.AmbientLight( 0xffffee, 0.25 );
scene.add( ambientLight );
//Setup IFC Loader
const ifcLoader = new IFCLoader();
ifcLoader.ifcManager.setWasmPath( 'jsm/loaders/ifc/' );
ifcLoader.load( 'models/ifc/rac_advanced_sample_project.ifc', function ( model ) {
scene.add( model.mesh );
render();
} );
const highlightMaterial = new THREE.MeshPhongMaterial( {
color: 0xff00ff, depthTest: false, transparent: true, opacity: 0.3 } );
function selectObject( event ) {
if ( event.button != 0 ) return;
const mouse = new THREE.Vector2();
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
const raycaster = new THREE.Raycaster();
raycaster.setFromCamera( mouse, camera );
const intersected = raycaster.intersectObjects( scene.children, false );
if ( intersected.length ) {
const found = intersected[ 0 ];
const faceIndex = found.faceIndex;
const geometry = found.object.geometry;
const id = ifcLoader.ifcManager.getExpressId( geometry, faceIndex );
const modelID = found.object.modelID;
ifcLoader.ifcManager.createSubset( {
modelID, ids: [ id ], scene, removePrevious: true, material: highlightMaterial } );
const props = ifcLoader.ifcManager.getItemProperties( modelID, id, true );
console.log( props );
renderer.render( scene, camera );
}
}
window.onpointerdown = selectObject;
//Renderer
renderer = new THREE.WebGLRenderer( {
antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setPixelRatio( window.devicePixelRatio );
document.body.appendChild( renderer.domElement );
//Controls
const controls = new OrbitControls( camera, renderer.domElement );
controls.addEventListener( 'change', render );
window.addEventListener( 'resize', onWindowResize );
render();
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
render();
}
function render() {
renderer.render( scene, camera );
}
</script>
</body>
</html>