Skip to content

Scene.add

Summary

Scene.add inserts a renderable object into the scene. The method accepts Mesh, PointCloud, GlyphField, or NodeLink and ignores duplicate insertions of the same instance. It returns the same scene to support fluent setup code.

Syntax

Scene.add(mesh: Mesh): Scene
Scene.add(pointCloud: PointCloud): Scene
Scene.add(glyphField: GlyphField): Scene
Scene.add(nodeLink: NodeLink): Scene
const result = scene.add(object);

Parameters

Name Type Required Description
mesh Mesh Conditional Triangle mesh object for surface rendering.
pointCloud PointCloud Conditional Point cloud object for particle or sampled-data rendering.
glyphField GlyphField Conditional Glyph field object for vector/tensor style visualization.
nodeLink NodeLink Conditional Graph-style node/edge object for networks, molecular connectivity, and related structures.

Returns

Scene - The same scene instance after insertion.

Type Details

type SceneObject = Mesh | PointCloud | GlyphField | NodeLink;

Example

const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);

const scene = wgpu.createScene();
const mesh = wgpu.createMesh(
    wgpu.geometry.sphere(0.6, 24, 16),
    wgpu.material.unlit({ color: [0.2, 0.7, 0.95], opacity: 1.0 })
);
const graph = wgpu.createNodeLink({
    nodePositions: new Float32Array([
        -0.5, 0.0, 0.0,
         0.5, 0.0, 0.0
    ]),
    edges: new Uint16Array([0, 1])
});

scene.add(mesh).add(graph);

See Also