@zappar/zappar-cv 0.3.14 → 0.4.0-beta.11

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/0.3.14/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/0.4.0-beta.11/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/0.3.14/zappar-cv.zip](https://libs.zappar.com/zappar-cv/0.3.14/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/0.4.0-beta.11/zappar-cv.zip](https://libs.zappar.com/zappar-cv/0.4.0-beta.11/zappar-cv.zip)

package/lib/additional.d.ts

@@ -1,4 +1,4 @@
-import { zappar_face_mesh_t, zappar_face_tracker_t, zappar_pipeline_t } from "./gen/zappar";
+import { zappar_face_mesh_t, zappar_face_tracker_t, zappar_pipeline_t, zappar_image_tracker_t } from "./gen/zappar";
 export declare type zappar_html_element_source_t = number & {
     _: 'zappar_html_element_source_t';
 };
@@ -8,6 +8,7 @@ export interface Additional {
     pipeline_draw_face(pipeline: zappar_pipeline_t, projectionMatrix: Float32Array, cameraMatrix: Float32Array, targetMatrix: Float32Array, o: zappar_face_mesh_t): void;
     pipeline_draw_face_project(pipeline: zappar_pipeline_t, drawwMatrix: Float32Array, vertices: Float32Array, uvMatrix: Float32Array, uvs: Float32Array, indices: Uint16Array, texture: WebGLTexture): void;
     draw_plane(gl: WebGLRenderingContext, projectionMatrix: Float32Array, cameraMatrix: Float32Array, targetMatrix: Float32Array, texture: string): void;
+    image_tracker_target_image(o: zappar_image_tracker_t, indx: number): HTMLImageElement | undefined;
     face_mesh_load_default(o: zappar_face_mesh_t): Promise<void>;
     face_mesh_load_default_face(o: zappar_face_mesh_t, fillMouth: boolean, fillEyeL: boolean, fillEyeR: boolean): Promise<void>;
     face_mesh_load_default_full_head_simplified(o: zappar_face_mesh_t, fillMouth: boolean, fillEyeL: boolean, fillEyeR: boolean, fillNeck: boolean): Promise<void>;

package/lib/camera-source-map.d.ts

@@ -0,0 +1,10 @@
+import { CameraSource } from "./camera-source";
+import { zappar_camera_source_t, zappar_pipeline_t } from "./gen/zappar";
+import { ImageBitmapCameraSource } from "./imagebitmap-camera-source";
+import { MSTPCameraSource } from "./mstp-camera-source";
+export declare type CameraSourceType = CameraSource | MSTPCameraSource | ImageBitmapCameraSource;
+export declare function getNextCameraSourceId(): zappar_camera_source_t;
+export declare function setCameraSourceId(id: zappar_camera_source_t, c: CameraSourceType): void;
+export declare function getCameraSource(id: zappar_camera_source_t): CameraSourceType | undefined;
+export declare function deleteCameraSource(id: zappar_camera_source_t): void;
+export declare function createCameraSource(p: zappar_pipeline_t, deviceId: string): zappar_camera_source_t;

package/lib/camera-source-map.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCameraSource = exports.deleteCameraSource = exports.getCameraSource = exports.setCameraSourceId = exports.getNextCameraSourceId = void 0;
+const camera_source_1 = require("./camera-source");
+const imagebitmap_camera_source_1 = require("./imagebitmap-camera-source");
+const loglevel_1 = require("./loglevel");
+const mstp_camera_source_1 = require("./mstp-camera-source");
+const profile_1 = require("./profile");
+let latest = 1;
+let byId = new Map();
+function getNextCameraSourceId() {
+    return (latest++);
+}
+exports.getNextCameraSourceId = getNextCameraSourceId;
+function setCameraSourceId(id, c) {
+    byId.set(id, c);
+}
+exports.setCameraSourceId = setCameraSourceId;
+function getCameraSource(id) {
+    return byId.get(id);
+}
+exports.getCameraSource = getCameraSource;
+function deleteCameraSource(id) {
+    byId.delete(id);
+}
+exports.deleteCameraSource = deleteCameraSource;
+function createCameraSource(p, deviceId) {
+    let ret = getNextCameraSourceId();
+    if (profile_1.profile.preferMediaStreamTrackProcessorCamera &&
+        'MediaStreamTrackProcessor' in window &&
+        'MediaStreamTrackGenerator' in window)
+        setCameraSourceId(ret, new mstp_camera_source_1.MSTPCameraSource(ret, p, deviceId));
+    else if (profile_1.profile.preferImageBitmapCamera && typeof OffscreenCanvas !== "undefined")
+        setCameraSourceId(ret, new imagebitmap_camera_source_1.ImageBitmapCameraSource(ret, p, deviceId));
+    else
+        setCameraSourceId(ret, new camera_source_1.CameraSource(ret, p, deviceId));
+    loglevel_1.zcout("camera_source_t initialized");
+    return ret;
+}
+exports.createCameraSource = createCameraSource;

package/lib/camera-source.d.ts

@@ -1,6 +1,5 @@
 import { zappar_camera_source_t, zappar_pipeline_t } from "./gen/zappar";
 import { HTMLElementSource } from "./html-element-source";
-import { CameraFrameInfo } from "./source";
 export declare class CameraSource extends HTMLElementSource {
     private _impl;
     private _deviceId;
@@ -8,19 +7,18 @@ export declare class CameraSource extends HTMLElementSource {
     static DEFAULT_DEVICE_ID: string;
     private _currentStream;
     private _activeDeviceId;
-    static create(p: zappar_pipeline_t, deviceId: string): zappar_camera_source_t;
-    static get(m: zappar_camera_source_t): CameraSource | undefined;
-    private constructor();
+    constructor(_impl: zappar_camera_source_t, pipeline: zappar_pipeline_t, _deviceId: string);
     destroy(): void;
     private _stop;
     pause(): void;
     start(): void;
     private _getConstraints;
-    getFrame(allowRead: boolean): CameraFrameInfo | undefined;
+    getFrame(allowRead: boolean): void;
     private _getUserMedia;
     private _syncCamera;
     private _hasStartedOrientation;
     private _deviceMotionListener;
+    private _deviceOrientationListener;
     private _startDeviceOrientation;
     private _startDeviceMotion;
     private _stopDeviceMotion;

package/lib/camera-source.js

@@ -15,8 +15,7 @@ const profile_1 = require("./profile");
 const pipeline_1 = require("./pipeline");
 const cameramodel_1 = require("./cameramodel");
 const loglevel_1 = require("./loglevel");
-let latest = 1;
-let byId = new Map();
+const camera_source_map_1 = require("./camera-source-map");
 let _videoSingleton = document.createElement("video");
 _videoSingleton.setAttribute('playsinline', '');
 _videoSingleton.setAttribute('webkit-playsinline', '');
@@ -56,17 +55,8 @@ class CameraSource extends html_element_source_1.HTMLElementSource {
             }
         };
     }
-    static create(p, deviceId) {
-        let ret = (latest++);
-        byId.set(ret, new CameraSource(ret, p, deviceId));
-        loglevel_1.zcout("camera_source_t initialized");
-        return ret;
-    }
-    static get(m) {
-        return byId.get(m);
-    }
     destroy() {
-        byId.delete(this._impl);
+        camera_source_map_1.deleteCameraSource(this._impl);
         super.destroy();
     }
     _stop() {
@@ -140,7 +130,7 @@ class CameraSource extends html_element_source_1.HTMLElementSource {
     }
     getFrame(allowRead) {
         this._cameraToScreenRotation = cameramodel_1.cameraRotationForScreenOrientation(false);
-        return super.getFrame(allowRead);
+        super.getFrame(allowRead);
     }
     _getUserMedia() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -188,7 +178,7 @@ class CameraSource extends html_element_source_1.HTMLElementSource {
         if (this._hasStartedOrientation)
             return;
         this._hasStartedOrientation = true;
-        window.addEventListener("deviceorientation", (ev) => {
+        this._deviceOrientationListener = (ev) => {
             let pipeline = pipeline_1.Pipeline.get(this._pipeline);
             if (!pipeline)
                 return;
@@ -196,13 +186,16 @@ class CameraSource extends html_element_source_1.HTMLElementSource {
             if (ev.alpha === null || ev.beta === null || ev.gamma === null)
                 return;
             pipeline.motionAttitudeSubmit(timeStamp, ev.alpha, ev.beta, ev.gamma);
-        });
+        };
+        window.addEventListener("deviceorientation", this._deviceOrientationListener);
     }
     _startDeviceMotion() {
         window.addEventListener("devicemotion", this._deviceMotionListener, false);
     }
     _stopDeviceMotion() {
         window.removeEventListener("devicemotion", this._deviceMotionListener);
+        if (this._deviceOrientationListener)
+            window.removeEventListener("deviceorientation", this._deviceOrientationListener);
     }
 }
 exports.CameraSource = CameraSource;

package/lib/deserializer.d.ts

@@ -7,6 +7,7 @@ interface Message {
     dataWithLength: () => ArrayBuffer;
     type: () => number;
     matrix4x4: () => Float32Array;
+    matrix3x3: () => Float32Array;
     identityCoefficients: () => Float32Array;
     expressionCoefficients: () => Float32Array;
     cameraModel: () => Float32Array;

package/lib/deserializer.js

@@ -50,6 +50,13 @@ class MessageDeserializer {
                 this._startOffset += len;
                 return ret;
             },
+            matrix3x3: () => {
+                let len = this._i32View[this._startOffset++];
+                let ret = new Float32Array(len);
+                ret.set(this._f32View.subarray(this._startOffset, this._startOffset + 9));
+                this._startOffset += len;
+                return ret;
+            },
             identityCoefficients: () => {
                 let len = this._i32View[this._startOffset++];
                 let ret = new Float32Array(len);

package/lib/drawcamera.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.cameraFrameTextureMatrix = exports.CameraDraw = void 0;
 const shader_1 = require("./shader");
 const gl_matrix_1 = require("gl-matrix");
+let identity = gl_matrix_1.mat4.create();
 class CameraDraw {
     constructor(_gl) {
         this._gl = _gl;
@@ -47,7 +48,7 @@ class CameraDraw {
         let vbo = this._generate(gl, i);
         gl.activeTexture(gl.TEXTURE0);
         gl.useProgram(shader.prog);
-        gl.uniformMatrix4fv(shader.unif_skinTexTransform, false, cameraFrameTextureMatrix(i.dataWidth, i.dataHeight, screenWidth, screenHeight, i.uvTransform, mirror));
+        gl.uniformMatrix4fv(shader.unif_skinTexTransform, false, cameraFrameTextureMatrix(i.dataWidth, i.dataHeight, screenWidth, screenHeight, i.uvTransform || identity, mirror));
         gl.uniform1i(shader.unif_skinSampler, 0);
         gl.bindTexture(gl.TEXTURE_2D, i.texture);
         gl.bindBuffer(gl.ARRAY_BUFFER, vbo);

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

@@ -10,6 +10,7 @@ export declare class zappar_client {
     private _latestId;
     private _pipeline_state_by_instance;
     private _camera_source_state_by_instance;
+    private _sequence_source_state_by_instance;
     private _image_tracker_state_by_instance;
     private _face_tracker_state_by_instance;
     private _face_mesh_state_by_instance;

package/lib/gen/zappar-client.js

@@ -16,6 +16,7 @@ class zappar_client {
         this._latestId = 1;
         this._pipeline_state_by_instance = new Map();
         this._camera_source_state_by_instance = new Map();
+        this._sequence_source_state_by_instance = new Map();
         this._image_tracker_state_by_instance = new Map();
         this._face_tracker_state_by_instance = new Map();
         this._face_mesh_state_by_instance = new Map();
@@ -27,12 +28,12 @@ class zappar_client {
                 return this._globalState.log_level;
             },
             log_level_set: (level) => {
-                this.serializer.sendMessage(33, m => {
+                this.serializer.sendMessage(34, m => {
                     m.logLevel(level);
                 });
             },
             analytics_project_id_set: (id) => {
-                this.serializer.sendMessage(30, m => {
+                this.serializer.sendMessage(31, m => {
                     m.string(id);
                 });
             },
@@ -44,10 +45,11 @@ class zappar_client {
                     camera_model: new Float32Array([300, 300, 160, 120, 0, 0]),
                     camera_pose: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
                     camera_frame_camera_attitude: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+                    camera_frame_device_attitude: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
                     frame_number: 0,
                 };
                 this._pipeline_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(26, m => {
+                this.serializer.sendMessage(27, m => {
                     m.type(newId);
                 });
                 return newId;
@@ -57,7 +59,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._pipeline_state_by_instance.delete(o);
-                this.serializer.sendMessage(27, m => {
+                this.serializer.sendMessage(28, m => {
                     m.type(o);
                 });
             },
@@ -87,7 +89,7 @@ class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.current_frame_user_data;
             },
-            pipeline_camera_frame_submit: (o, data, width, height, user_data, camera_to_device_transform) => {
+            pipeline_camera_frame_submit: (o, data, width, height, user_data, camera_to_device_transform, camera_model, user_facing) => {
                 let s = this._pipeline_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
@@ -98,14 +100,27 @@ class zappar_client {
                     m.int(height);
                     m.int(user_data);
                     m.matrix4x4(camera_to_device_transform);
+                    m.cameraModel(camera_model);
+                    m.bool(user_facing);
                 });
             },
+            pipeline_camera_frame_submit_raw_pointer: (o, data, dataLength, format, width, height, user_data, camera_to_device_transform, rotation, camera_model, user_facing) => {
+                let s = this._pipeline_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+            },
             pipeline_camera_frame_camera_attitude: (o) => {
                 let s = this._pipeline_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
                 return s.camera_frame_camera_attitude;
             },
+            pipeline_camera_frame_device_attitude: (o) => {
+                let s = this._pipeline_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                return s.camera_frame_device_attitude;
+            },
             pipeline_motion_accelerometer_submit: (o, time, x, y, z) => {
                 let s = this._pipeline_state_by_instance.get(o);
                 if (!s)
@@ -142,12 +157,21 @@ class zappar_client {
                     m.float(z);
                 });
             },
+            pipeline_motion_attitude_matrix_submit: (o, mat) => {
+                let s = this._pipeline_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                this.serializer.sendMessage(13, m => {
+                    m.type(o);
+                    m.matrix4x4(mat);
+                });
+            },
             // #### camera_source ####
             camera_source_create: (pipeline, device_id) => {
                 let newId = (this._latestId++);
                 let s = {};
                 this._camera_source_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(28, m => {
+                this.serializer.sendMessage(29, m => {
                     m.type(newId);
                     m.type(pipeline);
                     m.string(device_id);
@@ -159,7 +183,27 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._camera_source_state_by_instance.delete(o);
-                this.serializer.sendMessage(29, m => {
+                this.serializer.sendMessage(30, m => {
+                    m.type(o);
+                });
+            },
+            // #### sequence_source ####
+            sequence_source_create: (pipeline) => {
+                let newId = (this._latestId++);
+                let s = {};
+                this._sequence_source_state_by_instance.set(newId, s);
+                this.serializer.sendMessage(35, m => {
+                    m.type(newId);
+                    m.type(pipeline);
+                });
+                return newId;
+            },
+            sequence_source_destroy: (o) => {
+                let s = this._sequence_source_state_by_instance.get(o);
+                if (!s)
+                    throw new Error("This object has been destroyed");
+                this._sequence_source_state_by_instance.delete(o);
+                this.serializer.sendMessage(36, m => {
                     m.type(o);
                 });
             },
@@ -169,7 +213,6 @@ class zappar_client {
                 let s = {
                     enabled: true,
                     target_loaded_version: -1,
-                    target_count: 0,
                     anchor_count: 0,
                     anchor_id: [],
                     anchor_pose: [],
@@ -186,7 +229,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._image_tracker_state_by_instance.delete(o);
-                this.serializer.sendMessage(13, m => {
+                this.serializer.sendMessage(14, m => {
                     m.type(o);
                 });
             },
@@ -205,12 +248,6 @@ class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.target_loaded_version;
             },
-            image_tracker_target_count: (o) => {
-                let s = this._image_tracker_state_by_instance.get(o);
-                if (!s)
-                    throw new Error("This object has been destroyed");
-                return s.target_count;
-            },
             image_tracker_enabled: (o) => {
                 let s = this._image_tracker_state_by_instance.get(o);
                 if (!s)
@@ -258,7 +295,7 @@ class zappar_client {
                     anchor_expression_coefficients: [],
                 };
                 this._face_tracker_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(19, m => {
+                this.serializer.sendMessage(20, m => {
                     m.type(newId);
                     m.type(pipeline);
                 });
@@ -269,7 +306,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._face_tracker_state_by_instance.delete(o);
-                this.serializer.sendMessage(20, m => {
+                this.serializer.sendMessage(21, m => {
                     m.type(o);
                 });
             },
@@ -277,7 +314,7 @@ class zappar_client {
                 let s = this._face_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(21, m => {
+                this.serializer.sendMessage(22, m => {
                     m.type(o);
                     m.dataWithLength(data);
                 });
@@ -292,7 +329,7 @@ class zappar_client {
                 let s = this._face_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(22, m => {
+                this.serializer.sendMessage(23, m => {
                     m.type(o);
                     m.bool(enabled);
                 });
@@ -307,7 +344,7 @@ class zappar_client {
                 let s = this._face_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(23, m => {
+                this.serializer.sendMessage(24, m => {
                     m.type(o);
                     m.int(num);
                 });
@@ -353,7 +390,7 @@ class zappar_client {
                 let newId = (this._latestId++);
                 let s = {};
                 this._face_mesh_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(24, m => {
+                this.serializer.sendMessage(25, m => {
                     m.type(newId);
                 });
                 return newId;
@@ -363,7 +400,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._face_mesh_state_by_instance.delete(o);
-                this.serializer.sendMessage(25, m => {
+                this.serializer.sendMessage(26, m => {
                     m.type(o);
                 });
             },
@@ -372,7 +409,7 @@ class zappar_client {
                 let newId = (this._latestId++);
                 let s = {};
                 this._face_landmark_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(31, m => {
+                this.serializer.sendMessage(32, m => {
                     m.type(newId);
                     m.faceLandmarkName(landmark);
                 });
@@ -383,7 +420,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._face_landmark_state_by_instance.delete(o);
-                this.serializer.sendMessage(32, m => {
+                this.serializer.sendMessage(33, m => {
                     m.type(o);
                 });
             },
@@ -398,7 +435,7 @@ class zappar_client {
                     formats: (1 << 17) - 1,
                 };
                 this._barcode_finder_state_by_instance.set(newId, s);
-                this.serializer.sendMessage(15, m => {
+                this.serializer.sendMessage(16, m => {
                     m.type(newId);
                     m.type(pipeline);
                 });
@@ -409,7 +446,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._barcode_finder_state_by_instance.delete(o);
-                this.serializer.sendMessage(16, m => {
+                this.serializer.sendMessage(17, m => {
                     m.type(o);
                 });
             },
@@ -417,7 +454,7 @@ class zappar_client {
                 let s = this._barcode_finder_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(17, m => {
+                this.serializer.sendMessage(18, m => {
                     m.type(o);
                     m.bool(enabled);
                 });
@@ -456,7 +493,7 @@ class zappar_client {
                 let s = this._barcode_finder_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
-                this.serializer.sendMessage(18, m => {
+                this.serializer.sendMessage(19, m => {
                     m.type(o);
                     m.barcodeFormat(f);
                 });
@@ -480,7 +517,7 @@ class zappar_client {
                 if (!s)
                     throw new Error("This object has been destroyed");
                 this._instant_world_tracker_state_by_instance.delete(o);
-                this.serializer.sendMessage(14, m => {
+                this.serializer.sendMessage(15, m => {
                     m.type(o);
                 });
             },
@@ -505,7 +542,7 @@ class zappar_client {
                     throw new Error("This object has been destroyed");
                 return s.pose;
             },
-            instant_world_tracker_anchor_pose_set_from_camera_offset: (o, x, y, z, orientation) => {
+            instant_world_tracker_anchor_pose_set_from_camera_offset_raw: (o, x, y, z, orientation) => {
                 let s = this._instant_world_tracker_state_by_instance.get(o);
                 if (!s)
                     throw new Error("This object has been destroyed");
@@ -555,20 +592,20 @@ class zappar_client {
                     inst.camera_frame_camera_attitude = msg.matrix4x4();
                     break;
                 }
-                case 18: {
+                case 12: {
                     let handle = msg.type();
-                    let inst = this._image_tracker_state_by_instance.get(handle);
+                    let inst = this._pipeline_state_by_instance.get(handle);
                     if (!inst)
                         return;
-                    inst.target_loaded_version = msg.int();
+                    inst.camera_frame_device_attitude = msg.matrix4x4();
                     break;
                 }
-                case 20: {
+                case 19: {
                     let handle = msg.type();
                     let inst = this._image_tracker_state_by_instance.get(handle);
                     if (!inst)
                         return;
-                    inst.target_count = msg.int();
+                    inst.target_loaded_version = msg.int();
                     break;
                 }
                 case 1: {
@@ -597,7 +634,7 @@ class zappar_client {
                     inst.anchor_pose[indx] = msg.matrix4x4();
                     break;
                 }
-                case 17: {
+                case 18: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -605,7 +642,7 @@ class zappar_client {
                     inst.model_loaded = msg.int();
                     break;
                 }
-                case 12: {
+                case 13: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -613,7 +650,7 @@ class zappar_client {
                     inst.anchor_count = msg.int();
                     break;
                 }
-                case 13: {
+                case 14: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -622,7 +659,7 @@ class zappar_client {
                     inst.anchor_id[indx] = msg.string();
                     break;
                 }
-                case 14: {
+                case 15: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -631,7 +668,7 @@ class zappar_client {
                     inst.anchor_pose[indx] = msg.matrix4x4();
                     break;
                 }
-                case 15: {
+                case 16: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)
@@ -640,7 +677,7 @@ class zappar_client {
                     inst.anchor_identity_coefficients[indx] = msg.identityCoefficients();
                     break;
                 }
-                case 16: {
+                case 17: {
                     let handle = msg.type();
                     let inst = this._face_tracker_state_by_instance.get(handle);
                     if (!inst)