API Docs for: 2.0.0
Show:

ClickSelectObjects Class

Extends Component
Module: input
Parent Module: BIMSURFER

A ClickSelectObjects lets you add or remove Object to and from an ObjectSet by clicking them with the mouse.

Overview

  • A ClickSelectObjects adds Object to the ObjectSet as you click them with the mouse, removing them again when you click them a second time.
  • Typically a ClickSelectObjects will share an ObjectSet with one or more Effects, in order to select which Object are influenced by the Effects.
  • A ClickSelectObjects will provide its own ObjectSet by default.
  • Hold down SHIFT while clicking to multi-select.

Example

Clicking Objects to add them to a highlighted ObjectSet

In this example, we view four Objects with a Camera, which we manipulate with a CameraControl.
We also use a ClickSelectObjects to add and remove the Objects to an ObjectSet, to which we're applying a HighlightEffect.

Click on the Objects to select and highlight them - hold down SHIFT to multi-select.

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

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

// Create a CameraControl
var cameraControl = new BIMSURFER.CameraControl(viewer, {
   camera: camera
});

// Create a Geometry
var geometry = new BIMSURFER.TeapotGeometry(viewer);

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

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

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

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

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

// Create an ObjectSet
var objectSet = new BIMSURFER.ObjectSet(viewer);

// Apply a highlight effect to the ObjectSet
var highlightEffect = new BIMSURFER.HighlightEffect(viewer, {
   objectSet: objectSet
});

// Create a ClickSelectObjects to select or unselect the Objects with the mouse
var clickSelectObjects = new BIMSURFER.ClickSelectObjects(viewer, {
   objectSet: objectSet
});

Constructor

ClickSelectObjects

(
  • [viewer]
  • [cfg]
  • [selection]
)

Parameters:

  • [viewer] Viewer optional

    Parent Viewer.

  • [cfg] optional

    Configs

    • [id] String optional

      Optional ID, unique among all components in the parent viewer, generated automatically when omitted.

    • [meta] String:Object optional

      Optional map of user-defined metadata to attach to this Camera.

  • [selection] Selection optional

    The Selection to update.

Methods

destroy

()

Destroys this component.

Removes this Component from its Viewer.

Fires a destroyed event on this Component.

error

(
  • message
)

Logs an error for this component to the JavaScript console.

The console message will have this format: [ERROR] <component id>: <message>

Parameters:

  • message String

    The message to log

fire

(
  • event
  • value
  • [forget=false]
)

Fires an event on this component.

Notifies existing subscribers to the event, retains the event to give to any subsequent notifications on that location as they are made.

Parameters:

  • event String

    The event type name

  • value Object

    The event

  • [forget=false] Boolean optional

    When true, does not retain for subsequent subscribers

log

(
  • message
)

Logs a console debugging message for this component.

The console message will have this format: [LOG] <component id>: <message>

Parameters:

  • message String

    The message to log

off

(
  • handle
)

Cancels an event subscription that was previously made with on or once.

Parameters:

  • handle String

    Subscription handle

on

(
  • event
  • callback
  • [scope=this]
)
String

Subscribes to an event on this component.

The callback is be called with this component as scope.

Parameters:

  • event String

    Publication event

  • callback Function

    Called when fresh data is available at the event

  • [scope=this] Object optional

    Scope for the callback

Returns:

String:

Handle to the subscription, which may be used to unsubscribe with {@link #off}.

once

(
  • event
  • callback
  • [scope=this]
)

Subscribes to the next occurrence of the given event, then un-subscribes as soon as the event is handled.

Parameters:

  • event String

    Data event to listen to

  • callback Function(data)

    Called when fresh data is available at the event

  • [scope=this] Object optional

    Scope for the callback

warn

(
  • message
)

Logs a warning for this component to the JavaScript console.

The console message will have this format: [WARN] <component id>: <message>

Parameters:

  • message String

    The message to log

Properties

active

Boolean

Flag which indicates whether this ClickSelectObjects is active or not.

Fires a active event on change.

className

String final

JavaScript class name for this Component.

destroyed

Boolean

True as soon as this Component has been destroyed

id

String final

Unique ID for this Component within its parent Viewer.

Items in this map

Unknown

metadata

Object

Metadata on this component.

viewer

Viewer final

The Viewer that contains this Component.

Events

active

Fired whenever this ClickSelectObjects's active property changes.

Event Payload:

  • value Object

    The property's new value

destroyed

Fired when this Component is destroyed.