@tolokoban/tgd 2.0.1 → 2.0.3

package/lib/dist/context/context.d.ts

@@ -1,48 +1,135 @@
-import { TgdCamera } from "../camera";
-import { TgdPainter } from "../painter/painter";
-import { TgdContextInterface, TgdProgram } from "../types";
-import { TgdResourceProgram, TgdResourceTexture2D, TgdResourceTextureCube } from "../resource";
 import { TgdBuffer, TgdBufferOptions } from "../buffer";
+import { TgdCamera } from "../camera";
 import { TgdDataset } from "../dataset";
-import { TgdVertexArray } from "../vao";
 import { TgdInputs } from "../input";
+import { TgdResourceProgram, TgdResourceTexture2D, TgdResourceTextureCube } from "../resource";
+import { TgdContextInterface, TgdProgram } from "../types";
 import { TgdPainterFunction as TgdPainterFunctionType } from "../types/painter";
+import { TgdVertexArray } from "../vao";
+import { TgdPainter } from "../painter/painter";
+import { TgdAnimation } from "../types/animation";
+/**
+ * You can pass all the attributes of the [WebGLContextAttributes](https://developer.mozilla.org/en-US/docs/Web/API/WebGLContextAttributes)
+ * object.
+ * @see {@link TgdContext}
+ */
 export type TgdContextOptions = WebGLContextAttributes & {
-    onResize?(gl: WebGL2RenderingContext, width: number, height: number): void;
+    /**
+     * You can override the behaviour for when a resize even occurs,
+     * by providing a callback `onResize(...)`.
+     *
+     * By default, this is what will happen:
+     * ```
+     * gl.canvas.width = width
+     * gl.canvas.height = height
+     * gl.viewport(0, 0, width, height)
+     * ```
+     */
+    onResize?(this: void, context: TgdContextInterface, width: number, height: number): void;
+    name?: string;
 };
+/**
+ * This class gives you a [WebGL2RenderingContext](https://developer.mozilla.org/en-US/docs/Web/API/WebGL2RenderingContext) for a given canvas,
+ * through its public readonly attribute `gl`.
+ *
+ * It also acts as a resource manager for most of the WebGL2 reources you need.
+ *
+ * @example
+ * ```
+ * import { TgdContext, TgdPainterClear } from "@tgd"
+ *
+ * export function paint(canvas: HTMLCanvasElement) {
+ *     const ctx = new TgdContext(canvas)
+ *     const clear = new TgdPainterClear(ctx, { color: [1, 0.667, 0, 1] })
+ *     ctx.add(clear)
+ *     ctx.paint()
+ * }
+ * ```
+ */
 export declare class TgdContext implements TgdContextInterface {
     readonly canvas: HTMLCanvasElement;
+    private readonly options;
+    private static incrementalId;
+    readonly name: string;
     readonly gl: WebGL2RenderingContext;
     readonly inputs: TgdInputs;
-    camera: TgdCamera;
+    /**
+     * Resource manager for WebGLProgram.
+     */
     readonly programs: TgdResourceProgram;
     readonly textures2D: TgdResourceTexture2D;
     private _texturesCube;
+    private _camera;
     private readonly observer;
     private readonly painters;
     private isPlaying;
     private requestAnimationFrame;
     private lastTime;
+    private readonly animationManager;
+    /**
+     * @param canvas The canvas to which attach a WebGL2 context.
+     * @see {@link TgdContextOptions}
+     */
     constructor(canvas: HTMLCanvasElement, options?: TgdContextOptions);
+    get camera(): TgdCamera;
+    set camera(camera: TgdCamera);
     get texturesCube(): TgdResourceTextureCube;
+    animSchedule(animation: TgdAnimation): TgdAnimation;
+    animCancel(animation: TgdAnimation): void;
     get onEnter(): TgdPainterFunctionType | undefined;
     set onEnter(v: TgdPainterFunctionType | undefined);
     get onExit(): TgdPainterFunctionType | undefined;
     set onExit(v: TgdPainterFunctionType | undefined);
     get width(): number;
     get height(): number;
+    /**
+     * Is the animation playing?
+     */
     get playing(): boolean;
+    /**
+     * If `playing` is true, the method `paint()` will be called
+     * for every animation frame.
+     * @see paint()
+     */
     set playing(value: boolean);
+    /**
+     * Start the animation.
+     * You can achieve the same result with `context.playing = true`.
+     *
+     * @see playing
+     */
     play(): void;
+    /**
+     * Pause the animation.
+     * You can achieve the same result with `context.playing = false`.
+     *
+     * @see playing
+     */
     pause(): void;
+    /**
+     * Check if `painter` already exist in the current list of painters.
+     */
     has(painter: TgdPainter): boolean;
+    /**
+     * Add one or more painters.
+     */
     add(...painters: TgdPainter[]): void;
+    /**
+     * Remove one or more painters.
+     * */
     remove(...painters: TgdPainter[]): void;
     removeAll(): void;
     createBuffer(data?: BufferSource, options?: Partial<TgdBufferOptions>): TgdBuffer;
-    createVAO(program?: TgdProgram, datasets?: TgdDataset<any>[], elements?: Uint8Array | Uint16Array | Uint32Array): TgdVertexArray;
+    createFramebuffer(): WebGLFramebuffer;
+    createVAO(program?: TgdProgram, datasets?: Readonly<TgdDataset>[], elements?: Uint8Array | Uint16Array | Uint32Array | BufferSource): TgdVertexArray;
+    takeSnapshot(target: HTMLCanvasElement): void;
+    lookupWebglConstant(value: number): string;
+    /**
+     * Trigger the painters to render the scene.
+     */
     readonly paint: () => void;
     private readonly actualPaint;
     destroy(): void;
+    stateReset(): WebGL2RenderingContext;
 }
 //# sourceMappingURL=context.d.ts.map

