mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2025-12-20 17:26:01 +08:00
[haxe] Add coordinates transform and before/after UWT methods. Add stretchyman example.
This commit is contained in:
parent
430cccb03f
commit
acd4b1eb98
@ -97,7 +97,7 @@ class AnimationBoundExample extends Scene {
|
|||||||
public function onTouch(e:TouchEvent) {
|
public function onTouch(e:TouchEvent) {
|
||||||
var touch = e.getTouch(this);
|
var touch = e.getTouch(this);
|
||||||
if (touch != null && touch.phase == TouchPhase.ENDED) {
|
if (touch != null && touch.phase == TouchPhase.ENDED) {
|
||||||
SceneManager.getInstance().switchScene(new BasicExample());
|
SceneManager.getInstance().switchScene(new StretcyhmanExample());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
144
spine-haxe/example/src/StretcyhmanExample.hx
Normal file
144
spine-haxe/example/src/StretcyhmanExample.hx
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
/******************************************************************************
|
||||||
|
* Spine Runtimes License Agreement
|
||||||
|
* Last updated July 28, 2023. Replaces all prior versions.
|
||||||
|
*
|
||||||
|
* Copyright (c) 2013-2023, Esoteric Software LLC
|
||||||
|
*
|
||||||
|
* Integration of the Spine Runtimes into software or otherwise creating
|
||||||
|
* derivative works of the Spine Runtimes is permitted under the terms and
|
||||||
|
* conditions of Section 2 of the Spine Editor License Agreement:
|
||||||
|
* http://esotericsoftware.com/spine-editor-license
|
||||||
|
*
|
||||||
|
* Otherwise, it is permitted to integrate the Spine Runtimes into software or
|
||||||
|
* otherwise create derivative works of the Spine Runtimes (collectively,
|
||||||
|
* "Products"), provided that each user of the Products must obtain their own
|
||||||
|
* Spine Editor license and redistribution of the Products in any form must
|
||||||
|
* include this license and copyright notice.
|
||||||
|
*
|
||||||
|
* THE SPINE RUNTIMES ARE PROVIDED BY ESOTERIC SOFTWARE LLC "AS IS" AND ANY
|
||||||
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||||||
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||||
|
* DISCLAIMED. IN NO EVENT SHALL ESOTERIC SOFTWARE LLC BE LIABLE FOR ANY
|
||||||
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||||||
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES,
|
||||||
|
* BUSINESS INTERRUPTION, OR LOSS OF USE, DATA, OR PROFITS) HOWEVER CAUSED AND
|
||||||
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||||
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE
|
||||||
|
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
import openfl.geom.Point;
|
||||||
|
import Scene.SceneManager;
|
||||||
|
import openfl.utils.Assets;
|
||||||
|
import spine.SkeletonData;
|
||||||
|
import spine.animation.AnimationStateData;
|
||||||
|
import spine.atlas.TextureAtlas;
|
||||||
|
import spine.starling.SkeletonSprite;
|
||||||
|
import spine.starling.StarlingTextureLoader;
|
||||||
|
import starling.core.Starling;
|
||||||
|
import starling.events.TouchEvent;
|
||||||
|
import starling.events.TouchPhase;
|
||||||
|
import starling.display.Canvas;
|
||||||
|
|
||||||
|
class StretcyhmanExample extends Scene {
|
||||||
|
var loadBinary = true;
|
||||||
|
|
||||||
|
var skeletonSprite:SkeletonSprite;
|
||||||
|
private var movement = new openfl.geom.Point();
|
||||||
|
private var controlBones = [];
|
||||||
|
private var controls = [];
|
||||||
|
|
||||||
|
public function load():Void {
|
||||||
|
var atlas = new TextureAtlas(Assets.getText("assets/stretchyman.atlas"), new StarlingTextureLoader("assets/stretchyman.atlas"));
|
||||||
|
var skeletondata = SkeletonData.from(loadBinary ? Assets.getBytes("assets/stretchyman-pro.skel") : Assets.getText("assets/stretchyman-pro.json"), atlas);
|
||||||
|
var animationStateData = new AnimationStateData(skeletondata);
|
||||||
|
animationStateData.defaultMix = 0.25;
|
||||||
|
|
||||||
|
skeletonSprite = new SkeletonSprite(skeletondata, animationStateData);
|
||||||
|
|
||||||
|
var bounds = skeletonSprite.skeleton.getBounds();
|
||||||
|
skeletonSprite.scale = Starling.current.stage.stageWidth / bounds.width * 0.25;
|
||||||
|
skeletonSprite.x = Starling.current.stage.stageWidth / 2;
|
||||||
|
skeletonSprite.y = Starling.current.stage.stageHeight * 0.9;
|
||||||
|
|
||||||
|
skeletonSprite.state.setAnimationByName(0, "idle", true);
|
||||||
|
|
||||||
|
addChild(skeletonSprite);
|
||||||
|
juggler.add(skeletonSprite);
|
||||||
|
|
||||||
|
addText("Drag purple circles or stretchyhman.");
|
||||||
|
addText("Click background for next scene", 10, 30);
|
||||||
|
|
||||||
|
var controlBoneNames = [
|
||||||
|
"back-arm-ik-target",
|
||||||
|
"back-leg-ik-target",
|
||||||
|
"front-arm-ik-target",
|
||||||
|
"front-leg-ik-target",
|
||||||
|
];
|
||||||
|
|
||||||
|
for (boneName in controlBoneNames) {
|
||||||
|
var bone = skeletonSprite.skeleton.findBone(boneName);
|
||||||
|
var point = [bone.worldX, bone.worldY];
|
||||||
|
skeletonSprite.skeletonToHaxeWorldCoordinates(point);
|
||||||
|
|
||||||
|
var control:Canvas = new Canvas();
|
||||||
|
control.name = boneName;
|
||||||
|
control.beginFill(0xff00ff);
|
||||||
|
control.drawCircle(0, 0, 6);
|
||||||
|
control.endFill();
|
||||||
|
|
||||||
|
control.x = point[0];
|
||||||
|
control.y = point[1];
|
||||||
|
controlBones.push(bone);
|
||||||
|
controls.push(control);
|
||||||
|
addChild(control);
|
||||||
|
}
|
||||||
|
|
||||||
|
var point = [.0, .0];
|
||||||
|
skeletonSprite.beforeUpdateWorldTransforms = function (go) {
|
||||||
|
for (i in 0...controls.length) {
|
||||||
|
var bone = controlBones[i];
|
||||||
|
var control = controls[i];
|
||||||
|
point[0] = control.x;
|
||||||
|
point[1] = control.y;
|
||||||
|
go.haxeWorldCoordinatesToBone(point, bone);
|
||||||
|
bone.x = point[0];
|
||||||
|
bone.y = point[1];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
addEventListener(TouchEvent.TOUCH, onTouch);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function onTouch(e:TouchEvent) {
|
||||||
|
var touchBackground = true;
|
||||||
|
for (control in controls) {
|
||||||
|
var touchControl = e.getTouch(control);
|
||||||
|
if (touchControl != null) {
|
||||||
|
touchBackground = false;
|
||||||
|
if (touchControl.phase == TouchPhase.MOVED) {
|
||||||
|
touchControl.getMovement(this, movement);
|
||||||
|
control.x += movement.x;
|
||||||
|
control.y += movement.y;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var touchSkeleton = e.getTouch(skeletonSprite);
|
||||||
|
if (touchSkeleton != null) {
|
||||||
|
touchBackground = false;
|
||||||
|
if (touchSkeleton.phase == TouchPhase.MOVED) {
|
||||||
|
touchSkeleton.getMovement(this, movement);
|
||||||
|
skeletonSprite.skeleton.x += movement.x / skeletonSprite.scale;
|
||||||
|
skeletonSprite.skeleton.y += movement.y / skeletonSprite.scale;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (touchBackground) {
|
||||||
|
var sceneTouch = e.getTouch(this);
|
||||||
|
if (sceneTouch != null && sceneTouch.phase == TouchPhase.ENDED) {
|
||||||
|
SceneManager.getInstance().switchScene(new BasicExample());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -75,6 +75,9 @@ class SkeletonSprite extends DisplayObject implements IAnimatable {
|
|||||||
private var tempLight:spine.Color = new spine.Color(0, 0, 0);
|
private var tempLight:spine.Color = new spine.Color(0, 0, 0);
|
||||||
private var tempDark:spine.Color = new spine.Color(0, 0, 0);
|
private var tempDark:spine.Color = new spine.Color(0, 0, 0);
|
||||||
|
|
||||||
|
public var beforeUpdateWorldTransforms: SkeletonSprite -> Void = function(_) {};
|
||||||
|
public var afterUpdateWorldTransforms: SkeletonSprite -> Void = function(_) {};
|
||||||
|
|
||||||
public function new(skeletonData:SkeletonData, animationStateData:AnimationStateData = null) {
|
public function new(skeletonData:SkeletonData, animationStateData:AnimationStateData = null) {
|
||||||
super();
|
super();
|
||||||
Bone.yDown = true;
|
Bone.yDown = true;
|
||||||
@ -370,8 +373,47 @@ class SkeletonSprite extends DisplayObject implements IAnimatable {
|
|||||||
public function advanceTime(time:Float):Void {
|
public function advanceTime(time:Float):Void {
|
||||||
_state.update(time);
|
_state.update(time);
|
||||||
_state.apply(skeleton);
|
_state.apply(skeleton);
|
||||||
|
this.beforeUpdateWorldTransforms(this);
|
||||||
skeleton.update(time);
|
skeleton.update(time);
|
||||||
skeleton.updateWorldTransform(Physics.update);
|
skeleton.updateWorldTransform(Physics.update);
|
||||||
|
this.afterUpdateWorldTransforms(this);
|
||||||
this.setRequiresRedraw();
|
this.setRequiresRedraw();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function skeletonToHaxeWorldCoordinates(point:Array<Float>):Void {
|
||||||
|
var transform = this.transformationMatrix;
|
||||||
|
var a = transform.a,
|
||||||
|
b = transform.b,
|
||||||
|
c = transform.c,
|
||||||
|
d = transform.d,
|
||||||
|
tx = transform.tx,
|
||||||
|
ty = transform.ty;
|
||||||
|
var x = point[0];
|
||||||
|
var y = point[1];
|
||||||
|
point[0] = x * a + y * c + tx;
|
||||||
|
point[1] = x * b + y * d + ty;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function haxeWorldCoordinatesToSkeleton(point:Array<Float>):Void {
|
||||||
|
var transform = this.transformationMatrix.clone().invert();
|
||||||
|
var a = transform.a,
|
||||||
|
b = transform.b,
|
||||||
|
c = transform.c,
|
||||||
|
d = transform.d,
|
||||||
|
tx = transform.tx,
|
||||||
|
ty = transform.ty;
|
||||||
|
var x = point[0];
|
||||||
|
var y = point[1];
|
||||||
|
point[0] = x * a + y * c + tx;
|
||||||
|
point[1] = x * b + y * d + ty;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function haxeWorldCoordinatesToBone(point:Array<Float>, bone: Bone):Void {
|
||||||
|
this.haxeWorldCoordinatesToSkeleton(point);
|
||||||
|
if (bone.parent != null) {
|
||||||
|
bone.parent.worldToLocal(point);
|
||||||
|
} else {
|
||||||
|
bone.worldToLocal(point);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user