From 89831677e4edd6ba53468f56d3f43fdfa2e4ab3c Mon Sep 17 00:00:00 2001
From: Richard Fu <fur@richardfu.net>
Date: Fri, 17 May 2024 12:35:58 +1000
Subject: [PATCH] [ts][pixi] Add tint property for Pixi's convention.

---
 spine-ts/spine-core/src/Utils.ts | 7 +++++++
 spine-ts/spine-pixi/src/Spine.ts | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/spine-ts/spine-core/src/Utils.ts b/spine-ts/spine-core/src/Utils.ts
index b8db72837..776fe06d0 100644
--- a/spine-ts/spine-core/src/Utils.ts
+++ b/spine-ts/spine-core/src/Utils.ts
@@ -171,6 +171,13 @@ export class Color {
 		color.b = ((value & 0x000000ff)) / 255;
 	}
 
+	toRgb888 () {
+		function hex(x: number) {
+			return ("0" + (x * 255).toString(16)).slice(-2);
+		}
+		return Number("0x" + hex(this.r) + hex(this.g) + hex(this.b));
+	}
+
 	static fromString (hex: string): Color {
 		return new Color().setFromString(hex);
 	}
diff --git a/spine-ts/spine-pixi/src/Spine.ts b/spine-ts/spine-pixi/src/Spine.ts
index 907c16cce..8408f115b 100644
--- a/spine-ts/spine-pixi/src/Spine.ts
+++ b/spine-ts/spine-pixi/src/Spine.ts
@@ -432,6 +432,13 @@ export class Spine extends Container {
 		Spine.skeletonCache[cacheKey] = skeletonData;
 		return new this(skeletonData, options);
 	}
+
+	public get tint (): number {
+		return this.skeleton.color.toRgb888();
+	}
+	public set tint (value: number) {
+		Color.rgb888ToColor(this.skeleton.color, value);
+	}
 }
 
 Skeleton.yDown = true;