@urso/core 0.7.31 → 0.7.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urso/core",
-  "version": "0.7.31",
+  "version": "0.7.33",
   "description": "HTML5 game engine",
   "main": "build/js/index.js",
   "author": "Megbrimef",

package/src/js/lib/helper.js

@@ -599,6 +599,67 @@ class LibHelper {
 
         return string
     }
+
+    /**
+     * Converts color number to object that contents RGB values
+     * @param { Number } color - color number
+     * @returns { Object }
+     */
+    getRGB(color) {
+        return  {
+            alpha: 16777215 < color ? color >>> 24 : 255,
+            red: color >> 16 & 255,
+            green: color >> 8 & 255,
+            blue: 255 & color
+        };
+    }
+
+    /**
+     * Converts RGB values to 32 bit
+     * @param { Number } alpha 
+     * @param { Number } red 
+     * @param { Number } green 
+     * @param { Number } blue 
+     * @returns { Number }
+     */
+    getColor32(alpha, red, green, blue) {
+        return alpha << 24 | red << 16 | green << 8 | blue;
+    }
+
+    /**
+     * Returns color interpolation depends on step value
+     * @param { Number } startColor 
+     * @param { Number } targetColor 
+     * @param { Number } step - intermediate value from 0 to 1
+     * @returns { Number }
+     */
+    interpolateColor32(startColor, targetColor, step) {
+        if(startColor === targetColor)
+            return startColor;
+
+        const startColorRGB = this.getRGB(startColor);
+        const targetColorRGB = this.getRGB(targetColor);
+        const nextColorRGB = this.interpolateColorRGB(startColorRGB, targetColorRGB, step);
+        const color32 = this.getColor32(255, nextColorRGB.red, nextColorRGB.green, nextColorRGB.blue);
+        return 16777215 + color32;
+    }
+
+    /**
+     * Returns color interpolation as RGB object depends on step value
+     * @param { Object } startColorRGB - object that contents start values for red, green and blue
+     * @param { Object } targetColorRGB - object that contents target values for red, green and blue
+     * @param { Number } step - intermediate value from 0 to 1
+     * @returns { Object }
+     */
+    interpolateColorRGB(startColorRGB, targetColorRGB, step) {
+        const nextRGB = {};
+
+        Object.keys(startColorRGB).forEach(color => {
+            nextRGB[color] = (targetColorRGB[color] - startColorRGB[color]) * step + startColorRGB[color];
+        });
+
+        return nextRGB;
+    }
 }
 
 module.exports = LibHelper;

package/src/js/modules/objects/baseModel.js

@@ -195,6 +195,12 @@ class ModulesObjectsBaseModel {
 
         return newTexture;
     }
+
+    // sorts children by zIndex
+    sortChildren() {
+        if(this._baseObject.children?.length > 0)
+            this._baseObject.sortChildren();
+    }
 }
 
 module.exports = ModulesObjectsBaseModel;

package/src/js/modules/objects/proxy.js

@@ -233,7 +233,7 @@ class ModulesObjectsProxy {
             'class': 'class',
             'x': 'x',
             'y': 'y',
-            'z': 'z',
+            'z': 'zIndex',
             'angle': 'angle',
             'anchorX': 'anchor.x', //'anchor.x',
             'anchorY': 'anchor.y', //'anchor.y',