import {LinesMaterial} from '@xeokit/xeokit-sdk/src/viewer/scene/materials/LinesMaterial.js'LinesMaterial
Configures the shape of "lines" geometry primitives.
- Located at Scene#linesMaterial.
- Globally configures "lines" primitives for all VBOSceneModels.
Usage
In the example below, we'll customize the Scene's global LinesMaterial, then use
an XKTLoaderPlugin to load a model containing line segments.
import {Viewer, XKTLoaderPlugin} from "xeokit-sdk.es.js";
const viewer = new Viewer({
canvasId: "myCanvas",
transparent: true
});
viewer.scene.camera.eye = [0, 0, 5];
viewer.scene.camera.look = [0, 0, 0];
viewer.scene.camera.up = [0, 1, 0];
viewer.scene.linesMaterial.lineWidth = 3;
const xktLoader = new XKTLoaderPlugin(viewer);
const model = xktLoader.load({
id: "myModel",
src: "./models/xkt/Duplex.ifc.xkt"
});
Constructor Summary
| Public Constructor | ||
| public |
constructor(owner: Component, cfg: *) |
|
Member Summary
| Public Members | ||
| public set |
Sets line width. |
|
| public get |
Gets the line width. |
|
| public set |
Selects a preset LinesMaterial configuration. |
|
| public get |
The current preset LinesMaterial configuration. |
|
| public get |
Gets available LinesMaterial presets. |
|
Method Summary
| Public Methods | ||
| public |
destroy() Destroys this LinesMaterial. |
|
Inherited Summary
| From class Component | ||
| public get |
The Component that owns the lifecycle of this Component, if any. |
|
| public |
True as soon as this Component has been destroyed |
|
| public |
ID of this Component, unique within the Scene. |
|
| public |
meta: * Arbitrary, user-defined metadata on this component. |
|
| public |
The parent Scene that contains this Component. |
|
| public |
viewer: Viewer The viewer that contains this Scene. |
|
| public |
clear() Destroys all Components that are owned by this. |
|
| public |
destroy() Destroys this component. |
|
| public |
Logs an error for this component to the JavaScript console. |
|
| public |
Fires an event on this component. |
|
| public |
Returns true if there are any subscribers to the given event on this component. |
|
| public |
Tests if this component is of the given type, or is a subclass of the given type. |
|
| public |
Logs a console debugging message for this component. |
|
| public |
Cancels an event subscription that was previously made with Component#on or Component#once. |
|
| public |
Subscribes to an event on this component. |
|
| public |
Subscribes to the next occurrence of the given event, then un-subscribes as soon as the event is subIdd. |
|
| public |
scheduleTask(task: *) Schedule a task to perform on the next browser interval |
|
| public |
Logs a warning for this component to the JavaScript console. |
|
| From class Material | ||
| public |
destroy() |
|
Public Constructors
public constructor(owner: Component, cfg: *) source
Override:
Material#constructorParams:
| Name | Type | Attribute | Description |
| owner | Component | Owner component. When destroyed, the owner will destroy this component as well. |
|
| cfg | * |
|
The LinesMaterial configuration |
| cfg.id | String |
|
Optional ID, unique among all components in the parent Scene, generated automatically when omitted. |
| cfg.lineWidth | Number |
|
Line width in pixels. |
| cfg.preset | String |
|
Selects a preset LinesMaterial configuration - see LinesMaterial#presets. |
Public Members
public set preset: String source
Selects a preset LinesMaterial configuration.
Default value is "default".
Reference
Source
