Use your Three.js scene

​

Before you start

​

The sequence

import * as THREE from 'three';
import { BuildingSession, Floorkit, type BuildingModel } from '@opengeometry/floorkit';

export async function showBuilding(
  scene: THREE.Scene,
  wasmURL: string,
  model: BuildingModel,
): Promise<BuildingSession> {
  await new Floorkit().setupOpenGeometry(wasmURL);
  const session = new BuildingSession(model);
  scene.add(session.root);
  return session;
}

​

Find an element in the scene

export function elementObject(session: BuildingSession, id: string): THREE.Object3D | undefined {
  return session.currentBuild.elementsById.get(id);
}

​

Text labels

import { setGlyphScene } from '@opengeometry/floorkit';

export async function prepareText(scene: THREE.Scene, camera: THREE.PerspectiveCamera) {
  await setGlyphScene(scene, camera);
}

​

Clean up

1. Stop your render loop and remove your listeners.
2. Dispose the editors, if you use them.
3. Remove session.root from the scene and call session.dispose().
4. Dispose your controls and your renderer.

​

Rules

• Do not move, turn or delete the objects below session.root. Use an edit command.
• The storey groups belong to the session. An object that you add to a storey group is not kept when the session builds that storey again.
• Do not put your own object in place of an entry of session.currentBuild.elementsById. The session removes and disposes that object when it replaces the element.
• Use one copy of Three.js for your app and for Floorkit.
• If you do not have a scene, OpenThree gives you a ready viewer.

​

Next