package/lib/dist/context/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,kBAAgB;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAe;AACzD,OAAO,EACH,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACzB,oBAAkB;AACnB,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAgB;AACtD,OAAO,EAAE,UAAU,EAAE,mBAAiB;AACtC,OAAO,EAAE,cAAc,EAAE,eAAa;AACtC,OAAO,EAAE,SAAS,EAAE,iBAAe;AACnC,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,yBAAuB;AAO9E,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IAerD,QAAQ,CAAC,CAAC,EAAE,EAAE,sBAAsB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7E,CAAA;AAoBD,qBAAa,UAAW,YAAW,mBAAmB;aAsB9B,MAAM,EAAE,iBAAiB;IArB7C,SAAgB,EAAE,EAAE,sBAAsB,CAAA;IAC1C,SAAgB,MAAM,EAAE,SAAS,CAAA;IAC1B,MAAM,EAAE,SAAS,CAAA;IAIxB,SAAgB,QAAQ,EAAE,kBAAkB,CAAA;IAC5C,SAAgB,UAAU,EAAE,oBAAoB,CAAA;IAChD,OAAO,CAAC,aAAa,CAAsC;IAE3D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgB;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiB;IAC1C,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,qBAAqB,CAAK;IAClC,OAAO,CAAC,QAAQ,CAAK;gBAOD,MAAM,EAAE,iBAAiB,EACzC,OAAO,GAAE,iBAAsB;IAoBnC,IAAI,YAAY,IAAI,sBAAsB,CAKzC;IAED,IAAI,OAAO,IAAI,sBAAsB,GAAG,SAAS,CAEhD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,sBAAsB,GAAG,SAAS,EAEhD;IAED,IAAI,MAAM,IAAI,sBAAsB,GAAG,SAAS,CAE/C;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,sBAAsB,GAAG,SAAS,EAE/C;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAKD,IAAI,OAAO,IAQQ,OAAO,CANzB;IAMD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAKzB;IAQD,IAAI;IAUJ,KAAK;IAOL,GAAG,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO;IAOjC,GAAG,CAAC,GAAG,QAAQ,EAAE,UAAU,EAAE;IAO7B,MAAM,CAAC,GAAG,QAAQ,EAAE,UAAU,EAAE;IAIhC,SAAS;IAIT,YAAY,CACR,IAAI,CAAC,EAAE,YAAY,EACnB,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GACpC,SAAS;IAIZ,SAAS,CACL,OAAO,CAAC,EAAE,UAAU,EACpB,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAC5B,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,GAClD,cAAc;IAOjB,QAAQ,CAAC,KAAK,aAKb;IAED,OAAO,CAAC,QAAQ,CAAC,WAAW,CAe3B;IAED,OAAO;CAMV"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,SAAS,EAAwB,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EACH,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACzB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACrD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,CACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACf,IAAI,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,UAAW,YAAW,mBAAmB;aA2B9B,MAAM,EAAE,iBAAiB;IACzC,OAAO,CAAC,QAAQ,CAAC,OAAO;IA3B5B,OAAO,CAAC,MAAM,CAAC,aAAa,CAAI;IAEhC,SAAgB,IAAI,EAAE,MAAM,CAAA;IAC5B,SAAgB,EAAE,EAAE,sBAAsB,CAAA;IAC1C,SAAgB,MAAM,EAAE,SAAS,CAAA;IACjC;;OAEG;IACH,SAAgB,QAAQ,EAAE,kBAAkB,CAAA;IAC5C,SAAgB,UAAU,EAAE,oBAAoB,CAAA;IAEhD,OAAO,CAAC,aAAa,CAAsC;IAC3D,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgB;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiB;IAC1C,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,qBAAqB,CAAK;IAElC,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA4B;IAE7D;;;OAGG;gBAEiB,MAAM,EAAE,iBAAiB,EACxB,OAAO,GAAE,iBAAsB;IA0BpD,IAAI,MAAM,IAIS,SAAS,CAF3B;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,EAO3B;IAED,IAAI,YAAY,IAAI,sBAAsB,CAKzC;IAED,YAAY,CAAC,SAAS,EAAE,YAAY,GAAG,YAAY;IAMnD,UAAU,CAAC,SAAS,EAAE,YAAY;IAIlC,IAAI,OAAO,IAAI,sBAAsB,GAAG,SAAS,CAEhD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,sBAAsB,GAAG,SAAS,EAEhD;IAED,IAAI,MAAM,IAAI,sBAAsB,GAAG,SAAS,CAE/C;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,sBAAsB,GAAG,SAAS,EAE/C;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,IAQQ,OAAO,CANzB;IACD;;;;OAIG;IACH,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAKzB;IAED;;;;;OAKG;IACH,IAAI;IAIJ;;;;;OAKG;IACH,KAAK;IAIL;;OAEG;IACH,GAAG,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO;IAIjC;;OAEG;IACH,GAAG,CAAC,GAAG,QAAQ,EAAE,UAAU,EAAE;IAI7B;;SAEK;IACL,MAAM,CAAC,GAAG,QAAQ,EAAE,UAAU,EAAE;IAIhC,SAAS;IAIT,YAAY,CACR,IAAI,CAAC,EAAE,YAAY,EACnB,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GACpC,SAAS;IAIZ,iBAAiB,IAAI,gBAAgB;IAOrC,SAAS,CACL,OAAO,CAAC,EAAE,UAAU,EACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,EACjC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GACjE,cAAc;IAIjB,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAgBtC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAQ1C;;OAEG;IACH,QAAQ,CAAC,KAAK,aAKb;IAED,OAAO,CAAC,QAAQ,CAAC,WAAW,CAe3B;IAED,OAAO;IAQP,UAAU;CA+Db"}

