Basketball game: introduce event "hoopready"

demos/basketball/src/entities/ball.js

         else if(trigger.name == 'Trigger_B') {
             if(this._lastTrigger == 'A')
                 this._lastTrigger = 'B';
-            else if(this._mesh.physicsImpostor.getLinearVelocity().y > 0)
-                this._lastTrigger = 'X';
+            /*else if(this._mesh.physicsImpostor.getLinearVelocity().y > 0)
+                this._lastTrigger = 'X';*/
         }
         else if(trigger.name == 'Trigger_C') {
             if(this._lastTrigger == 'B') {

demos/basketball/src/entities/goal.js

             const net = event.detail.entity;
             net.moveBy(this._physicsRoot.position);
         }
+        else if(event.type == 'hooksready') {
+            const hooks = event.detail.hooks;
+            const centerOfHooks = this._findCenterOfHooks(hooks);
+            const radius = BABYLON.Vector3.Distance(centerOfHooks, hooks[0].position);
+            const position = centerOfHooks.add(this._physicsRoot.position); // position relative to ar.root
+
+            this._broadcast(new GameEvent('hoopready', { position, radius }));
+        }
+    }
+
+    /**
+     * Find the geometrical center of a set of hooks
+     * @param {BABYLON.Mesh[]} hooks non-empty array
+     * @returns {BABYLON.Vector3}
+     */
+    _findCenterOfHooks(hooks)
+    {
+        const center = new BABYLON.Vector3(0, 0, 0);
+
+        for(const hook of hooks) {
+            center.x += hook.position.x;
+            center.y += hook.position.y;
+            center.z += hook.position.z;
+        }
+
+        return center.scaleInPlace(1 / hooks.length);
     }
 }

demos/basketball/src/entities/net.js

         this._indices.length = 0;
 
         // the origin of the mesh will be positioned at the geometrical center of the hooks
-        const center = this._findCenter(hooks);
+        const center = this._findCenterOfHooks(hooks);
         this._physicsRoot.position.copyFrom(center);
 
         // setup the top ring
      * @param {BABYLON.Mesh[]} hooks non-empty array
      * @returns {BABYLON.Vector3}
      */
-    _findCenter(hooks)
+    _findCenterOfHooks(hooks)
     {
         const center = new BABYLON.Vector3(0, 0, 0);
 

demos/basketball/src/entities/score-text.js

 /** Duration of the fade-out effect, in seconds */
 const FADE_OUT_DURATION = 1.0;
 
+/** Y offset from the hoop, in world units */
+const Y_OFFSET = 0.25;
+
 /**
  * Score Text
  */
     }
 
     /**
-     * Find the geometrical center, in world space, of a set of hooks
-     * @param {BABYLON.Mesh[]} hooks non-empty array
-     * @returns {BABYLON.Vector3}
-     */
-    _findCenter(hooks)
-    {
-        const center = new BABYLON.Vector3(0, 0, 0);
-
-        for(const hook of hooks) {
-            center.x += hook.absolutePosition.x;
-            center.y += hook.absolutePosition.y;
-            center.z += hook.absolutePosition.z;
-        }
-
-        return center.scaleInPlace(1 / hooks.length);
-    }
-
-    /**
      * Handle an event
      * @param {GameEvent} event
      * @returns {void}
      */
     handleEvent(event)
     {
-        if(event.type == 'hooksready') {
-            const hooks = event.detail.hooks;
-            const center = this._findCenter(hooks);
-            const parent = this._mesh.parent;
-            const offset = center.subtract(parent.absolutePosition);
+        if(event.type == 'hoopready') {
+            const hoopPosition = event.detail.position;
+            const offset = new BABYLON.Vector3(0, Y_OFFSET, 0);
+            const position = hoopPosition.add(offset);
 
-            this._initialPosition.copyFrom(offset);
+            this._initialPosition.copyFrom(position);
             this._mesh.position.copyFrom(this._initialPosition);
         }
         else if(event.type == 'scored') {