Bug Fixed

CanvasApp/FloatingSpace/FloatingObject.js

@@ -45,6 +45,7 @@ function newFloatingObject () {
     initializeRadius: initializeRadius,
     initializeImageSize: initializeImageSize,
     initializeFontSize: initializeFontSize,
+    initializeHierarchyRing: initializeHierarchyRing,
     initializeCurrentPosition: initializeCurrentPosition,
     radomizeCurrentSpeed: radomizeCurrentSpeed,
     drawBackground: drawBackground,
@@ -385,6 +386,7 @@ function newFloatingObject () {
       thisObject.targetRadius = thisObject.rawRadius * 6.0
       thisObject.targetImageSize = thisObject.rawImageSize * 2.0
       thisObject.targetFontSize = thisObject.rawFontSize * 2.0
+      thisObject.targetHierarchyRing = thisObject.rawHierarchyRing * 6.0
 
       thisObject.payload.uiObject.container.eventHandler.raiseEvent('onFocus', point)
 
@@ -417,6 +419,7 @@ function newFloatingObject () {
       thisObject.targetRadius = thisObject.rawRadius * 1
       thisObject.targetImageSize = thisObject.rawImageSize * 1
       thisObject.targetFontSize = thisObject.rawFontSize * 1
+      thisObject.targetHierarchyRing = thisObject.rawHierarchyRing * 1
 
       thisObject.payload.uiObject.container.eventHandler.raiseEvent('onNotFocus')
 

CanvasApp/FloatingSpace/UiObject.js

@@ -1239,7 +1239,7 @@ function newUiObject () {
       let nodeDefinition = APP_SCHEMA_MAP.get(thisObject.payload.node.type)
       if (nodeDefinition !== undefined) {
         if (nodeDefinition.isHierarchyHead === true) {
-          VISIBLE_RADIUS = thisObject.container.frame.radius * 1.4
+          VISIBLE_RADIUS = thisObject.payload.floatingObject.currentHierarchyRing * 1.4
           let OPACITY = 1
 
           browserCanvasContext.beginPath()

CanvasApp/FloatingSpace/UiObjectConstructor.js

@@ -373,6 +373,7 @@ function newUiObjectConstructor () {
     const INITIAL_FONT_SIZE = 12 * 1.5
     const INITIAL_RADIOUS = 45 * 1.5
     const INITIAL_IMAGE_SIZE = 80 * 1.2
+    const INITIAL_HIERARCHY_RING = 45 * 1.5
 
     switch (payload.node.type) {
       case 'Workspace': {
@@ -420,6 +421,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(500)
       floatingObject.initializeRadius(INITIAL_RADIOUS)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -431,6 +433,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(600)
       floatingObject.initializeRadius(INITIAL_RADIOUS)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -446,6 +449,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(300)
       floatingObject.initializeRadius(INITIAL_RADIOUS - 5)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE - 10)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -461,6 +465,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(150)
       floatingObject.initializeRadius(INITIAL_RADIOUS - 10)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE - 20)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -476,6 +481,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(75)
       floatingObject.initializeRadius(INITIAL_RADIOUS - 15)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE - 30)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -491,6 +497,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(50)
       floatingObject.initializeRadius(INITIAL_RADIOUS - 20)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE - 40)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 
@@ -502,6 +509,7 @@ function newUiObjectConstructor () {
 
       floatingObject.initializeMass(25)
       floatingObject.initializeRadius(INITIAL_RADIOUS - 25)
+      floatingObject.initializeHierarchyRing(INITIAL_HIERARCHY_RING)
       floatingObject.initializeImageSize(INITIAL_IMAGE_SIZE - 50)
       floatingObject.initializeFontSize(INITIAL_FONT_SIZE)
 

CanvasApp/Scales/TimeScale.js

@@ -48,6 +48,9 @@ function newTimeScale () {
     }
   }
 
+  let wheelDeltaDirection
+  let wheelDeltaCounter = 0
+
   return thisObject
 
   function finalize () {