Namespace webglrenderer

xeokit WebGL2 Renderer

Enables WebGL2 rendering in a xeokit Viewer

This module provides WebGL2-based rendering capabilities for the xeokit Viewer, offering:

Seamless integration with Viewer via WebGLRenderer
High-performance full-precision rendering of large-scale models
Multi-canvas rendering support
Basis-compressed textures for optimized performance
Compressed geometry for reduced memory footprint

Installation

To install the package, use:

npm install @xeokit/sdk

Usage

Configure a Viewer with a WebGLRenderer to leverage WebGL2 for model storage and rendering:

import { Scene } from "@xeokit/sdk/scene";
import { Viewer } from "@xeokit/sdk/viewer";
import { WebGLRenderer } from "@xeokit/sdk/webglrenderer";

const myViewer = new Viewer({
    id: "myViewer",
    scene: new Scene(),
    renderer: new WebGLRenderer({ // Required
         textureTranscoder: new KTX2TextureTranscoder({ // Optional
             transcoderPath: "./../dist/basis/" // Path to BasisU transcoder module
         })
    })
});

//...

Classes

WebGLRenderer