Components
The entry point of the Components library. It can create, delete and access all the components of the library globally, update all the updatable components automatically and dispose all the components, preventing memory leaks.
Implements
Properties
enabled
enabled:
boolean
=false
If disabled, the animation loop will be stopped. Default value is false.
list
readonly
list:Map
<string
,Component
>
The list of components created in this app. The keys are UUIDs and the values are instances of the components.
onDisposed
readonly
onDisposed:Event
<void
>
Implementation of
onInit
readonly
onInit:Event
<undefined
>
Event that triggers the Components instance is initialized.
Remarks
This event is triggered once when the Components.init method has been called and finish processing. This is useful to set configuration placeholders that need to be executed when the components instance is initialized. For example, enabling and configuring custom effects in a post-production renderer.
Example
const components = new Components();
components.onInit.add(() => {
// Enable custom effects in the post-production renderer
// or any other operation dependant on the component initialization
});
components.init();
release
static
readonly
release:"2.3.19"
="2.3.19"
The version of the @thatopen/components library.
Methods
add()
Internal
add(
uuid
,instance
):void
Adds a component to the list of components. Throws an error if a component with the same UUID already exists.
Parameters
Parameter | Type | Description |
---|---|---|
uuid | string | The unique identifier of the component. |
instance | Component | The instance of the component to be added. |
Returns
void
Throws
Will throw an error if a component with the same UUID already exists.
dispose()
dispose():
void
Disposes the memory of all the components and tools of this instance of the library. A memory leak will be created if:
-
An instance of the library ends up out of scope and this function isn't called. This is especially relevant in Single Page Applications (React, Angular, Vue, etc).
-
Any of the objects of this instance (meshes, geometries,materials, etc) is referenced by a reference type (object or array).
You can learn more about how Three.js handles memory leaks here.
Returns
void
Implementation of
get()
Internal
get<
U
>(Component
):U
Retrieves a component instance by its constructor function. If the component does not exist in the list, it will be created and added.
Type parameters
Type parameter | Description |
---|---|
U extends Component | The type of the component to retrieve. |
Parameters
Parameter | Type | Description |
---|---|---|
Component | Object | The constructor function of the component to retrieve. |
Returns
U
The instance of the requested component.
Throws
Will throw an error if a component with the same UUID already exists.
init()
init():
void
Initializes the Components instance. This method starts the animation loop, sets the enabled flag to true, and calls the update method.
Returns
void