imageobject - add points on finish

src/components/InteractiveObjects/ImageObject/ImageObject.js

@@ -2,6 +2,7 @@ import { EventManager } from "@/lib/EventManager";
 import { MeshStandardMaterial, MeshBasicMaterial, PlaneGeometry, Mesh, DoubleSide, Vector3 } from "three";
 
 class ImageObject extends EventManager{
+    emits = ['finish', 'interaction']
     constructor(engine, obj) {
         super();
         return new Promise(async(resolve, reject)=>{
@@ -36,7 +37,11 @@ class ImageObject extends EventManager{
 
             if (obj.description) {
                 engine.clickable.add(this.object, ()=>{
-                    engine.dashboard.updateText(obj.description, {hideOnFinish: true})
+                    this.dispatchEvent({type:'interaction'})
+                    engine.dashboard.updateText(obj.description, {
+                        hideOnFinish: true,
+                        textScrolledCallback: ()=>{ this.dispatchEvent({type:'finish'}); }
+                    })
                 })
             }