@zappar/zappar-cv 3.0.1-alpha.14 → 3.0.1-alpha.16

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.14/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/3.0.1-alpha.16/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/3.0.1-alpha.14/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.0.1-alpha.14/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/3.0.1-alpha.16/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.0.1-alpha.16/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/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);
@@ -97,8 +100,8 @@ uniform sampler2D skinSampler;
 
 void main()
 {
-    vec2 pixels = 100.0 * vTextureCoord + 0.5;
-    if ((int(mod(pixels.x, 10.0)) == 0) || (int(mod(pixels.y, 10.0)) == 0)) {
+    vec2 pixels = 500.0 * vTextureCoord + 0.5;
+    if ((int(mod(pixels.x, 50.0)) == 0) || (int(mod(pixels.y, 50.0)) == 0)) {
         gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);
     } else {
         discard;

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/drawpolygon.d.ts

@@ -0,0 +1,5 @@
+export declare class PolygonDraw {
+    private _vbo;
+    private _generate;
+    drawPolygon(gl: WebGLRenderingContext, projectionMatrix: Float32Array, cameraMatrix: Float32Array, targetMatrix: Float32Array, points: Float32Array): void;
+}

package/lib/drawpolygon.js

@@ -0,0 +1,94 @@
+import { compileShader, linkProgram } from "./shader";
+let shader;
+export class PolygonDraw {
+    _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;
+    }
+    drawPolygon(gl, projectionMatrix, cameraMatrix, targetMatrix, points) {
+        let shader = getShader(gl);
+        let v = this._generate(gl, points);
+        gl.disable(gl.DEPTH_TEST);
+        gl.disable(gl.SCISSOR_TEST);
+        gl.disable(gl.CULL_FACE);
+        gl.disable(gl.STENCIL_TEST);
+        gl.disable(gl.BLEND);
+        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.vertexAttribPointer(shader.attr_position, 2, gl.FLOAT, false, 0, 0);
+        gl.enableVertexAttribArray(shader.attr_position);
+        gl.drawArrays(gl.LINE_LOOP, 0, points.length / 2);
+        gl.disableVertexAttribArray(shader.attr_position);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    }
+}
+let vertexShaderSrc = `
+#ifndef GL_ES
+#define highp
+#define mediump
+#define lowp
+#endif
+
+uniform mat4 projMatrix;
+uniform mat4 cameraMatrix;
+uniform mat4 modelViewMatrix;
+attribute vec2 position;
+
+void main()
+{
+    gl_Position = projMatrix * cameraMatrix * modelViewMatrix * vec4(position.x, 0.0, position.y, 1.0);
+}`;
+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
+
+void main()
+{
+    gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
+}`;
+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"),
+    };
+    return shader;
+}

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

@@ -123,8 +123,13 @@ 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_plane_visible(o: zappar_world_tracker_t, indx: number): boolean;
+    world_tracker_plane_polygon_data_size(o: zappar_world_tracker_t, indx: number): number;
+    world_tracker_plane_polygon_data(o: zappar_world_tracker_t, indx: number): Float32Array;
     world_tracker_world_anchor_valid(o: zappar_world_tracker_t): boolean;
     world_tracker_world_anchor_pose_raw(o: zappar_world_tracker_t): Float32Array;
     world_tracker_ground_anchor_valid(o: zappar_world_tracker_t): boolean;
@@ -134,6 +139,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,8 +680,12 @@ export class zappar_client {
                 let newId = (this._latestId++);
                 let s = {
                     enabled: true,
+                    plane_detection_enabled: true,
                     plane_count: 0,
                     plane_pose: [],
+                    plane_visible: [],
+                    plane_polygon_data: [],
+                    plane_polygon_data_size: [],
                     world_anchor_valid: false,
                     world_anchor_pose: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
                     ground_anchor_valid: false,
@@ -689,6 +693,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 +737,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)
@@ -743,6 +764,24 @@ export class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.plane_pose[indx];
             },
+            world_tracker_plane_visible: (o, indx) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.plane_visible[indx];
+            },
+            world_tracker_plane_polygon_data_size: (o, indx) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.plane_polygon_data_size[indx];
+            },
+            world_tracker_plane_polygon_data: (o, indx) => {
+                let s = this._world_tracker_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.plane_polygon_data[indx];
+            },
             world_tracker_world_anchor_valid: (o) => {
                 let s = this._world_tracker_state_by_instance.get(o);
                 if (!s)
@@ -771,7 +810,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 +824,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 +841,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 +863,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);
                 });
@@ -1029,7 +1080,7 @@ export class zappar_client {
                     inst.anchor_pose[indx] = msg.matrix4x4();
                     break;
                 }
-                case 31: {
+                case 34: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1059,7 +1110,8 @@ export class zappar_client {
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
                         return;
-                    inst.world_anchor_valid = msg.bool();
+                    let indx = msg.int();
+                    inst.plane_visible[indx] = msg.bool();
                     break;
                 }
                 case 28: {
@@ -1067,10 +1119,20 @@ export class zappar_client {
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
                         return;
-                    inst.world_anchor_pose = msg.matrix4x4();
+                    let indx = msg.int();
+                    inst.plane_polygon_data_size[indx] = msg.int();
                     break;
                 }
-                case 27: {
+                case 29: {
+                    let handle = msg.type();
+                    let inst = this._world_tracker_state_by_instance.get(handle);
+                    if (!inst)
+                        return;
+                    let indx = msg.int();
+                    inst.plane_polygon_data[indx] = msg.floatArray();
+                    break;
+                }
+                case 30: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1078,7 +1140,23 @@ export class zappar_client {
                     inst.world_anchor_valid = msg.bool();
                     break;
                 }
+                case 31: {
+                    let handle = msg.type();
+                    let inst = this._world_tracker_state_by_instance.get(handle);
+                    if (!inst)
+                        return;
+                    inst.world_anchor_pose = msg.matrix4x4();
+                    break;
+                }
                 case 30: {
+                    let handle = msg.type();
+                    let inst = this._world_tracker_state_by_instance.get(handle);
+                    if (!inst)
+                        return;
+                    inst.world_anchor_valid = msg.bool();
+                    break;
+                }
+                case 33: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1086,7 +1164,7 @@ export class zappar_client {
                     inst.ground_anchor_pose = msg.matrix4x4();
                     break;
                 }
-                case 34: {
+                case 37: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1094,7 +1172,7 @@ export class zappar_client {
                     inst.tracks_data_size = msg.int();
                     break;
                 }
-                case 33: {
+                case 36: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1102,7 +1180,23 @@ export class zappar_client {
                     inst.tracks_data = msg.floatArray();
                     break;
                 }
-                case 37: {
+                case 39: {
+                    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 38: {
+                    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 42: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -1110,7 +1204,7 @@ export class zappar_client {
                     inst.projections_data_size = msg.int();
                     break;
                 }
-                case 36: {
+                case 41: {
                     let handle = msg.type();
                     let inst = this._world_tracker_state_by_instance.get(handle);
                     if (!inst)