feat(troika-3d-text): add events fired on text sync start and completion

protectwise · May 12, 2020 · 3e7d4e0 · 3e7d4e0
1 parent 669b256
commit 3e7d4e0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/packages/troika-3d-text/src/facade/Text3DFacade.js b/packages/troika-3d-text/src/facade/Text3DFacade.js
@@ -42,22 +42,38 @@ class Text3DFacade extends Object3DFacade {
 
     this.selectable = false
     this.selectionStart = this.selectionEnd = -1
+    this.onSyncStart = null
+    this.onSyncComplete = null
 
-    this._afterSync = () => {
+    mesh.addEventListener('syncstart', e => {
+      this.notifyWorld('text3DSyncStart')
+      if (this.onSyncStart) {
+        this.onSyncStart()
+      }
+    })
+    mesh.addEventListener('synccomplete', e => {
       if (!this.isDestroying) {
         mesh.geometry.boundingSphere.version++
         this.afterUpdate()
+        this.notifyWorld('text3DSyncComplete')
         this.notifyWorld('needsRender')
+        if (this.onSyncComplete) {
+          this.onSyncComplete()
+        }
       }
-    }
+    })
+  }
+
+  get textRenderInfo() {
+    return this.threeObject.textRenderInfo
   }
 
   afterUpdate() {
     const textMesh = this.threeObject
     TEXT_MESH_PROPS.forEach(prop => {
       textMesh[prop] = this[prop]
     })
-    textMesh.sync(this._afterSync)
+    textMesh.sync()
 
     super.afterUpdate()
 

diff --git a/packages/troika-3d-text/src/three/TextMesh.js b/packages/troika-3d-text/src/three/TextMesh.js
@@ -29,6 +29,9 @@ const raycastMesh = new Mesh(
   defaultMaterial
 )
 
+const syncStartEvent = {type: 'syncstart'}
+const syncCompleteEvent = {type: 'synccomplete'}
+
 
 
 /**
@@ -204,6 +207,7 @@ class TextMesh extends Mesh {
         (this._queuedSyncs || (this._queuedSyncs = [])).push(callback)
       } else {
         this._isSyncing = true
+        this.dispatchEvent(syncStartEvent)
 
         getTextRenderInfo({
           text: this.text,
@@ -242,6 +246,7 @@ class TextMesh extends Mesh {
             })
           }
 
+          this.dispatchEvent(syncCompleteEvent)
           if (callback) {
             callback()
           }