From fb3ebb56eba4ac8ccfb782f9e2103fa5eae4d1db Mon Sep 17 00:00:00 2001 From: Mario Zechner Date: Thu, 6 Apr 2023 15:41:54 +0200 Subject: [PATCH] [phaser] More tests, fix make factory, add Alpha mixin --- .../spine-phaser/example/assets/phaser.png | Bin 0 -> 5507 bytes .../spine-phaser/example/basic-example.html | 2 +- .../spine-phaser/example/canvas-test.html | 44 ++++++++ spine-ts/spine-phaser/example/depth-test.html | 48 ++++++++ .../example/extended-class-test.html | 103 ++++++++++++++++++ spine-ts/spine-phaser/example/index.html | 4 + .../example/render-to-texture-test.html | 58 ++++++++++ spine-ts/spine-phaser/src/SpineGameObject.ts | 7 +- spine-ts/spine-phaser/src/SpinePlugin.ts | 7 +- spine-ts/spine-phaser/src/mixins.ts | 3 + 10 files changed, 269 insertions(+), 7 deletions(-) create mode 100644 spine-ts/spine-phaser/example/assets/phaser.png create mode 100644 spine-ts/spine-phaser/example/canvas-test.html create mode 100644 spine-ts/spine-phaser/example/depth-test.html create mode 100644 spine-ts/spine-phaser/example/extended-class-test.html create mode 100644 spine-ts/spine-phaser/example/render-to-texture-test.html diff --git a/spine-ts/spine-phaser/example/assets/phaser.png b/spine-ts/spine-phaser/example/assets/phaser.png new file mode 100644 index 0000000000000000000000000000000000000000..c824db910e96a6c61776e49411722ac4ca999f3d GIT binary patch literal 5507 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 + + + + + + + + Spine Phaser Example + + +

Canvas test

+ + + \ No newline at end of file diff --git a/spine-ts/spine-phaser/example/depth-test.html b/spine-ts/spine-phaser/example/depth-test.html new file mode 100644 index 000000000..4182b26b1 --- /dev/null +++ b/spine-ts/spine-phaser/example/depth-test.html @@ -0,0 +1,48 @@ + + + + + + + + + Spine Phaser Example + + +

Depth test

+ + + \ No newline at end of file diff --git a/spine-ts/spine-phaser/example/extended-class-test.html b/spine-ts/spine-phaser/example/extended-class-test.html new file mode 100644 index 000000000..8760d5ba2 --- /dev/null +++ b/spine-ts/spine-phaser/example/extended-class-test.html @@ -0,0 +1,103 @@ + + + + + + + + + + Spine Phaser Example + + + +

Extended class

