An XRayEffect is an Effect that creates an X-ray view of the Object within an ObjectSet.

Overview

TODO

Example

XRaying an ObjectSet

In this example we create four Object, then add two of them to an ObjectSet.
Then we apply an XRayEffect to the ObjectSet, causing it's Object to remain opaque while the other two Object become transparent.

// Create a Viewer
var viewer = new BIMSURFER.Viewer({ element: "myDiv" });

// Create a Camera
var camera = new BIMSURFER.Camera(viewer, {
       eye: [20, 10, -20]
   });

// Spin the camera
viewer.on("tick", function () {
       camera.rotateEyeY(0.2);
   });

// Create a CameraControl so we can move the Camera
var cameraControl = new BIMSURFER.CameraControl(viewer, {
       camera: camera
   });

// Create an AmbientLight
var ambientLight = new BIMSURFER.AmbientLight(viewer, {
       color: [0.7, 0.7, 0.7]
   });

// Create a DirLight
var dirLight1 = new BIMSURFER.DirLight(viewer, {
       color: [0.6, 0.9, 0.9],
       dir: [1.0, 0.0, 0.0],
       space: "view"
   });

// Create a DirLight
var dirLight2 = new BIMSURFER.DirLight(viewer, {
       color: [0.6, 0.9, 0.9],
       dir: [-0.5, 0.0, -1.0],
       space: "view"
   });

// Create a BoxGeometry
var geometry = new BIMSURFER.BoxGeometry(viewer, {
       id: "myGeometry"
   });

// Create some Objects
// Share the BoxGeometry among them

var object1 = new BIMSURFER.Object(viewer, {
       type: "IfcRoof",
       geometries: [ geometry ],
       matrix: BIMSURFER.math.translationMat4v([-8, 0, -8])
   });

var object2 = new BIMSURFER.Object(viewer, {
       type: "IfcDistributionFlowElement",
       geometries: [ geometry ],
       matrix: BIMSURFER.math.translationMat4v([8, 0, -8])
   });

var object3 = new BIMSURFER.Object(viewer, {
       type: "IfcRailing",
       geometries: [ geometry ],
       matrix: BIMSURFER.math.translationMat4v([-8, 0, 8])
   });

var object4 = new BIMSURFER.Object(viewer, {
       type: "IfcRoof",
       geometries: [ geometry ],
       matrix: BIMSURFER.math.translationMat4v([8, 0, 8])
   });

// Create an ObjectSet that initially contains one of our Objects

var objectSet = new BIMSURFER.ObjectSet(viewer, {
       objects: [object1 ]
   });

// Apply an XRay effect to the ObjectSet, which causes all Objects in the Viewer
// that are not in the ObjectSet to become transparent.

var xray = new BIMSURFER.XRayEffect(viewer, {
       objectSet: objectSet
   });

// Add a second Object to the ObjectSet, causing the XRay to now render
// that Object as opaque also

objectSet.addObjects([object3]);

// Adjust the opacity of the transparent Objects

object2.opacity = 0.2;
object4.opacity = 0.2;