package/lib/dist/context/context.js

@@ -0,0 +1,297 @@
+import { TgdBuffer } from "./../buffer/index.js";
+import { TgdCameraPerspective } from "./../camera/index.js";
+import { TgdInputs } from "./../input/index.js";
+import { TgdResourceProgram, TgdResourceTexture2D, TgdResourceTextureCube, } from "./../resource/index.js";
+import { TgdVertexArray } from "./../vao/index.js";
+import { TgdPainterGroup } from "../painter/group.js";
+import { tgdCanvasCreate } from "../utils/index.js";
+import { TgdManagerAnimation } from "./animation/animation-manager.js";
+/**
+ * This class gives you a [WebGL2RenderingContext](https://developer.mozilla.org/en-US/docs/Web/API/WebGL2RenderingContext) for a given canvas,
+ * through its public readonly attribute `gl`.
+ *
+ * It also acts as a resource manager for most of the WebGL2 reources you need.
+ *
+ * @example
+ * ```
+ * import { TgdContext, TgdPainterClear } from "@tgd"
+ *
+ * export function paint(canvas: HTMLCanvasElement) {
+ *     const ctx = new TgdContext(canvas)
+ *     const clear = new TgdPainterClear(ctx, { color: [1, 0.667, 0, 1] })
+ *     ctx.add(clear)
+ *     ctx.paint()
+ * }
+ * ```
+ */
+export class TgdContext {
+    canvas;
+    options;
+    static incrementalId = 1;
+    name;
+    gl;
+    inputs;
+    /**
+     * Resource manager for WebGLProgram.
+     */
+    programs;
+    textures2D;
+    _texturesCube = null;
+    _camera;
+    observer;
+    painters;
+    isPlaying = false;
+    requestAnimationFrame = -1;
+    // Last time the context has been painted.
+    lastTime = -1;
+    animationManager = new TgdManagerAnimation();
+    /**
+     * @param canvas The canvas to which attach a WebGL2 context.
+     * @see {@link TgdContextOptions}
+     */
+    constructor(canvas, options = {}) {
+        this.canvas = canvas;
+        this.options = options;
+        const gl = canvas.getContext("webgl2", options);
+        if (!gl)
+            throw Error("Unable to create a WebGL2 context!");
+        this.gl = gl;
+        this.programs = new TgdResourceProgram(gl);
+        this.textures2D = new TgdResourceTexture2D(this);
+        this.observer = new ResizeObserver(() => {
+            const width = canvas.clientWidth;
+            const height = canvas.clientHeight;
+            canvas.width = width;
+            canvas.height = height;
+            gl.viewport(0, 0, width, height);
+            this.paint();
+            options.onResize?.(this, canvas.clientWidth, canvas.clientHeight);
+        });
+        this.observer.observe(canvas);
+        this.inputs = new TgdInputs(canvas);
+        this._camera = new TgdCameraPerspective();
+        this.painters = new TgdPainterGroup();
+        this.name = options.name ?? `TgdContext#${TgdContext.incrementalId++}`;
+        // Prevent system gestures.
+        canvas.style.touchAction = "none";
+    }
+    get camera() {
+        return this._camera;
+    }
+    set camera(camera) {
+        if (camera === this._camera)
+            return;
+        this._camera.eventTransformChange.removeListener(this.paint);
+        camera.eventTransformChange.addListener(this.paint);
+        this._camera = camera;
+        this.paint();
+    }
+    get texturesCube() {
+        if (!this._texturesCube) {
+            this._texturesCube = new TgdResourceTextureCube(this);
+        }
+        return this._texturesCube;
+    }
+    animSchedule(animation) {
+        const result = this.animationManager.schedule(animation);
+        this.paint();
+        return result;
+    }
+    animCancel(animation) {
+        this.animationManager.cancel(animation);
+    }
+    get onEnter() {
+        return this.painters.onEnter;
+    }
+    set onEnter(v) {
+        this.painters.onEnter = v;
+    }
+    get onExit() {
+        return this.painters.onExit;
+    }
+    set onExit(v) {
+        this.painters.onExit = v;
+    }
+    get width() {
+        return this.gl.drawingBufferWidth;
+    }
+    get height() {
+        return this.gl.drawingBufferHeight;
+    }
+    /**
+     * Is the animation playing?
+     */
+    get playing() {
+        return this.isPlaying;
+    }
+    /**
+     * If `playing` is true, the method `paint()` will be called
+     * for every animation frame.
+     * @see paint()
+     */
+    set playing(value) {
+        if (value === this.isPlaying)
+            return;
+        if (value)
+            this.paint();
+        this.isPlaying = value;
+    }
+    /**
+     * Start the animation.
+     * You can achieve the same result with `context.playing = true`.
+     *
+     * @see playing
+     */
+    play() {
+        this.playing = true;
+    }
+    /**
+     * Pause the animation.
+     * You can achieve the same result with `context.playing = false`.
+     *
+     * @see playing
+     */
+    pause() {
+        this.playing = false;
+    }
+    /**
+     * Check if `painter` already exist in the current list of painters.
+     */
+    has(painter) {
+        return this.painters.has(painter);
+    }
+    /**
+     * Add one or more painters.
+     */
+    add(...painters) {
+        this.painters.add(...painters);
+    }
+    /**
+     * Remove one or more painters.
+     * */
+    remove(...painters) {
+        this.painters.remove(...painters);
+    }
+    removeAll() {
+        this.painters.removeAll();
+    }
+    createBuffer(data, options) {
+        return new TgdBuffer(this.gl, data, options);
+    }
+    createFramebuffer() {
+        const fb = this.gl.createFramebuffer();
+        if (!fb)
+            throw Error("Unable to create a WebGL2 Framebuffer!");
+        return fb;
+    }
+    createVAO(program, datasets, elements) {
+        return new TgdVertexArray(this.gl, program, datasets, elements);
+    }
+    takeSnapshot(target) {
+        const ctx = target.getContext("2d");
+        if (!ctx)
+            throw Error("[TgdContext.takeSnapshot] We cannot get a 2D context for the target canvas! Maybe it already has another type of context.");
+        const { width, height } = target;
+        const canvas = tgdCanvasCreate(width, height);
+        const context = new TgdContext(canvas, this.options);
+        this.painters.forEachChild(painter => context.add(painter));
+        context.actualPaint(this.lastTime);
+        context.gl.finish();
+        ctx.drawImage(canvas, 0, 0);
+    }
+    lookupWebglConstant(value) {
+        const { gl } = this;
+        for (const key in gl) {
+            if (gl[key] === value)
+                return key;
+        }
+        return `Unknown gl[${value}]`;
+    }
+    /**
+     * Trigger the painters to render the scene.
+     */
+    paint = () => {
+        window.cancelAnimationFrame(this.requestAnimationFrame);
+        this.requestAnimationFrame = window.requestAnimationFrame(this.actualPaint);
+    };
+    actualPaint = (time) => {
+        const { lastTime, gl } = this;
+        if (lastTime < 0) {
+            this.lastTime = time;
+            // First frame, let's skip it to get better timing.
+            this.paint();
+            return;
+        }
+        const delay = time - this.lastTime;
+        this.lastTime = time;
+        this._camera.screenWidth = gl.drawingBufferWidth;
+        this._camera.screenHeight = gl.drawingBufferHeight;
+        this.painters.paint(time, delay);
+        if (this.animationManager.paint(time) || this.isPlaying)
+            this.paint();
+    };
+    destroy() {
+        window.cancelAnimationFrame(this.requestAnimationFrame);
+        this.playing = false;
+        this.painters.delete();
+        this.observer.unobserve(this.canvas);
+    }
+    // eslint-disable-next-line max-statements
+    stateReset() {
+        const { gl } = this;
+        const numAttribs = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
+        const tmp = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, tmp);
+        for (let ii = 0; ii < numAttribs; ++ii) {
+            gl.disableVertexAttribArray(ii);
+            gl.vertexAttribPointer(ii, 4, gl.FLOAT, false, 0, 0);
+            gl.vertexAttrib1f(ii, 0);
+        }
+        gl.deleteBuffer(tmp);
+        const numTextureUnits = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS);
+        for (let ii = 0; ii < numTextureUnits; ++ii) {
+            gl.activeTexture(gl.TEXTURE0 + ii);
+            gl.bindTexture(gl.TEXTURE_CUBE_MAP, null);
+            gl.bindTexture(gl.TEXTURE_2D, null);
+        }
+        gl.activeTexture(gl.TEXTURE0);
+        gl.useProgram(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+        gl.disable(gl.BLEND);
+        gl.disable(gl.CULL_FACE);
+        gl.disable(gl.DEPTH_TEST);
+        gl.disable(gl.DITHER);
+        gl.disable(gl.SCISSOR_TEST);
+        gl.blendColor(0, 0, 0, 0);
+        gl.blendEquation(gl.FUNC_ADD);
+        gl.blendFunc(gl.ONE, gl.ZERO);
+        gl.clearColor(0, 0, 0, 0);
+        gl.clearDepth(1);
+        gl.clearStencil(-1);
+        gl.colorMask(true, true, true, true);
+        gl.cullFace(gl.BACK);
+        gl.depthFunc(gl.LESS);
+        gl.depthMask(true);
+        gl.depthRange(0, 1);
+        gl.frontFace(gl.CCW);
+        gl.hint(gl.GENERATE_MIPMAP_HINT, gl.DONT_CARE);
+        gl.lineWidth(1);
+        gl.pixelStorei(gl.PACK_ALIGNMENT, 4);
+        gl.pixelStorei(gl.UNPACK_ALIGNMENT, 4);
+        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+        gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+        gl.polygonOffset(0, 0);
+        gl.sampleCoverage(1, false);
+        gl.scissor(0, 0, gl.canvas.width, gl.canvas.height);
+        gl.stencilFunc(gl.ALWAYS, 0, 0xffffffff);
+        gl.stencilMask(0xffffffff);
+        gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+        gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+        return gl;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb250ZXh0L2NvbnRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxhQUFhLENBQUE7QUFDekQsT0FBTyxFQUFhLG9CQUFvQixFQUFFLE1BQU0sYUFBYSxDQUFBO0FBRTdELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDdEMsT0FBTyxFQUNILGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsc0JBQXNCLEdBQ3pCLE1BQU0sZUFBZSxDQUFBO0FBR3RCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRWxELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUE7QUE2Qm5FOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sT0FBTyxVQUFVO0lBMkJDO0lBQ0M7SUEzQmIsTUFBTSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUE7SUFFaEIsSUFBSSxDQUFRO0lBQ1osRUFBRSxDQUF3QjtJQUMxQixNQUFNLENBQVc7SUFDakM7O09BRUc7SUFDYSxRQUFRLENBQW9CO0lBQzVCLFVBQVUsQ0FBc0I7SUFFeEMsYUFBYSxHQUFrQyxJQUFJLENBQUE7SUFDbkQsT0FBTyxDQUFXO0lBQ1QsUUFBUSxDQUFnQjtJQUN4QixRQUFRLENBQWlCO0lBQ2xDLFNBQVMsR0FBRyxLQUFLLENBQUE7SUFDakIscUJBQXFCLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDbEMsMENBQTBDO0lBQ2xDLFFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQTtJQUNKLGdCQUFnQixHQUFHLElBQUksbUJBQW1CLEVBQUUsQ0FBQTtJQUU3RDs7O09BR0c7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

package/lib/dist/context/index.js

@@ -0,0 +1,2 @@
+export * from "./context.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFdBQVcsQ0FBQSJ9

package/lib/dist/controller/camera/index.js

@@ -0,0 +1,2 @@
+export * from "./orbit.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29udHJvbGxlci9jYW1lcmEvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxTQUFTLENBQUEifQ==

package/lib/dist/controller/camera/orbit.d.ts

@@ -1,19 +1,94 @@
+import { TgdContextInterface, TgdInputPointerModifierKeys } from "../../types";
 import { TgdEvent } from "../../event";
-import { TgdContextInterface } from "../../types";
+import { TgdCamera } from "../../camera";
+export interface TgdControllerCameraOrbitZoomRequest extends TgdInputPointerModifierKeys {
+    x: number;
+    y: number;
+}
 export interface TgdControllerCameraOrbitOptions {
+    minZoom: number;
+    maxZoom: number;
     speedOrbit: number;
     speedZoom: number;
+    speedPanning: number;
+    /**
+     * Time in msec during which the orbiting continues
+     * after the pointer stop touching.
+     */
+    inertiaOrbit: number;
+    /**
+     * Time in msec during which the zooming continues
+     * after the pointer stop touching.
+     *
+     * Default to 0.
+     */
+    inertiaZoom: number;
+    /**
+     * Time in msec during which the panning continues
+     * after the pointer stop touching.
+     *
+     * Default to 0.
+     */
+    inertiaPanning: number;
+    /**
+     * If `true`, pannig will only act on `camera.shift`,
+     * not on `camera.target`.
+     *
+     * Default to 0.
+     */
+    fixedTarget: boolean;
+    /**
+     * Zooming can be done by the mouse wheel.
+     * In this case, we may want to prevent it when the
+     * canvas is not in fullscreen, to let the rest of
+     * the page to scroll.
+     *
+     * This function, if defined, will be called just
+     * before the zoom event. If it returns `false`,
+     * the event is not dispatched.
+     */
+    onZoomRequest(this: void, evt: TgdControllerCameraOrbitZoomRequest): boolean;
 }
 export declare class TgdControllerCameraOrbit {
     private readonly context;
+    readonly eventChange: TgdEvent<TgdCamera>;
+    minZoom: number;
+    maxZoom: number;
+    /**
+     * The camera will only move if `enabled === true`.
+     */
     enabled: boolean;
     speedZoom: number;
     speedOrbit: number;
-    readonly eventZoomChange: TgdEvent<TgdControllerCameraOrbit>;
-    readonly eventOrbitChange: TgdEvent<TgdControllerCameraOrbit>;
-    constructor(context: TgdContextInterface, { speedZoom, speedOrbit, }?: Partial<TgdControllerCameraOrbitOptions>);
+    speedPanning: number;
+    inertiaZoom: number;
+    inertiaOrbit: number;
+    inertiaPanning: number;
+    /**
+     * If `true`, pannig will only act on `camera.shift`,
+     * not on `camera.target`.
+     */
+    fixedTarget: boolean;
+    /**
+     * Zooming can be done by the mouse wheel.
+     * In this case, we may want to prevent it when the
+     * canvas is not in fullscreen, to let the rest of
+     * the page to scroll.
+     *
+     * This function, if defined, will be called just
+     * before the zoom event. If it returns `false`,
+     * the event is not dispatched.
+     */
+    onZoomRequest: (this: void, evt: TgdControllerCameraOrbitZoomRequest) => boolean;
+    private animOrbit;
+    constructor(context: TgdContextInterface, { minZoom, maxZoom, speedZoom, speedOrbit, speedPanning, inertiaZoom, inertiaOrbit, inertiaPanning, fixedTarget, onZoomRequest, }?: Partial<TgdControllerCameraOrbitOptions>);
     detach(): void;
     private readonly handleMove;
+    private orbit;
+    private readonly handleMoveStart;
+    private readonly handleMoveEnd;
+    private handlePan;
+    private handleRotateAroundZ;
     private fireOrbitChange;
     private readonly handleZoom;
     private fireZoomChange;

package/lib/dist/controller/camera/orbit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orbit.d.ts","sourceRoot":"","sources":["../../../src/controller/camera/orbit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,oBAAe;AAClC,OAAO,EAAE,mBAAmB,EAAwB,oBAAe;AAEnE,MAAM,WAAW,+BAA+B;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,qBAAa,wBAAwB;IAW7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IAPrB,OAAO,UAAO;IACd,SAAS,SAAI;IACb,UAAU,SAAI;IACrB,SAAgB,eAAe,qCAA2C;IAC1E,SAAgB,gBAAgB,qCAA2C;gBAGtD,OAAO,EAAE,mBAAmB,EAC7C,EACI,SAAa,EACb,UAAc,GACjB,GAAE,OAAO,CAAC,+BAA+B,CAAM;IASpD,MAAM;IAMN,OAAO,CAAC,QAAQ,CAAC,UAAU,CAmC1B;IAED,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAc1B;IAED,OAAO,CAAC,cAAc;CAIzB"}
+{"version":3,"file":"orbit.d.ts","sourceRoot":"","sources":["../../../src/controller/camera/orbit.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,mBAAmB,EAEnB,2BAA2B,EAE9B,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,mCACb,SAAQ,2BAA2B;IACnC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,+BAA+B;IAC5C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;;;;;;;;OASG;IACH,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,mCAAmC,GAAG,OAAO,CAAA;CAC/E;AAED,qBAAa,wBAAwB;IAqC7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IApC5B,SAAgB,WAAW,sBAA4B;IAChD,OAAO,SAAO;IACd,OAAO,SAAW;IACzB;;OAEG;IACI,OAAO,UAAO;IACd,SAAS,SAAI;IACb,UAAU,SAAI;IACd,YAAY,SAAI;IAChB,WAAW,SAAI;IACf,YAAY,SAAI;IAChB,cAAc,SAAI;IACzB;;;OAGG;IACI,WAAW,UAAQ;IAC1B;;;;;;;;;OASG;IACI,aAAa,EAAE,CAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,mCAAmC,KACvC,OAAO,CAAA;IAEZ,OAAO,CAAC,SAAS,CAA4B;gBAGxB,OAAO,EAAE,mBAAmB,EAC7C,EACI,OAAc,EACd,OAAkB,EAClB,SAAa,EACb,UAAc,EACd,YAAgB,EAChB,WAAe,EACf,YAAgB,EAChB,cAAkB,EAClB,WAAmB,EACnB,aAA0B,GAC7B,GAAE,OAAO,CAAC,+BAA+B,CAAM;IAmBpD,MAAM;IAMN,OAAO,CAAC,QAAQ,CAAC,UAAU,CAkB1B;IAED,OAAO,CAAC,KAAK;IAYb,OAAO,CAAC,QAAQ,CAAC,eAAe,CAK/B;IAED,OAAO,CAAC,QAAQ,CAAC,aAAa,CAsB7B;IAED,OAAO,CAAC,SAAS;IAsBjB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAuB1B;IAED,OAAO,CAAC,cAAc;CAGzB"}