+ + + + \ No newline at end of file diff --git a/spine-ts/spine-phaser/example/index.html b/spine-ts/spine-phaser/example/index.html index 99bbf7a67..72d76b56f 100644 --- a/spine-ts/spine-phaser/example/index.html +++ b/spine-ts/spine-phaser/example/index.html @@ -19,6 +19,10 @@
  • Blend test
  • Camera pipeline test
  • Control bones
    • +
  • Extended class
    • +
  • Canvas test
    • +
  • Depth test
    • +
  • Render to texture test
    • \ No newline at end of file diff --git a/spine-ts/spine-phaser/example/render-to-texture-test.html b/spine-ts/spine-phaser/example/render-to-texture-test.html new file mode 100644 index 000000000..64d331142 --- /dev/null +++ b/spine-ts/spine-phaser/example/render-to-texture-test.html @@ -0,0 +1,58 @@ + + + + + + + + + + Spine Phaser Example + + + +

    Render to texture

    + + + + \ No newline at end of file diff --git a/spine-ts/spine-phaser/src/SpineGameObject.ts b/spine-ts/spine-phaser/src/SpineGameObject.ts index d034922b1..32c60949e 100644 --- a/spine-ts/spine-phaser/src/SpineGameObject.ts +++ b/spine-ts/spine-phaser/src/SpineGameObject.ts @@ -1,8 +1,7 @@ import { SPINE_GAME_OBJECT_TYPE } from "./keys"; import { SpinePlugin } from "./SpinePlugin"; -import { ComputedSizeMixin, DepthMixin, FlipMixin, ScrollFactorMixin, TransformMixin, VisibleMixin } from "./mixins"; +import { ComputedSizeMixin, DepthMixin, FlipMixin, ScrollFactorMixin, TransformMixin, VisibleMixin, AlphaMixin } from "./mixins"; import { AnimationState, AnimationStateData, Bone, MathUtils, Skeleton, Skin, Vector2 } from "@esotericsoftware/spine-core"; -import { Vector3 } from "@esotericsoftware/spine-webgl"; class BaseSpineGameObject extends Phaser.GameObjects.GameObject { constructor (scene: Phaser.Scene, type: string) { @@ -76,7 +75,7 @@ export class SkinsAndAnimationBoundsProvider implements SpineGameObjectBoundsPro } } -export class SpineGameObject extends ComputedSizeMixin(DepthMixin(FlipMixin(ScrollFactorMixin(TransformMixin(VisibleMixin(BaseSpineGameObject)))))) { +export class SpineGameObject extends ComputedSizeMixin(DepthMixin(FlipMixin(ScrollFactorMixin(TransformMixin(VisibleMixin(AlphaMixin(BaseSpineGameObject))))))) { blendMode = -1; skeleton: Skeleton | null = null; animationStateData: AnimationStateData | null = null; @@ -89,7 +88,7 @@ export class SpineGameObject extends ComputedSizeMixin(DepthMixin(FlipMixin(Scro constructor (scene: Phaser.Scene, private plugin: SpinePlugin, x: number, y: number, dataKey: string, atlasKey: string, public boundsProvider: SpineGameObjectBoundsProvider = new SetupPoseBoundsProvider()) { super(scene, SPINE_GAME_OBJECT_TYPE); - this.setPosition(x, y); x + this.setPosition(x, y); this.setSkeleton(dataKey, atlasKey); } diff --git a/spine-ts/spine-phaser/src/SpinePlugin.ts b/spine-ts/spine-phaser/src/SpinePlugin.ts index e9520d7eb..49d96770a 100644 --- a/spine-ts/spine-phaser/src/SpinePlugin.ts +++ b/spine-ts/spine-phaser/src/SpinePlugin.ts @@ -106,13 +106,16 @@ export class SpinePlugin extends Phaser.Plugins.ScenePlugin { }; let makeSpineGameObject = function (this: Phaser.GameObjects.GameObjectFactory, config: any, addToScene: boolean) { + let x = config.x ? config.x : 0; + let y = config.y ? config.y : 0; let dataKey = config.dataKey ? config.dataKey : null; let atlasKey = config.atlasKey ? config.atlasKey : null; - let gameObject = new SpineGameObject(this.scene, self, 0, 0, dataKey, atlasKey); + let boundsProvider = config.boundsProvider ? config.boundsProvider : undefined; + let gameObject = new SpineGameObject(this.scene, self, x, y, dataKey, atlasKey, boundsProvider); if (addToScene !== undefined) { config.add = addToScene; } - Phaser.GameObjects.BuildGameObject(this.scene, gameObject, config); + return Phaser.GameObjects.BuildGameObject(this.scene, gameObject, config); } pluginManager.registerGameObject(SPINE_GAME_OBJECT_TYPE, addSpineGameObject, makeSpineGameObject); } diff --git a/spine-ts/spine-phaser/src/mixins.ts b/spine-ts/spine-phaser/src/mixins.ts index 63ab0810d..f4995daad 100644 --- a/spine-ts/spine-phaser/src/mixins.ts +++ b/spine-ts/spine-phaser/src/mixins.ts @@ -31,6 +31,7 @@ export const Flip = components.Flip; export const ScrollFactor = components.ScrollFactor; export const Transform = components.Transform; export const Visible = components.Visible; +export const Alpha = components.Alpha; export interface Type< T, @@ -75,3 +76,5 @@ export const TransformMixin: TransformMixin = createMixin; export const VisibleMixin: VisibleMixin = createMixin(Visible); +type AlphaMixin = Mixin; +export const AlphaMixin: AlphaMixin = createMixin(Alpha); \ No newline at end of file