@next2d/display 1.18.12 → 2.0.1

package/src/DisplayObject/usecase/DisplayObjectSetAlphaUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectのalphaを設定
+ *              Set the alpha of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} alpha
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, alpha: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetAlphaUseCase.js

@@ -0,0 +1,32 @@
+import { ColorTransform } from "@next2d/geom";
+import { $clamp } from "../../DisplayObjectUtil";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawColorTransformUseCase } from "../usecase/DisplayObjectGetRawColorTransformUseCase";
+/**
+ * @description DisplayObjectのalphaを設定
+ *              Set the alpha of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} alpha
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, alpha) => {
+    alpha = $clamp(alpha, 0, 1);
+    if (display_object.$alpha === alpha) {
+        return;
+    }
+    display_object.$alpha = alpha;
+    let colorTransform = display_object.$colorTransform;
+    if (!colorTransform) {
+        const rawData = displayObjectGetRawColorTransformUseCase(display_object);
+        colorTransform = rawData
+            ? new ColorTransform(...rawData)
+            : new ColorTransform();
+    }
+    colorTransform.alphaMultiplier = alpha;
+    colorTransform.alphaOffset = 0;
+    display_object.$colorTransform = colorTransform;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetBlendModeUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { IBlendMode } from "../../interface/IBlendMode";
+/**
+ * @description DisplayObjectのブレンドモードをセット
+ *              Set the blend mode of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {IBlendMode} blend_mode
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, blend_mode: IBlendMode) => void;

package/src/DisplayObject/usecase/DisplayObjectSetBlendModeUseCase.js

@@ -0,0 +1,18 @@
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+/**
+ * @description DisplayObjectのブレンドモードをセット
+ *              Set the blend mode of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {IBlendMode} blend_mode
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, blend_mode) => {
+    if (display_object.$blendMode === blend_mode) {
+        return;
+    }
+    display_object.$blendMode = blend_mode;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetFiltersUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { IFilterArray } from "../../interface/IFilterArray";
+/**
+ * @description DisplayObjectにフィルタを設定
+ *              Set a filter to the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {IFilterArray | null} filters
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, filters: IFilterArray | null) => void;

package/src/DisplayObject/usecase/DisplayObjectSetFiltersUseCase.js

@@ -0,0 +1,15 @@
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+/**
+ * @description DisplayObjectにフィルタを設定
+ *              Set a filter to the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {IFilterArray | null} filters
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, filters) => {
+    display_object.$filters = filters;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetHeightUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectの高さを設定します
+ *              Sets the height of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, height: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetHeightUseCase.js

@@ -0,0 +1,30 @@
+import { execute as displayObjectGetRawBoundsUseCase } from "./DisplayObjectGetRawBoundsUseCase";
+import { execute as displayObjectSetScaleYUseCase } from "./DisplayObjectSetScaleYUseCase";
+/**
+ * @description DisplayObjectの高さを設定します
+ *              Sets the height of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, height) => {
+    height = +height;
+    if (isNaN(height) || 0 > height) {
+        return;
+    }
+    const rawBounds = displayObjectGetRawBoundsUseCase(display_object);
+    let rawHeight = Math.abs(rawBounds[3] - rawBounds[1]);
+    switch (true) {
+        case rawHeight === 0:
+        case rawHeight === Infinity:
+        case rawHeight === -Infinity:
+            return;
+        default:
+            rawHeight = Math.round(rawHeight * 100) / 100;
+            break;
+    }
+    displayObjectSetScaleYUseCase(display_object, height / rawHeight);
+};

package/src/DisplayObject/usecase/DisplayObjectSetRotationUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectの回転値を設定
+ *              Set DisplayObject rotation value
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} rotation
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, rotation: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetRotationUseCase.js

@@ -0,0 +1,63 @@
+import { Matrix } from "@next2d/geom";
+import { $clamp } from "../../DisplayObjectUtil";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../usecase/DisplayObjectGetRawMatrixUseCase";
+/**
+ * @type {number}
+ * @private
+ */
+const $Deg2Rad = Math.PI / 180;
+/**
+ * @description DisplayObjectの回転値を設定
+ *              Set DisplayObject rotation value
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} rotation
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, rotation) => {
+    rotation = $clamp(rotation % 360, 0 - 360, 360, 0);
+    if (display_object.$rotation === rotation) {
+        return;
+    }
+    let matrix = display_object.$matrix;
+    if (!matrix) {
+        const rawData = displayObjectGetRawMatrixUseCase(display_object);
+        display_object.$matrix = matrix = rawData
+            ? new Matrix(...rawData)
+            : new Matrix();
+    }
+    const scaleX = Math.sqrt(matrix.a * matrix.a + matrix.b * matrix.b);
+    const scaleY = Math.sqrt(matrix.c * matrix.c + matrix.d * matrix.d);
+    if (rotation === 0) {
+        matrix.a = scaleX;
+        matrix.b = 0;
+        matrix.c = 0;
+        matrix.d = scaleY;
+    }
+    else {
+        let radianX = Math.atan2(matrix.b, matrix.a);
+        let radianY = Math.atan2(-matrix.c, matrix.d);
+        const radian = rotation * $Deg2Rad;
+        radianY = radianY + radian - radianX;
+        radianX = radian;
+        matrix.b = scaleX * Math.sin(radianX);
+        if (matrix.b === 1 || matrix.b === -1) {
+            matrix.a = 0;
+        }
+        else {
+            matrix.a = scaleX * Math.cos(radianX);
+        }
+        matrix.c = -scaleY * Math.sin(radianY);
+        if (matrix.c === 1 || matrix.c === -1) {
+            matrix.d = 0;
+        }
+        else {
+            matrix.d = scaleY * Math.cos(radianY);
+        }
+    }
+    display_object.$rotation = rotation;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetScaleXUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectのx軸方向の拡大率を設定
+ *              Set the x-axis scaling factor of the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} scale_x
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, scale_x: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetScaleXUseCase.js

@@ -0,0 +1,48 @@
+import { $clamp } from "../../DisplayObjectUtil";
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../usecase/DisplayObjectGetRawMatrixUseCase";
+/**
+ * @description DisplayObjectのx軸方向の拡大率を設定
+ *              Set the x-axis scaling factor of the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} scale_x
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, scale_x) => {
+    scale_x = $clamp(scale_x, -Number.MAX_VALUE, Number.MAX_VALUE, 1);
+    if (!Number.isInteger(scale_x)) {
+        const value = scale_x.toString();
+        const index = value.indexOf("e");
+        if (index !== -1) {
+            scale_x = +value.slice(0, index);
+        }
+        scale_x = Math.round(scale_x * 10000) / 10000;
+    }
+    if (display_object.$scaleX === scale_x) {
+        return;
+    }
+    let matrix = display_object.$matrix;
+    if (!matrix) {
+        const rawData = displayObjectGetRawMatrixUseCase(display_object);
+        display_object.$matrix = matrix = rawData
+            ? new Matrix(...rawData)
+            : new Matrix();
+    }
+    if (matrix.b === 0 || isNaN(matrix.b)) {
+        matrix.a = scale_x;
+    }
+    else {
+        let radianX = Math.atan2(matrix.b, matrix.a);
+        if (radianX === -Math.PI) {
+            radianX = 0;
+        }
+        matrix.b = scale_x * Math.sin(radianX);
+        matrix.a = scale_x * Math.cos(radianX);
+    }
+    display_object.$scaleX = scale_x;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetScaleYUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectのy軸方向の拡大率を設定
+ *              Set the y-axis scaling factor of the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} scale_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, scale_y: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetScaleYUseCase.js

@@ -0,0 +1,48 @@
+import { $clamp } from "../../DisplayObjectUtil";
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../usecase/DisplayObjectGetRawMatrixUseCase";
+/**
+ * @description DisplayObjectのy軸方向の拡大率を設定
+ *              Set the y-axis scaling factor of the DisplayObject.
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} scale_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, scale_y) => {
+    scale_y = $clamp(scale_y, -Number.MAX_VALUE, Number.MAX_VALUE, 1);
+    if (!Number.isInteger(scale_y)) {
+        const value = scale_y.toString();
+        const index = value.indexOf("e");
+        if (index !== -1) {
+            scale_y = +value.slice(0, index);
+        }
+        scale_y = Math.round(scale_y * 10000) / 10000;
+    }
+    if (display_object.$scaleY === scale_y) {
+        return;
+    }
+    let matrix = display_object.$matrix;
+    if (!matrix) {
+        const rawData = displayObjectGetRawMatrixUseCase(display_object);
+        display_object.$matrix = matrix = rawData
+            ? new Matrix(...rawData)
+            : new Matrix();
+    }
+    if (matrix.c === 0 || isNaN(matrix.c)) {
+        matrix.d = scale_y;
+    }
+    else {
+        let radianY = Math.atan2(-matrix.c, matrix.d);
+        if (radianY === -Math.PI) {
+            radianY = 0;
+        }
+        matrix.c = -scale_y * Math.sin(radianY);
+        matrix.d = scale_y * Math.cos(radianY);
+    }
+    display_object.$scaleY = scale_y;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetWidthUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectの幅を設定します
+ *              Sets the width of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} width
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, width: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetWidthUseCase.js

@@ -0,0 +1,30 @@
+import { execute as displayObjectGetRawBoundsUseCase } from "./DisplayObjectGetRawBoundsUseCase";
+import { execute as displayObjectSetScaleXUseCase } from "./DisplayObjectSetScaleXUseCase";
+/**
+ * @description DisplayObjectの幅を設定します
+ *              Sets the width of the DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} width
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, width) => {
+    width = +width;
+    if (isNaN(width) || 0 > width) {
+        return;
+    }
+    const rawBounds = displayObjectGetRawBoundsUseCase(display_object);
+    let rawWidth = Math.abs(rawBounds[2] - rawBounds[0]);
+    switch (true) {
+        case rawWidth === 0:
+        case rawWidth === Infinity:
+        case rawWidth === -Infinity:
+            return;
+        default:
+            rawWidth = Math.round(rawWidth * 100) / 100;
+            break;
+    }
+    displayObjectSetScaleXUseCase(display_object, width / rawWidth);
+};

package/src/DisplayObject/usecase/DisplayObjectSetXUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectのx座標を設定
+ *              Set x-coordinate of DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} x
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, x: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetXUseCase.js

@@ -0,0 +1,27 @@
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../usecase/DisplayObjectGetRawMatrixUseCase";
+/**
+ * @description DisplayObjectのx座標を設定
+ *              Set x-coordinate of DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} x
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, x) => {
+    let matrix = display_object.$matrix;
+    if (!matrix) {
+        const rawData = displayObjectGetRawMatrixUseCase(display_object);
+        display_object.$matrix = matrix = rawData
+            ? new Matrix(...rawData)
+            : new Matrix();
+    }
+    if (display_object.$x === x) {
+        return;
+    }
+    display_object.$x = matrix.tx = x;
+    displayObjectApplyChangesService(display_object);
+};

package/src/DisplayObject/usecase/DisplayObjectSetYUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description DisplayObjectのy座標を設定
+ *              Set y-coordinate of DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, y: number) => void;

package/src/DisplayObject/usecase/DisplayObjectSetYUseCase.js

@@ -0,0 +1,27 @@
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectApplyChangesService } from "../service/DisplayObjectApplyChangesService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../usecase/DisplayObjectGetRawMatrixUseCase";
+/**
+ * @description DisplayObjectのy座標を設定
+ *              Set y-coordinate of DisplayObject
+ *
+ * @param  {DisplayObject} display_object
+ * @param  {number} y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, y) => {
+    let matrix = display_object.$matrix;
+    if (!matrix) {
+        const rawData = displayObjectGetRawMatrixUseCase(display_object);
+        display_object.$matrix = matrix = rawData
+            ? new Matrix(...rawData)
+            : new Matrix();
+    }
+    if (display_object.$y === y) {
+        return;
+    }
+    display_object.$y = matrix.ty = y;
+    displayObjectApplyChangesService(display_object);
+};