What steps do I need to take to convert a view from a three.js camera and scene to a bcf cameraview?

Question

What steps do I need to take to convert a view from a three.js camera and scene to a bcf cameraview?

I am attempting to convert a ifc.js viewer file into a bcf format. The ifc.js viewer utilizes a three.js webglrenderer along with a camera and scene setup. Shown below is an example:

https://i.sstatic.net/oTphJ.png https://i.sstatic.net/8Dtag.png

I would like to know how I can modify this view to a bcf view that includes CameraUpVector, CameraDirection, and CameraViewPoint information. https://i.sstatic.net/6ZfBu.png

For more details on BCF views, please refer to: https://github.com/BuildingSMART/BCF-XML/tree/release_3_0/Documentation

javascript three.js bcftools

Answer 1

Answer №1

I managed to discover a new transformation on my own.

bcfCameraViewPointX = camera.position.x;
bcfCameraViewPointX = -camera.position.z;
bcfCameraViewPointX = camera.position.y;

// To determine the direction, you need to calculate a vector using the rotation and eulerOrder

let vector3 = new THREE.Vector3();
vector3.x = 0;
vector3.y = 0;
vector3.z = -1;

vector3.applyEuler(camera.rotation, camera.eulerOrder);

bcfCameraDirectionX = vector3.x;
bcfCameraDirectionX = -vector3.z;
bcfCameraDirectionX = vector3.y;

bcfCameraUpVectorX = camera.up.x;
bcfCameraUpVectorX = -camera.up.z;
bcfCameraUpVectorX = camera.up.y;

bcfFieldOfView = camera.fov;

Answer 2

I managed to discover a new transformation on my own.

bcfCameraViewPointX = camera.position.x;
bcfCameraViewPointX = -camera.position.z;
bcfCameraViewPointX = camera.position.y;

// To determine the direction, you need to calculate a vector using the rotation and eulerOrder

let vector3 = new THREE.Vector3();
vector3.x = 0;
vector3.y = 0;
vector3.z = -1;

vector3.applyEuler(camera.rotation, camera.eulerOrder);

bcfCameraDirectionX = vector3.x;
bcfCameraDirectionX = -vector3.z;
bcfCameraDirectionX = vector3.y;

bcfCameraUpVectorX = camera.up.x;
bcfCameraUpVectorX = -camera.up.z;
bcfCameraUpVectorX = camera.up.y;

bcfFieldOfView = camera.fov;

What steps do I need to take to convert a view from a three.js camera and scene to a bcf cameraview?

Answer №1

Similar questions

What could be causing my Three.js code to fail during testing?

Retrieve the Vue object nested within another object and log it in the console

JavaScript does not function properly with dynamically loaded content

Expand the <div> by clicking on it, then hover away to return it to its normal size

Implementing two-dimensional orientation on particles in three.js

Top method for changing an array in javascript

Searching for specific objects within a nested array in TypeScript

What is the best way to retrieve all string constants from HTML or JSX code?

The Intersection Observer API is not compatible with using transform: translateX()

Is there a way to identify the element causing an error in promise.map and then either log it to the console or skip it using code?

Ajax polling ceases the polling process when an internet connection is lost

Animate.css does not function properly when loaded locally

Tips on customizing Google Analytics code with Google Tag Manager

Converting Microsoft Word files into HTML format

Retrieve only the initial tag content using jquery

Need a module from the main directory

The toggleClass() function is only toggling between a single class

Returning to the previous page

What are the differences between using embedded documents and references in a mongoose design model?

What is the best way to use jQuery to retrieve information from one child element in an XML API in order to locate another child