Method present

packages/vega-deck.gl/src/presenter.ts:155–231

* Present the Vega Scene, or Stage object using Deck.gl. * @param sceneOrStage Vega Scene object, or Stage object containing chart layout info. * @param height Height of the rendering area. * @param width Width of the rendering area. * @param config Optional presentation configu

(sceneOrStage: Scene3d | Stage, height: number, width: number, config?: PresenterConfig)

     * @param config Optional presentation configuration object.
     */
    present(sceneOrStage: Scene3d | Stage, height: number, width: number, config?: PresenterConfig) {
        this.animationCancel();
        const scene = sceneOrStage as Scene3d;
        let stage: Stage;
        const options: MarkStagerOptions = {
            maxOrdinal: 0,
            currAxis: null,
            defaultCubeColor: this.style.defaultCubeColor,
            assignCubeOrdinal: config?.onSceneRectAssignCubeOrdinal || (() => options.maxOrdinal++),
            zAxisZindex: config?.zAxisZindex,
        };
        //determine if this is a vega scene
        if (scene.marktype) {
            stage = createStage(scene.view);
            sceneToStage(options, stage, scene);
        } else {
            stage = sceneOrStage as Stage;
        }
        if (!this.deckgl) {
            const classes = createDeckGLClassesForPresenter({
                doubleClickHandler: () => {
                    this.homeCamera();
                },
            });
            this.OrbitControllerClass = classes.OrbitControllerClass;

            const initialViewState = targetViewState(height, width, stage.view);

            let glOptions: WebGLContextAttributes;
            if (config && config.preserveDrawingBuffer) {
                glOptions = { preserveDrawingBuffer: true };
            }

            const deckProps: Partial<DeckGLInternalProps> = {
                glOptions,
                height: null,
                width: null,
                effects: lightingEffects(),
                layers: [],
                onClick: config && config.onLayerClick,
                views: [new base.deck.OrbitView({ controller: base.deck.OrbitController })],
                initialViewState,
                container: this.getElement(PresenterElement.gl) as HTMLCanvasElement,
                getCursor: (interactiveState: InteractiveStateVegaDeckGL) => {
                    if (interactiveState.onText || interactiveState.onAxisSelection) {
                        return 'pointer';
                    } else if (interactiveState.onCube) {
                        return 'default';
                    } else {
                        return 'grab';
                    }
                },
            };
            if (stage.backgroundColor) {
                deckProps.style = { 'background-color': colorToString(stage.backgroundColor) };
            }
            this.deckgl = new classes.DeckGL_Class(deckProps);
        }