@zappar/zappar-cv 3.0.1-alpha.13 → 3.0.1-alpha.15

package/README.md

@@ -18,8 +18,8 @@ npm i @zappar/zappar-cv
 
 You can use our CDN from within your HTML:
 ```
-<script src="https://libs.zappar.com/zappar-cv/3.0.1-alpha.13/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/3.0.1-alpha.15/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/3.0.1-alpha.13/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.0.1-alpha.13/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/3.0.1-alpha.15/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.0.1-alpha.15/zappar-cv.zip)

package/lib/deserializer.d.ts

@@ -8,6 +8,7 @@ interface Message {
     type: () => number;
     matrix4x4: () => Float32Array;
     matrix3x3: () => Float32Array;
+    ucharArray: () => Uint8Array;
     floatArray: () => Float32Array;
     identityCoefficients: () => Float32Array;
     expressionCoefficients: () => Float32Array;

package/lib/deserializer.js

@@ -40,6 +40,15 @@ export class MessageDeserializer {
                     this._startOffset++;
                 return ret.buffer;
             },
+            ucharArray: () => {
+                let len = this._i32View[this._startOffset++];
+                let ret = new Uint8Array(len);
+                ret.set(this._u8View.subarray(this._startOffset * 4, this._startOffset * 4 + len));
+                this._startOffset += (ret.byteLength >> 2);
+                if ((ret.byteLength & 3) !== 0)
+                    this._startOffset++;
+                return ret;
+            },
             floatArray: () => {
                 let len = this._i32View[this._startOffset++];
                 let ret = new Float32Array(len);

package/lib/drawaxis.d.ts

@@ -0,0 +1,2 @@
+export declare function disposeDrawPlane(): void;
+export declare function drawAxis(gl: WebGLRenderingContext, projectionMatrix: Float32Array, cameraMatrix: Float32Array, targetMatrix: Float32Array): void;

package/lib/drawaxis.js

@@ -0,0 +1,172 @@
+import { compileShader, linkProgram } from "./shader";
+let shader;
+let vbo;
+let uvbo;
+let texturesByUrl = {};
+export function disposeDrawPlane() {
+    shader = undefined;
+    vbo = undefined;
+    uvbo = undefined;
+    texturesByUrl = {};
+}
+function generate(gl) {
+    if (vbo)
+        return vbo;
+    vbo = gl.createBuffer();
+    if (!vbo)
+        throw new Error("Unable to create buffer object");
+    let coords = [
+        0, 0, 0, 1, 0, 0,
+        0, 0, 0, 0, 1, 0,
+        0, 0, 0, 0, 0, 1
+    ];
+    gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(coords), gl.STATIC_DRAW);
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    return vbo;
+}
+function generateColor(gl) {
+    if (uvbo)
+        return uvbo;
+    uvbo = gl.createBuffer();
+    if (!uvbo)
+        throw new Error("Unable to create buffer object");
+    let coords = [
+        1, 0, 0, 1, 1, 0, 0, 1,
+        0, 1, 0, 1, 0, 1, 0, 1,
+        0, 0, 1, 1, 0, 0, 1, 1
+    ];
+    gl.bindBuffer(gl.ARRAY_BUFFER, uvbo);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(coords), gl.STATIC_DRAW);
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    return uvbo;
+}
+export function drawAxis(gl, projectionMatrix, cameraMatrix, targetMatrix) {
+    let shader = getShader(gl);
+    let v = generate(gl);
+    let uvbo = generateColor(gl);
+    gl.disable(gl.DEPTH_TEST);
+    gl.useProgram(shader.prog);
+    gl.uniformMatrix4fv(shader.unif_proj, false, projectionMatrix);
+    gl.uniformMatrix4fv(shader.unif_camera, false, cameraMatrix);
+    gl.uniformMatrix4fv(shader.unif_matrix, false, targetMatrix);
+    gl.bindBuffer(gl.ARRAY_BUFFER, v);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    gl.vertexAttribPointer(shader.attr_position, 3, gl.FLOAT, false, 3 * 4, 0);
+    gl.enableVertexAttribArray(shader.attr_position);
+    gl.bindBuffer(gl.ARRAY_BUFFER, uvbo);
+    gl.vertexAttribPointer(shader.attr_color, 4, gl.FLOAT, false, 4 * 4, 0);
+    gl.enableVertexAttribArray(shader.attr_color);
+    gl.lineWidth(10);
+    gl.drawArrays(gl.LINES, 0, 6);
+    gl.disableVertexAttribArray(shader.attr_position);
+    gl.disableVertexAttribArray(shader.attr_color);
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+}
+function generateLocalMatrix() {
+    let position = [0, 0, -5];
+    return new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, position[0], position[1], position[2], 1]);
+}
+let vertexShaderSrc = `
+#ifndef GL_ES
+#define highp
+#define mediump
+#define lowp
+#endif
+
+uniform mat4 projMatrix;
+uniform mat4 cameraMatrix;
+uniform mat4 modelViewMatrix;
+attribute vec4 position;
+attribute vec4 color;
+
+varying highp vec4 vColor;
+
+void main()
+{
+    gl_Position = projMatrix * cameraMatrix * modelViewMatrix * position;
+    vColor = color;
+}`;
+let fragmentShaderSrc = `
+#define highp mediump
+#ifdef GL_ES
+    // define default precision for float, vec, mat.
+    precision highp float;
+#else
+#define highp
+#define mediump
+#define lowp
+#endif
+
+varying highp vec4 vColor;
+
+void main()
+{
+    gl_FragColor = vColor;
+}`;
+function getShader(gl) {
+    if (shader)
+        return shader;
+    let prog = gl.createProgram();
+    if (!prog)
+        throw new Error("Unable to create program");
+    let vertexShader = compileShader(gl, gl.VERTEX_SHADER, vertexShaderSrc);
+    let fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fragmentShaderSrc);
+    gl.attachShader(prog, vertexShader);
+    gl.attachShader(prog, fragmentShader);
+    linkProgram(gl, prog);
+    let unif_proj = gl.getUniformLocation(prog, "projMatrix");
+    if (!unif_proj)
+        throw new Error("Unable to get uniform location projMatrix");
+    let unif_matrix = gl.getUniformLocation(prog, "modelViewMatrix");
+    if (!unif_matrix)
+        throw new Error("Unable to get uniform location modelViewMatrix");
+    let unif_camera = gl.getUniformLocation(prog, "cameraMatrix");
+    if (!unif_camera)
+        throw new Error("Unable to get uniform location cameraMatrix");
+    shader = {
+        prog,
+        unif_matrix,
+        unif_proj,
+        unif_camera,
+        attr_position: gl.getAttribLocation(prog, "position"),
+        attr_color: gl.getAttribLocation(prog, "color")
+    };
+    return shader;
+}
+function loadTexture(gl, url) {
+    if (texturesByUrl[url])
+        return texturesByUrl[url];
+    let texture = gl.createTexture();
+    if (!texture)
+        throw new Error("Unable to create texture");
+    texturesByUrl[url] = texture;
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    // Because images have to be download over the internet
+    // they might take a moment until they are ready.
+    // Until then put a single pixel in the texture so we can
+    // use it immediately. When the image has finished downloading
+    // we'll update the texture with the contents of the image.
+    const level = 0;
+    const internalFormat = gl.RGBA;
+    const width = 1;
+    const height = 1;
+    const border = 0;
+    const srcFormat = gl.RGBA;
+    const srcType = gl.UNSIGNED_BYTE;
+    const pixel = new Uint8Array([0, 0, 255, 255]); // opaque blue
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+    gl.texImage2D(gl.TEXTURE_2D, level, internalFormat, width, height, border, srcFormat, srcType, pixel);
+    const image = new Image();
+    image.onload = function () {
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+        gl.texImage2D(gl.TEXTURE_2D, level, internalFormat, srcFormat, srcType, image);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    };
+    image.src = url;
+    return texture;
+}

package/lib/drawgrid.js

@@ -2,6 +2,7 @@ import { compileShader, linkProgram } from "./shader";
 let shader;
 let vbo;
 let uvbo;
+const gridSize = 10;
 export function disposeDrawGrid() {
     shader = undefined;
     vbo = undefined;
@@ -19,6 +20,7 @@ function generate(gl) {
         0.5, 0, 0.5,
         0.5, 0, -0.5
     ];
+    coords = coords.map(entry => entry * gridSize);
     gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
     gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(coords), gl.STATIC_DRAW);
     gl.bindBuffer(gl.ARRAY_BUFFER, null);
@@ -36,6 +38,7 @@ function generateUVBO(gl) {
         1, 1,
         1, 0
     ];
+    coords = coords.map(entry => entry * gridSize);
     gl.bindBuffer(gl.ARRAY_BUFFER, uvbo);
     gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(coords), gl.STATIC_DRAW);
     gl.bindBuffer(gl.ARRAY_BUFFER, null);

package/lib/drawpointswithtype.d.ts

@@ -0,0 +1,13 @@
+export declare class PointsWithTypeDraw {
+    private _gl;
+    private _vbo;
+    private _typebo;
+    private _shader;
+    constructor(_gl: WebGL2RenderingContext);
+    dispose(): void;
+    private _generate;
+    private _generateTypes;
+    drawPoints(screenWidth: number, screenHeight: number, dataWidth: number, dataHeight: number, points: Float32Array, mirror: boolean, type: Uint8Array, pointSize: number): void;
+    private _getCameraShader;
+}
+export declare function getPointsDataMatrix(frameWidth: number, frameHeight: number, screenWidth: number, screenHeight: number, mirror: boolean): Float32Array;

package/lib/drawpointswithtype.js

@@ -0,0 +1,190 @@
+import { profile } from "./profile";
+import { compileShader, linkProgram } from "./shader";
+import { mat4 } from "gl-matrix";
+let identity = mat4.create();
+export class PointsWithTypeDraw {
+    constructor(_gl) {
+        this._gl = _gl;
+    }
+    dispose() {
+        if (this._vbo)
+            this._gl.deleteBuffer(this._vbo);
+        this._vbo = undefined;
+        if (this._shader)
+            this._gl.deleteProgram(this._shader.prog);
+        this._shader = undefined;
+    }
+    _generate(gl, points) {
+        if (!this._vbo)
+            this._vbo = gl.createBuffer();
+        if (!this._vbo)
+            throw new Error("Unable to create buffer object");
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._vbo);
+        gl.bufferData(gl.ARRAY_BUFFER, points, gl.DYNAMIC_DRAW);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return this._vbo;
+    }
+    _generateTypes(gl, points) {
+        if (!this._typebo)
+            this._typebo = gl.createBuffer();
+        if (!this._typebo)
+            throw new Error("Unable to create buffer object");
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._typebo);
+        gl.bufferData(gl.ARRAY_BUFFER, points, gl.DYNAMIC_DRAW);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return this._typebo;
+    }
+    drawPoints(screenWidth, screenHeight, dataWidth, dataHeight, points, mirror, type, pointSize) {
+        if (points.length === 0)
+            return; // points = new Float32Array([0, 1, 0, 1]);
+        let gl = this._gl;
+        const reenableDepthTest = gl.isEnabled(gl.DEPTH_TEST);
+        const reenableScissorTest = gl.isEnabled(gl.SCISSOR_TEST);
+        const reenableCullFace = gl.isEnabled(gl.CULL_FACE);
+        const reenableStencilTest = gl.isEnabled(gl.STENCIL_TEST);
+        const reenableBlend = gl.isEnabled(gl.BLEND);
+        const previousBoundTexture = gl.getParameter(gl.TEXTURE_BINDING_2D);
+        const previousBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+        const previousProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const previousActiveTexture = gl.getParameter(gl.ACTIVE_TEXTURE);
+        gl.disable(gl.DEPTH_TEST);
+        gl.disable(gl.SCISSOR_TEST);
+        gl.disable(gl.CULL_FACE);
+        gl.disable(gl.STENCIL_TEST);
+        gl.disable(gl.BLEND);
+        let shader = this._getCameraShader(gl);
+        let vbo = this._generate(gl, points);
+        let typebo = this._generateTypes(gl, type);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.useProgram(shader.prog);
+        gl.uniform1f(shader.unif_pointSize, pointSize);
+        gl.uniformMatrix4fv(shader.unif_skinTexTransform, false, getPointsDataMatrix(dataWidth, dataHeight, screenWidth, screenHeight, mirror));
+        gl.bindTexture(gl.TEXTURE_2D, null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+        gl.vertexAttribPointer(shader.attr_position, 2, gl.FLOAT, false, 0, 0);
+        gl.enableVertexAttribArray(shader.attr_position);
+        gl.bindBuffer(gl.ARRAY_BUFFER, typebo);
+        gl.vertexAttribIPointer(shader.attr_type, 1, gl.UNSIGNED_BYTE, 0, 0);
+        gl.enableVertexAttribArray(shader.attr_type);
+        gl.drawArrays(gl.POINTS, 0, points.length / 2);
+        gl.disableVertexAttribArray(shader.attr_type);
+        gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+        gl.disableVertexAttribArray(shader.attr_position);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, previousBoundFramebuffer);
+        gl.useProgram(previousProgram);
+        gl.bindTexture(gl.TEXTURE_2D, previousBoundTexture);
+        gl.activeTexture(previousActiveTexture);
+        if (reenableBlend)
+            gl.enable(gl.BLEND);
+        if (reenableCullFace)
+            gl.enable(gl.CULL_FACE);
+        if (reenableDepthTest)
+            gl.enable(gl.DEPTH_TEST);
+        if (reenableScissorTest)
+            gl.enable(gl.SCISSOR_TEST);
+        if (reenableStencilTest)
+            gl.enable(gl.STENCIL_TEST);
+    }
+    _getCameraShader(gl) {
+        if (this._shader)
+            return this._shader;
+        let prog = gl.createProgram();
+        if (!prog)
+            throw new Error("Unable to create program");
+        let vertexShader = compileShader(gl, gl.VERTEX_SHADER, vertexShaderSrc);
+        let fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fragmentShaderSrc);
+        gl.attachShader(prog, vertexShader);
+        gl.attachShader(prog, fragmentShader);
+        linkProgram(gl, prog);
+        let unif_skinTexTransform = gl.getUniformLocation(prog, "skinTexTransform");
+        if (!unif_skinTexTransform)
+            throw new Error("Unable to get uniform location skinTexTransform");
+        let unif_pointSize = gl.getUniformLocation(prog, "pointSize");
+        if (!unif_pointSize)
+            throw new Error("Unable to get uniform location pointSize");
+        this._shader = {
+            prog,
+            unif_skinTexTransform,
+            unif_pointSize,
+            attr_position: gl.getAttribLocation(prog, "pos"),
+            attr_type: gl.getAttribLocation(prog, "aType"),
+        };
+        return this._shader;
+    }
+}
+let vertexShaderSrc = `#version 300 es
+
+in vec2 pos;
+in uint aType;
+uniform mat4 skinTexTransform;
+uniform float pointSize;
+
+out vec4 vColor;
+
+void main()
+{
+    gl_Position = skinTexTransform * vec4(pos, 0.0, 1.0);
+    vColor = vec4(1.0, 0.0, 0.0, 1.0);
+    if (aType == 1u) {
+        vColor = vec4(1.0, 0.7, 0.0, 1.0);
+    } else if (aType >= 4u) {
+        vColor = vec4(0.0, 0.0, 1.0, 1.0);
+    } else if (aType > 1u) {
+        vColor = vec4(0.0, 1.0, 0.0, 1.0);
+    }
+    gl_PointSize = pointSize;
+}`;
+let fragmentShaderSrc = `#version 300 es
+precision highp float;
+
+in vec4 vColor;
+out vec4 outColor;
+
+void main()
+{
+    outColor = vColor;
+}`;
+function cameraRotationForScreenOrientation() {
+    if (window.screen.orientation && !profile.forceWindowOrientation) {
+        switch (window.screen.orientation.type) {
+            case "portrait-primary":
+                return 270;
+            case "landscape-secondary":
+                return 180;
+            case "portrait-secondary":
+                return 90;
+            default:
+                return 0;
+        }
+    }
+    else if (window.orientation !== undefined) {
+        switch (window.orientation) {
+            case 0: return 270;
+            case 90: return 0;
+            case 180: return 90;
+            case -90: return 180;
+        }
+    }
+    return 0;
+}
+export function getPointsDataMatrix(frameWidth, frameHeight, screenWidth, screenHeight, mirror) {
+    let ret = mat4.create();
+    let trans = mat4.create();
+    // Translate to centre UV coords
+    mat4.fromTranslation(trans, [-0.5 * frameWidth, -0.5 * frameHeight, 0]);
+    mat4.multiply(ret, trans, ret);
+    mat4.fromScaling(trans, [2 / frameWidth, 2 / -frameHeight, 1]);
+    mat4.multiply(ret, trans, ret);
+    if (mirror) {
+        mat4.fromScaling(trans, [-1, 1, 1]);
+        mat4.multiply(ret, trans, ret);
+    }
+    let screenAspect = screenWidth > screenHeight ? (screenWidth / screenHeight) : (screenHeight / screenWidth);
+    let frameAspect = frameWidth / frameHeight;
+    mat4.fromScaling(trans, [1, screenAspect / frameAspect, 1]);
+    mat4.multiply(ret, trans, ret);
+    // Apply rotation back into ZCV's landscape space
+    mat4.fromRotation(trans, cameraRotationForScreenOrientation() * Math.PI / 180.0, [0, 0, 1]);
+    mat4.multiply(ret, trans, ret);
+    return ret;
+}

package/lib/gen/zappar-bridge.d.ts

@@ -123,6 +123,8 @@ export interface zappar {
     world_tracker_enabled(o: zappar_world_tracker_t): boolean;
     world_tracker_enabled_set(o: zappar_world_tracker_t, enabled: boolean): void;
     world_tracker_quality(o: zappar_world_tracker_t): number;
+    world_tracker_plane_detection_enabled(o: zappar_world_tracker_t): boolean;
+    world_tracker_plane_detection_enabled_set(o: zappar_world_tracker_t, plane_detection_enabled: boolean): void;
     world_tracker_plane_count(o: zappar_world_tracker_t): number;
     world_tracker_plane_pose_raw(o: zappar_world_tracker_t, indx: number): Float32Array;
     world_tracker_world_anchor_valid(o: zappar_world_tracker_t): boolean;
@@ -134,6 +136,8 @@ export interface zappar {
     world_tracker_tracks_data_enabled_set(o: zappar_world_tracker_t, tracks_data_enabled: boolean): void;
     world_tracker_tracks_data_size(o: zappar_world_tracker_t): number;
     world_tracker_tracks_data(o: zappar_world_tracker_t): Float32Array;
+    world_tracker_tracks_type_data_size(o: zappar_world_tracker_t): number;
+    world_tracker_tracks_type_data(o: zappar_world_tracker_t): Uint8Array;
     world_tracker_projections_data_enabled(o: zappar_world_tracker_t): boolean;
     world_tracker_projections_data_enabled_set(o: zappar_world_tracker_t, projections_data_enabled: boolean): void;
     world_tracker_projections_data_size(o: zappar_world_tracker_t): number;

package/lib/gen/zappar-client.js

@@ -680,6 +680,7 @@ export class zappar_client {
                 let newId = (this._latestId++);
                 let s = {
                     enabled: true,
+                    plane_detection_enabled: true,
                     plane_count: 0,
                     plane_pose: [],
                     world_anchor_valid: false,
@@ -689,6 +690,8 @@ export class zappar_client {
                     tracks_data_enabled: false,
                     tracks_data: new Float32Array([]),
                     tracks_data_size: 0,
+                    tracks_type_data: new Uint8Array([]),
+                    tracks_type_data_size: 0,
                     projections_data_enabled: false,
                     projections_data: new Float32Array([]),
                     projections_data_size: 0,
@@ -731,6 +734,21 @@ export class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.quality;
             },
+            world_tracker_plane_detection_enabled: (o) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.plane_detection_enabled;
+            },
+            world_tracker_plane_detection_enabled_set: (o, plane_detection_enabled) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                this.serializer.sendMessage(48, m => {
+                    m.type(o);
+                    m.bool(plane_detection_enabled);
+                });
+            },
             world_tracker_plane_count: (o) => {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
@@ -771,7 +789,7 @@ export class zappar_client {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(48, m => {
+                this.serializer.sendMessage(49, m => {
                     m.type(o);
                 });
             },
@@ -785,7 +803,7 @@ export class zappar_client {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(49, m => {
+                this.serializer.sendMessage(50, m => {
                     m.type(o);
                     m.bool(tracks_data_enabled);
                 });
@@ -802,6 +820,18 @@ export class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.tracks_data;
             },
+            world_tracker_tracks_type_data_size: (o) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.tracks_type_data_size;
+            },
+            world_tracker_tracks_type_data: (o) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.tracks_type_data;
+            },
             world_tracker_projections_data_enabled: (o) => {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
@@ -812,7 +842,7 @@ export class zappar_client {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(50, m => {
+                this.serializer.sendMessage(51, m => {
                     m.type(o);
                     m.bool(projections_data_enabled);
                 });
@@ -1102,7 +1132,23 @@ export class zappar_client {
                     inst.tracks_data = msg.floatArray();
                     break;
                 }
-                case 37: {
+                case 36: {
+                    let handle = msg.type();
+                    let inst = this._world_tracker_state_by_instance.get(handle);
+                    if (!inst)
+                        return;
+                    inst.tracks_type_data_size = msg.int();
+                    break;
+                }
+                case 35: {
+                    let handle = msg.type();
+                    let inst = this._world_tracker_state_by_instance.get(handle);
+                    if (!inst)
+                        return;
+                    inst.tracks_type_data = msg.ucharArray();
+                    break;
+                }
+                case 39: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1110,7 +1156,7 @@ export class zappar_client {
                     inst.projections_data_size = msg.int();
                     break;
                 }
-                case 36: {
+                case 38: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)

package/lib/gen/zappar-cwrap.js

@@ -237,6 +237,13 @@ export function getRuntimeObject(mod) {
     let world_tracker_quality_wrapped = mod.cwrap("zappar_world_tracker_quality", "number", [
         "number"
     ]);
+    let world_tracker_plane_detection_enabled_wrapped = mod.cwrap("zappar_world_tracker_plane_detection_enabled", "number", [
+        "number"
+    ]);
+    let world_tracker_plane_detection_enabled_set_wrapped = mod.cwrap("zappar_world_tracker_plane_detection_enabled_set", null, [
+        "number",
+        "number"
+    ]);
     let world_tracker_plane_count_wrapped = mod.cwrap("zappar_world_tracker_plane_count", "number", [
         "number"
     ]);
@@ -272,6 +279,12 @@ export function getRuntimeObject(mod) {
     let world_tracker_tracks_data_wrapped = mod.cwrap("zappar_world_tracker_tracks_data", "number", [
         "number"
     ]);
+    let world_tracker_tracks_type_data_size_wrapped = mod.cwrap("zappar_world_tracker_tracks_type_data_size", "number", [
+        "number"
+    ]);
+    let world_tracker_tracks_type_data_wrapped = mod.cwrap("zappar_world_tracker_tracks_type_data", "number", [
+        "number"
+    ]);
     let world_tracker_projections_data_enabled_wrapped = mod.cwrap("zappar_world_tracker_projections_data_enabled", "number", [
         "number"
     ]);
@@ -771,6 +784,16 @@ export function getRuntimeObject(mod) {
             let ret = world_tracker_quality_wrapped(o);
             return ret;
         },
+        world_tracker_plane_detection_enabled: (o) => {
+            let ret = world_tracker_plane_detection_enabled_wrapped(o);
+            ret = ret === 1;
+            return ret;
+        },
+        world_tracker_plane_detection_enabled_set: (o, plane_detection_enabled) => {
+            let arg_plane_detection_enabled = plane_detection_enabled ? 1 : 0;
+            let ret = world_tracker_plane_detection_enabled_set_wrapped(o, arg_plane_detection_enabled);
+            return ret;
+        },
         world_tracker_plane_count: (o) => {
             let ret = world_tracker_plane_count_wrapped(o);
             return ret;
@@ -833,6 +856,18 @@ export function getRuntimeObject(mod) {
             ret = ab;
             return ret;
         },
+        world_tracker_tracks_type_data_size: (o) => {
+            let ret = world_tracker_tracks_type_data_size_wrapped(o);
+            return ret;
+        },
+        world_tracker_tracks_type_data: (o) => {
+            let ret = world_tracker_tracks_type_data_wrapped(o);
+            let retsize = world_tracker_tracks_type_data_size_wrapped(o);
+            let ab = new Uint8Array(retsize);
+            ab.set(mod.HEAPU8.subarray(ret, retsize + ret));
+            ret = ab;
+            return ret;
+        },
         world_tracker_projections_data_enabled: (o) => {
             let ret = world_tracker_projections_data_enabled_wrapped(o);
             ret = ret === 1;

package/lib/gen/zappar-native.d.ts

@@ -188,6 +188,8 @@ export interface zappar_cwrap {
     world_tracker_enabled(o: zappar_world_tracker_t): boolean;
     world_tracker_enabled_set(o: zappar_world_tracker_t, enabled: boolean): void;
     world_tracker_quality(o: zappar_world_tracker_t): number;
+    world_tracker_plane_detection_enabled(o: zappar_world_tracker_t): boolean;
+    world_tracker_plane_detection_enabled_set(o: zappar_world_tracker_t, plane_detection_enabled: boolean): void;
     world_tracker_plane_count(o: zappar_world_tracker_t): number;
     world_tracker_plane_pose_raw(o: zappar_world_tracker_t, indx: number): Float32Array;
     world_tracker_world_anchor_valid(o: zappar_world_tracker_t): boolean;
@@ -199,6 +201,8 @@ export interface zappar_cwrap {
     world_tracker_tracks_data_enabled_set(o: zappar_world_tracker_t, tracks_data_enabled: boolean): void;
     world_tracker_tracks_data_size(o: zappar_world_tracker_t): number;
     world_tracker_tracks_data(o: zappar_world_tracker_t): Float32Array;
+    world_tracker_tracks_type_data_size(o: zappar_world_tracker_t): number;
+    world_tracker_tracks_type_data(o: zappar_world_tracker_t): Uint8Array;
     world_tracker_projections_data_enabled(o: zappar_world_tracker_t): boolean;
     world_tracker_projections_data_enabled_set(o: zappar_world_tracker_t, projections_data_enabled: boolean): void;
     world_tracker_projections_data_size(o: zappar_world_tracker_t): number;