UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-03-26 22:49:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Meshes, FFD and skinning for spine-starling.

Browse Source
This commit is contained in:
NathanSweet 2014-06-02 15:33:22 +02:00
parent fb28ee1b49
commit 6b9d514ca7
19 changed files with 1656 additions and 292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
spine-as3/spine-as3/src/spine/Skeleton.as
View File

@ -41,7 +41,7 @@ public class Skeleton {
public var g:Number = 1; public var g:Number = 1;
public var b:Number = 1; public var b:Number = 1;
public var a:Number = 1; public var a:Number = 1;
public var time:Number; public var time:Number = 0;
public var flipX:Boolean; public var flipX:Boolean;
public var flipY:Boolean; public var flipY:Boolean;
public var x:Number = 0; public var x:Number = 0;

6
spine-as3/spine-as3/src/spine/attachments/MeshAttachment.as
View File

@ -96,9 +96,9 @@ public dynamic class MeshAttachment extends Attachment {
if (slot.attachmentVertices.length == verticesCount) vertices = slot.attachmentVertices; if (slot.attachmentVertices.length == verticesCount) vertices = slot.attachmentVertices;
for (var i:int = 0, ii:int = 0; i < verticesCount; i += 2, ii += 2) { for (var i:int = 0, ii:int = 0; i < verticesCount; i += 2, ii += 2) {
var vx:Number = vertices[i]; var vx:Number = vertices[i];
var vy:Number = vertices[ii]; var vy:Number = vertices[int(i + 1)];
worldVertices[i] = vx * m00 + vy * m01 + x; worldVertices[ii] = vx * m00 + vy * m01 + x;
worldVertices[ii] = vx * m10 + vy * m11 + y; worldVertices[int(ii + 1)] = vx * m10 + vy * m11 + y;
} }
} }
} }

196
spine-starling/spine-starling-example/html-template/index.template.html
View File

@ -1,109 +1,109 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet --> <!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!-- <!--
Smart developers always View Source. Smart developers always View Source.
This application was built using Adobe Flex, an open source framework This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. Flash Player or to desktops via Adobe AIR.
Learn more about Flex at http://flex.org Learn more about Flex at http://flex.org
// --> // -->
<head> <head>
<title>${title}</title> <title>${title}</title>
<meta name="google" value="notranslate" /> <meta name="google" value="notranslate" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and
the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as
the percentage of the height of its parent container, which has to be set explicitly. Fix for the percentage of the height of its parent container, which has to be set explicitly. Fix for
Firefox 3.6 focus border issues. Initially, don't display flashContent div so it won't show Firefox 3.6 focus border issues. Initially, don't display flashContent div so it won't show
if JavaScript disabled. if JavaScript disabled.
--> -->
<style type="text/css" media="screen"> <style type="text/css" media="screen">
html, body { height:100%; } html, body { height:100%; }
body { margin:0; padding:0; overflow:auto; text-align:center; body { margin:0; padding:0; overflow:auto; text-align:center;
background-color: ${bgcolor}; } background-color: ${bgcolor}; }
object:focus { outline:none; } object:focus { outline:none; }
#flashContent { display:none; } #flashContent { display:none; }
</style> </style>
<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens --> <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
<!-- BEGIN Browser History required section ${useBrowserHistory}> <!-- BEGIN Browser History required section ${useBrowserHistory}>
<link rel="stylesheet" type="text/css" href="history/history.css" /> <link rel="stylesheet" type="text/css" href="history/history.css" />
<script type="text/javascript" src="history/history.js"></script> <script type="text/javascript" src="history/history.js"></script>
<!${useBrowserHistory} END Browser History required section --> <!${useBrowserHistory} END Browser History required section -->
<script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.
var swfVersionStr = "${version_major}.${version_minor}.${version_revision}"; var swfVersionStr = "${version_major}.${version_minor}.${version_revision}";
// To use express install, set to playerProductInstall.swf, otherwise the empty string. // To use express install, set to playerProductInstall.swf, otherwise the empty string.
var xiSwfUrlStr = "${expressInstallSwf}"; var xiSwfUrlStr = "${expressInstallSwf}";
var flashvars = {}; var flashvars = {};
var params = {}; var params = {};
params.quality = "high"; params.quality = "high";
params.bgcolor = "${bgcolor}"; params.bgcolor = "${bgcolor}";
params.allowscriptaccess = "sameDomain"; params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true"; params.allowfullscreen = "true";
params.wmode = "direct"; params.wmode = "direct";
var attributes = {}; var attributes = {};
attributes.id = "${application}"; attributes.id = "${application}";
attributes.name = "${application}"; attributes.name = "${application}";
attributes.align = "middle"; attributes.align = "middle";
swfobject.embedSWF( swfobject.embedSWF(
"${swf}.swf", "flashContent", "${swf}.swf", "flashContent",
"${width}", "${height}", "${width}", "${height}",
swfVersionStr, xiSwfUrlStr, swfVersionStr, xiSwfUrlStr,
flashvars, params, attributes); flashvars, params, attributes);
// JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
swfobject.createCSS("#flashContent", "display:block;text-align:left;"); swfobject.createCSS("#flashContent", "display:block;text-align:left;");
</script> </script>
</head> </head>
<body> <body>
<!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough
JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
when JavaScript is disabled. when JavaScript is disabled.
--> -->
<div id="flashContent"> <div id="flashContent">
<p> <p>
To view this page ensure that Adobe Flash Player version To view this page ensure that Adobe Flash Player version
${version_major}.${version_minor}.${version_revision} or greater is installed. ${version_major}.${version_minor}.${version_revision} or greater is installed.
</p> </p>
<script type="text/javascript"> <script type="text/javascript">
var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );
</script> </script>
</div> </div>
<noscript> <noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="${width}" height="${height}" id="${application}"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="${width}" height="${height}" id="${application}">
<param name="movie" value="${swf}.swf" /> <param name="movie" value="${swf}.swf" />
<param name="quality" value="high" /> <param name="quality" value="high" />
<param name="bgcolor" value="${bgcolor}" /> <param name="bgcolor" value="${bgcolor}" />
<param name="allowScriptAccess" value="sameDomain" /> <param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" /> <param name="allowFullScreen" value="true" />
<!--[if !IE]>--> <!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="${swf}.swf" width="${width}" height="${height}"> <object type="application/x-shockwave-flash" data="${swf}.swf" width="${width}" height="${height}">
<param name="quality" value="high" /> <param name="quality" value="high" />
<param name="bgcolor" value="${bgcolor}" /> <param name="bgcolor" value="${bgcolor}" />
<param name="allowScriptAccess" value="sameDomain" /> <param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" /> <param name="allowFullScreen" value="true" />
<!--<![endif]--> <!--<![endif]-->
<!--[if gte IE 6]>--> <!--[if gte IE 6]>-->
<p> <p>
Either scripts and active content are not permitted to run or Adobe Flash Player version Either scripts and active content are not permitted to run or Adobe Flash Player version
${version_major}.${version_minor}.${version_revision} or greater is not installed. ${version_major}.${version_minor}.${version_revision} or greater is not installed.
</p> </p>
<!--<![endif]--> <!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"> <a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
</a> </a>
<!--[if !IE]>--> <!--[if !IE]>-->
</object> </object>
<!--<![endif]--> <!--<![endif]-->
</object> </object>
</noscript> </noscript>
</body> </body>
</html> </html>

18
spine-starling/spine-starling-example/src/AtlasExample.as
View File

@ -1,14 +1,15 @@
package { package {
import flash.display.Bitmap;
import spine.Event; import spine.Event;
import spine.SkeletonData; import spine.SkeletonData;
import spine.SkeletonJson; import spine.SkeletonJson;
import spine.animation.AnimationStateData; import spine.animation.AnimationStateData;
import spine.atlas.Atlas; import spine.atlas.Atlas;
import spine.attachments.AtlasAttachmentLoader; import spine.attachments.AtlasAttachmentLoader;
import spine.starling.StarlingTextureLoader;
import spine.starling.SkeletonAnimation; import spine.starling.SkeletonAnimation;
import spine.starling.StarlingAtlasAttachmentLoader; import spine.starling.StarlingTextureLoader;
import starling.core.Starling; import starling.core.Starling;
import starling.display.Sprite; import starling.display.Sprite;
@ -16,7 +17,6 @@ import starling.events.Touch;
import starling.events.TouchEvent; import starling.events.TouchEvent;
import starling.events.TouchPhase; import starling.events.TouchPhase;
import starling.textures.Texture; import starling.textures.Texture;
import starling.textures.TextureAtlas;
public class AtlasExample extends Sprite { public class AtlasExample extends Sprite {
[Embed(source = "spineboy.atlas", mimeType = "application/octet-stream")] [Embed(source = "spineboy.atlas", mimeType = "application/octet-stream")]
@ -33,14 +33,14 @@ public class AtlasExample extends Sprite {
public function AtlasExample () { public function AtlasExample () {
var atlas:Atlas = new Atlas(new SpineboyAtlasFile(), new StarlingTextureLoader(new SpineboyAtlasTexture())); var atlas:Atlas = new Atlas(new SpineboyAtlasFile(), new StarlingTextureLoader(new SpineboyAtlasTexture()));
var json:SkeletonJson = new SkeletonJson(new AtlasAttachmentLoader(atlas)); var json:SkeletonJson = new SkeletonJson(new AtlasAttachmentLoader(atlas));
json.scale = 0.6;
var skeletonData:SkeletonData = json.readSkeletonData(new SpineboyJson()); var skeletonData:SkeletonData = json.readSkeletonData(new SpineboyJson());
var stateData:AnimationStateData = new AnimationStateData(skeletonData); var stateData:AnimationStateData = new AnimationStateData(skeletonData);
stateData.setMixByName("walk", "jump", 0.2); stateData.defaultMix = 0.2;
stateData.setMixByName("jump", "walk", 0.4); stateData.setMixByName("jump", "run", 0.3);
stateData.setMixByName("jump", "jump", 0.2);
skeleton = new SkeletonAnimation(skeletonData, stateData); skeleton = new SkeletonAnimation(skeletonData, false, stateData);
skeleton.x = 320; skeleton.x = 320;
skeleton.y = 420; skeleton.y = 420;
@ -60,7 +60,7 @@ public class AtlasExample extends Sprite {
skeleton.state.setAnimationByName(0, "walk", true); skeleton.state.setAnimationByName(0, "walk", true);
skeleton.state.addAnimationByName(0, "jump", false, 3); skeleton.state.addAnimationByName(0, "jump", false, 3);
skeleton.state.addAnimationByName(0, "walk", true, 0); skeleton.state.addAnimationByName(0, "run", true, 0);
addChild(skeleton); addChild(skeleton);
Starling.juggler.add(skeleton); Starling.juggler.add(skeleton);
@ -72,7 +72,7 @@ public class AtlasExample extends Sprite {
var touch:Touch = event.getTouch(this); var touch:Touch = event.getTouch(this);
if (touch && touch.phase == TouchPhase.BEGAN) { if (touch && touch.phase == TouchPhase.BEGAN) {
skeleton.state.setAnimationByName(0, "jump", false); skeleton.state.setAnimationByName(0, "jump", false);
skeleton.state.addAnimationByName(0, "walk", true, 0); skeleton.state.addAnimationByName(0, "run", true, 0);
} }
} }
} }

8
spine-starling/spine-starling-example/src/GoblinsExample.as
View File

@ -19,13 +19,13 @@ import starling.textures.Texture;
import starling.textures.TextureAtlas; import starling.textures.TextureAtlas;
public class GoblinsExample extends Sprite { public class GoblinsExample extends Sprite {
[Embed(source = "goblins.atlas", mimeType = "application/octet-stream")] [Embed(source = "goblins-ffd.atlas", mimeType = "application/octet-stream")]
static public const SpineboyAtlasFile:Class; static public const SpineboyAtlasFile:Class;
[Embed(source = "goblins.png")] [Embed(source = "goblins-ffd.png")]
static public const SpineboyAtlasTexture:Class; static public const SpineboyAtlasTexture:Class;
[Embed(source = "goblins.json", mimeType = "application/octet-stream")] [Embed(source = "goblins-ffd.json", mimeType = "application/octet-stream")]
static public const SpineboyJson:Class; static public const SpineboyJson:Class;
private var skeleton:SkeletonAnimation; private var skeleton:SkeletonAnimation;
@ -35,7 +35,7 @@ public class GoblinsExample extends Sprite {
var json:SkeletonJson = new SkeletonJson(new AtlasAttachmentLoader(atlas)); var json:SkeletonJson = new SkeletonJson(new AtlasAttachmentLoader(atlas));
var skeletonData:SkeletonData = json.readSkeletonData(new SpineboyJson()); var skeletonData:SkeletonData = json.readSkeletonData(new SpineboyJson());
skeleton = new SkeletonAnimation(skeletonData); skeleton = new SkeletonAnimation(skeletonData, true);
skeleton.x = 320; skeleton.x = 320;
skeleton.y = 420; skeleton.y = 420;
skeleton.skeleton.skinName = "goblin"; skeleton.skeleton.skinName = "goblin";

9
spine-starling/spine-starling-example/src/Main.as
View File

@ -2,6 +2,7 @@
package { package {
import flash.display.Sprite; import flash.display.Sprite;
import starling.core.Starling; import starling.core.Starling;
[SWF(width = "640", height = "480", frameRate = "60", backgroundColor = "#dddddd")] [SWF(width = "640", height = "480", frameRate = "60", backgroundColor = "#dddddd")]
@ -9,7 +10,13 @@ public class Main extends Sprite {
private var _starling:Starling; private var _starling:Starling;
public function Main () { public function Main () {
_starling = new Starling(AtlasExample, stage); var example:Class;
//example = AtlasExample;
//example = StarlingAtlasExample;
example = GoblinsExample;
_starling = new Starling(example, stage);
_starling.showStats = true;
_starling.start(); _starling.start();
} }
} }

20
spine-starling/spine-starling-example/src/StarlingAtlasExample.as
View File

@ -22,7 +22,7 @@ public class StarlingAtlasExample extends Sprite {
[Embed(source = "spineboy-starling.png")] [Embed(source = "spineboy-starling.png")]
static public const SpineboyAtlasTexture:Class; static public const SpineboyAtlasTexture:Class;
[Embed(source = "spineboy.json", mimeType = "application/octet-stream")] [Embed(source = "spineboy-starling.json", mimeType = "application/octet-stream")]
static public const SpineboyJson:Class; static public const SpineboyJson:Class;
private var skeleton:SkeletonAnimation; private var skeleton:SkeletonAnimation;
@ -40,23 +40,23 @@ public class StarlingAtlasExample extends Sprite {
stateData.setMixByName("jump", "walk", 0.4); stateData.setMixByName("jump", "walk", 0.4);
stateData.setMixByName("jump", "jump", 0.2); stateData.setMixByName("jump", "jump", 0.2);
skeleton = new SkeletonAnimation(skeletonData, stateData); skeleton = new SkeletonAnimation(skeletonData, false, stateData);
skeleton.x = 320; skeleton.x = 320;
skeleton.y = 420; skeleton.y = 420;
skeleton.state.onStart = function (trackIndex:int) : void { skeleton.state.onStart.add(function (trackIndex:int) : void {
trace(trackIndex + " start: " + skeleton.state.getCurrent(trackIndex)); trace(trackIndex + " start: " + skeleton.state.getCurrent(trackIndex));
}; });
skeleton.state.onEnd = function (trackIndex:int) : void { skeleton.state.onEnd.add(function (trackIndex:int) : void {
trace(trackIndex + " end: " + skeleton.state.getCurrent(trackIndex)); trace(trackIndex + " end: " + skeleton.state.getCurrent(trackIndex));
}; });
skeleton.state.onComplete = function (trackIndex:int, count:int) : void { skeleton.state.onComplete.add(function (trackIndex:int, count:int) : void {
trace(trackIndex + " complete: " + skeleton.state.getCurrent(trackIndex) + ", " + count); trace(trackIndex + " complete: " + skeleton.state.getCurrent(trackIndex) + ", " + count);
}; });
skeleton.state.onEvent = function (trackIndex:int, event:Event) : void { skeleton.state.onEvent.add(function (trackIndex:int, event:Event) : void {
trace(trackIndex + " event: " + skeleton.state.getCurrent(trackIndex) + ", " trace(trackIndex + " event: " + skeleton.state.getCurrent(trackIndex) + ", "
+ event.data.name + ": " + event.intValue + ", " + event.floatValue + ", " + event.stringValue); + event.data.name + ": " + event.intValue + ", " + event.floatValue + ", " + event.stringValue);
}; });
skeleton.state.setAnimationByName(0, "walk", true); skeleton.state.setAnimationByName(0, "walk", true);
skeleton.state.addAnimationByName(0, "jump", false, 3); skeleton.state.addAnimationByName(0, "jump", false, 3);

114
spine-starling/spine-starling-example/src/goblins-ffd.atlas
View File

@ -4,288 +4,288 @@ format: RGBA8888
filter: Linear,Linear filter: Linear,Linear
repeat: none repeat: none
dagger dagger
rotate: false rotate: true
xy: 2, 28 xy: 372, 100
size: 26, 108 size: 26, 108
orig: 26, 108 orig: 26, 108
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/eyes-closed goblin/eyes-closed
rotate: false rotate: false
xy: 137, 29 xy: 2, 7
size: 34, 12 size: 34, 12
orig: 34, 12 orig: 34, 12
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/head goblin/head
rotate: false rotate: false
xy: 26, 357 xy: 107, 36
size: 103, 66 size: 103, 66
orig: 103, 66 orig: 103, 66
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-arm goblin/left-arm
rotate: false rotate: false
xy: 30, 28 xy: 901, 56
size: 37, 35 size: 37, 35
orig: 37, 35 orig: 37, 35
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-foot goblin/left-foot
rotate: false rotate: false
xy: 134, 260 xy: 929, 95
size: 65, 31 size: 65, 31
orig: 65, 31 orig: 65, 31
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-hand goblin/left-hand
rotate: false rotate: false
xy: 69, 25 xy: 452, 2
size: 36, 41 size: 36, 41
orig: 36, 41 orig: 36, 41
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-lower-leg goblin/left-lower-leg
rotate: false rotate: true
xy: 134, 293 xy: 713, 93
size: 33, 70 size: 33, 70
orig: 33, 70 orig: 33, 70
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-shoulder goblin/left-shoulder
rotate: false rotate: false
xy: 137, 43 xy: 610, 44
size: 29, 44 size: 29, 44
orig: 29, 44 orig: 29, 44
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/left-upper-leg goblin/left-upper-leg
rotate: false rotate: true
xy: 30, 65 xy: 638, 93
size: 33, 73 size: 33, 73
orig: 33, 73 orig: 33, 73
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/neck goblin/neck
rotate: false rotate: false
xy: 201, 387 xy: 490, 2
size: 36, 41 size: 36, 41
orig: 36, 41 orig: 36, 41
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/pelvis goblin/pelvis
rotate: false rotate: false
xy: 26, 140 xy: 482, 45
size: 62, 43 size: 62, 43
orig: 62, 43 orig: 62, 43
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-arm goblin/right-arm
rotate: false rotate: true
xy: 171, 84 xy: 690, 2
size: 23, 50 size: 23, 50
orig: 23, 50 orig: 23, 50
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-foot goblin/right-foot
rotate: false rotate: false
xy: 134, 225 xy: 771, 58
size: 63, 33 size: 63, 33
orig: 63, 33 orig: 63, 33
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-hand goblin/right-hand
rotate: false rotate: false
xy: 204, 258 xy: 940, 56
size: 36, 37 size: 36, 37
orig: 36, 37 orig: 36, 37
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-lower-leg goblin/right-lower-leg
rotate: false rotate: true
xy: 201, 430 xy: 482, 90
size: 36, 76 size: 36, 76
orig: 36, 76 orig: 36, 76
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-shoulder goblin/right-shoulder
rotate: false rotate: true
xy: 130, 89 xy: 602, 3
size: 39, 45 size: 39, 45
orig: 39, 45 orig: 39, 45
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/right-upper-leg goblin/right-upper-leg
rotate: false rotate: true
xy: 98, 214 xy: 641, 57
size: 34, 63 size: 34, 63
orig: 34, 63 orig: 34, 63
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/torso goblin/torso
rotate: false rotate: true
xy: 131, 410 xy: 212, 34
size: 68, 96 size: 68, 96
orig: 68, 96 orig: 68, 96
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/undie-straps goblin/undie-straps
rotate: false rotate: false
xy: 2, 7 xy: 380, 5
size: 55, 19 size: 55, 19
orig: 55, 19 orig: 55, 19
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblin/undies goblin/undies
rotate: false rotate: false
xy: 199, 227 xy: 174, 5
size: 36, 29 size: 36, 29
orig: 36, 29 orig: 36, 29
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/eyes-closed goblingirl/eyes-closed
rotate: false rotate: false
xy: 59, 2 xy: 269, 11
size: 37, 21 size: 37, 21
orig: 37, 21 orig: 37, 21
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/head goblingirl/head
rotate: false rotate: false
xy: 26, 425 xy: 2, 21
size: 103, 81 size: 103, 81
orig: 103, 81 orig: 103, 81
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-arm goblingirl/left-arm
rotate: false rotate: true
xy: 201, 190 xy: 978, 56
size: 37, 35 size: 37, 35
orig: 37, 35 orig: 37, 35
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-foot goblingirl/left-foot
rotate: false rotate: false
xy: 134, 192 xy: 107, 3
size: 65, 31 size: 65, 31
orig: 65, 31 orig: 65, 31
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-hand goblingirl/left-hand
rotate: false rotate: false
xy: 196, 109 xy: 565, 2
size: 35, 40 size: 35, 40
orig: 35, 40 orig: 35, 40
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-lower-leg goblingirl/left-lower-leg
rotate: false rotate: true
xy: 169, 293 xy: 785, 93
size: 33, 70 size: 33, 70
orig: 33, 70 orig: 33, 70
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-shoulder goblingirl/left-shoulder
rotate: false rotate: true
xy: 107, 30 xy: 690, 27
size: 28, 46 size: 28, 46
orig: 28, 46 orig: 28, 46
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/left-upper-leg goblingirl/left-upper-leg
rotate: false rotate: true
xy: 65, 68 xy: 857, 93
size: 33, 70 size: 33, 70
orig: 33, 70 orig: 33, 70
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/neck goblingirl/neck
rotate: false rotate: false
xy: 204, 297 xy: 528, 2
size: 35, 41 size: 35, 41
orig: 35, 41 orig: 35, 41
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/pelvis goblingirl/pelvis
rotate: false rotate: false
xy: 131, 365 xy: 546, 45
size: 62, 43 size: 62, 43
orig: 62, 43 orig: 62, 43
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-arm goblingirl/right-arm
rotate: false rotate: false
xy: 100, 97 xy: 452, 48
size: 28, 50 size: 28, 50
orig: 28, 50 orig: 28, 50
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-foot goblingirl/right-foot
rotate: false rotate: false
xy: 134, 157 xy: 836, 58
size: 63, 33 size: 63, 33
orig: 63, 33 orig: 63, 33
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-hand goblingirl/right-hand
rotate: false rotate: true
xy: 199, 151 xy: 771, 20
size: 36, 37 size: 36, 37
orig: 36, 37 orig: 36, 37
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-lower-leg goblingirl/right-lower-leg
rotate: false rotate: true
xy: 96, 279 xy: 560, 90
size: 36, 76 size: 36, 76
orig: 36, 76 orig: 36, 76
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-shoulder goblingirl/right-shoulder
rotate: false rotate: false
xy: 204, 340 xy: 649, 10
size: 39, 45 size: 39, 45
orig: 39, 45 orig: 39, 45
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/right-upper-leg goblingirl/right-upper-leg
rotate: false rotate: true
xy: 98, 149 xy: 706, 57
size: 34, 63 size: 34, 63
orig: 34, 63 orig: 34, 63
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/torso goblingirl/torso
rotate: false rotate: false
xy: 26, 259 xy: 310, 2
size: 68, 96 size: 68, 96
orig: 68, 96 orig: 68, 96
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/undie-straps goblingirl/undie-straps
rotate: false rotate: false
xy: 134, 136 xy: 212, 13
size: 55, 19 size: 55, 19
orig: 55, 19 orig: 55, 19
offset: 0, 0 offset: 0, 0
index: -1 index: -1
goblingirl/undies goblingirl/undies
rotate: false rotate: false
xy: 196, 78 xy: 810, 27
size: 36, 29 size: 36, 29
orig: 36, 29 orig: 36, 29
offset: 0, 0 offset: 0, 0
index: -1 index: -1
shield shield
rotate: false rotate: false
xy: 26, 185 xy: 380, 26
size: 70, 72 size: 70, 72
orig: 70, 72 orig: 70, 72
offset: 0, 0 offset: 0, 0
index: -1 index: -1
spear spear
rotate: false rotate: true
xy: 2, 138 xy: 2, 104
size: 22, 368 size: 22, 368
orig: 22, 368 orig: 22, 368
offset: 0, 0 offset: 0, 0

5
spine-starling/spine-starling-example/src/goblins-ffd.json
View File

@ -759,6 +759,11 @@
}, },
"ffd": { "ffd": {
"default": { "default": {
"left hand item": {
"spear": [
{ "time": 0 }
]
},
"right hand item": { "right hand item": {
"dagger": [ "dagger": [
{ {

BIN
spine-starling/spine-starling-example/src/goblins-ffd.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 160 KiB

After

Width:  |  Height:  |  Size: 217 KiB

1002
spine-starling/spine-starling-example/src/spineboy-starling.json Normal file
View File

File diff suppressed because it is too large Load Diff

9
spine-starling/spine-starling-example/src/spineboy.json
View File

@ -54,7 +54,8 @@
{ "name": "goggles", "bone": "head", "attachment": "goggles" }, { "name": "goggles", "bone": "head", "attachment": "goggles" },
{ "name": "front_bracer", "bone": "front_bracer", "attachment": "front_bracer" }, { "name": "front_bracer", "bone": "front_bracer", "attachment": "front_bracer" },
{ "name": "front_fist", "bone": "front_fist", "attachment": "front_fist_closed" }, { "name": "front_fist", "bone": "front_fist", "attachment": "front_fist_closed" },
{ "name": "muzzle", "bone": "gunTip", "additive": true } { "name": "muzzle", "bone": "gunTip", "additive": true },
{ "name": "head-bb", "bone": "head" }
], ],
"skins": { "skins": {
"default": { "default": {
@ -92,6 +93,12 @@
"head": { "head": {
"head": { "x": 128.95, "y": 0.29, "rotation": -70.63, "width": 271, "height": 298 } "head": { "x": 128.95, "y": 0.29, "rotation": -70.63, "width": 271, "height": 298 }
}, },
"head-bb": {
"head": {
"type": "boundingbox",
"vertices": [ -19.143097, -70.30209, 40.80313, -118.074234, 257.77155, -115.61827, 285.16193, 57.18005, 120.77191, 164.95125, -5.067627, 76.94907 ]
}
},
"mouth": { "mouth": {
"mouth_grind": { "x": 23.68, "y": -32.23, "rotation": -70.63, "width": 93, "height": 59 }, "mouth_grind": { "x": 23.68, "y": -32.23, "rotation": -70.63, "width": 93, "height": 59 },
"mouth_oooo": { "x": 23.68, "y": -32.23, "rotation": -70.63, "width": 93, "height": 59 }, "mouth_oooo": { "x": 23.68, "y": -32.23, "rotation": -70.63, "width": 93, "height": 59 },

BIN
spine-starling/spine-starling-example/src/spineboy.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 253 KiB

2
spine-starling/spine-starling/.actionScriptProperties
View File

@ -10,7 +10,7 @@
</excludedEntries> </excludedEntries>
</libraryPathEntry> </libraryPathEntry>
<libraryPathEntry kind="3" linkType="1" path="/spine-as3/bin/spine-as3.swc" useDefaultLinkType="false"/> <libraryPathEntry kind="3" linkType="1" path="/spine-as3/bin/spine-as3.swc" useDefaultLinkType="false"/>
<libraryPathEntry kind="3" linkType="1" path="libs/starling-1.5rc.swc" useDefaultLinkType="false"/> <libraryPathEntry kind="3" linkType="1" path="libs/starling-1.5.1.swc" useDefaultLinkType="false"/>
</libraryPath> </libraryPath>
<sourceAttachmentPath/> <sourceAttachmentPath/>
</compiler> </compiler>

BIN
spine-starling/spine-starling/libs/starling-1.5.1.swc Normal file
View File

Binary file not shown.

BIN
spine-starling/spine-starling/libs/starling-1.5rc.swc
View File

Binary file not shown.

272
spine-starling/spine-starling/src/spine/starling/PolygonBatch.as Normal file
View File

@ -0,0 +1,272 @@
/******************************************************************************
* Spine Runtimes Software License
* Version 2.1
*
* Copyright (c) 2013, Esoteric Software
* All rights reserved.
*
* You are granted a perpetual, non-exclusive, non-sublicensable and
* non-transferable license to install, execute and perform the Spine Runtimes
* Software (the "Software") solely for internal use. Without the written
* permission of Esoteric Software (typically granted by licensing Spine), you
* may not (a) modify, translate, adapt or otherwise create derivative works,
* improvements of the Software or develop new applications using the Software
* or (b) remove, delete, alter or obscure any trademarks or any copyright,
* trademark, patent or other intellectual property or proprietary rights
* notices on or in the Software, including any copy thereof. Redistributions
* in binary or source form must include this license and terms.
*
* THIS SOFTWARE IS PROVIDED BY ESOTERIC SOFTWARE "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 SOFTARE BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
* OR BUSINESS INTERRUPTION) 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 THIS SOFTWARE, EVEN IF
* ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*****************************************************************************/
package spine.starling {
import flash.display3D.Context3D;
import flash.display3D.Context3DProgramType;
import flash.display3D.Context3DTextureFormat;
import flash.display3D.Context3DVertexBufferFormat;
import flash.display3D.IndexBuffer3D;
import flash.display3D.Program3D;
import flash.display3D.VertexBuffer3D;
import flash.events.Event;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.utils.Dictionary;
import starling.core.RenderSupport;
import starling.core.Starling;
import starling.display.BlendMode;
import starling.textures.Texture;
import starling.textures.TextureSmoothing;
import starling.utils.MatrixUtil;
import starling.utils.VertexData;
internal class PolygonBatch {
static private var _tempPoint:Point = new Point();
static private var _renderAlpha:Vector.<Number> = new <Number>[1.0, 1.0, 1.0, 1.0];
static private var _programNameCache:Dictionary = new Dictionary();
private var _capacity:int;
public var maxCapacity:int = 2000;
public var smoothing:String = "bilinear";
private var _texture:Texture;
private var _support:RenderSupport;
private var _programBits:uint;
private var _blendMode:String;
private var _additive:Boolean;
private var _verticesCount:int;
private var _vertices:Vector.<Number> = new <Number>[];
private var _verticesBuffer:VertexBuffer3D;
private var _trianglesCount:int;
private var _triangles:Vector.<uint> = new <uint>[];
private var _trianglesBuffer:IndexBuffer3D;
public function PolygonBatch () {
resize(32);
Starling.current.stage3D.addEventListener(Event.CONTEXT3D_CREATE, onContextCreated, false, 0, true);
}
public function dispose () : void {
Starling.current.stage3D.removeEventListener(Event.CONTEXT3D_CREATE, onContextCreated);
if (_verticesBuffer) _verticesBuffer.dispose();
if (_trianglesBuffer) _trianglesBuffer.dispose();
}
public function begin (support:RenderSupport, alpha:Number, blendMode:String) : void {
_support = support;
_renderAlpha[3] = alpha;
_programBits = 0xffffffff;
support.finishQuadBatch();
support.blendMode = blendMode;
support.applyBlendMode(true);
_blendMode = support.blendMode;
_additive = false;
var context:Context3D = Starling.context;
context.setProgramConstantsFromVector(Context3DProgramType.VERTEX, 0, _renderAlpha, 1);
context.setProgramConstantsFromMatrix(Context3DProgramType.VERTEX, 1, support.mvpMatrix3D, true);
var verticesBuffer:VertexBuffer3D = _verticesBuffer;
if (verticesBuffer) {
context.setVertexBufferAt(0, verticesBuffer, VertexData.POSITION_OFFSET, Context3DVertexBufferFormat.FLOAT_2);
context.setVertexBufferAt(1, verticesBuffer, VertexData.COLOR_OFFSET, Context3DVertexBufferFormat.FLOAT_4);
context.setVertexBufferAt(2, verticesBuffer, VertexData.TEXCOORD_OFFSET, Context3DVertexBufferFormat.FLOAT_2);
}
}
public function end () : void {
flush();
var context:Context3D = Starling.context;
context.setTextureAt(0, null);
context.setVertexBufferAt(2, null);
context.setVertexBufferAt(1, null);
context.setVertexBufferAt(0, null);
}
public function add (texture:Texture, vertices:Vector.<Number>, vl:int, uvs:Vector.<Number>, triangles:Vector.<uint>,
r:Number, g:Number, b:Number, a:Number, additive:Boolean, matrix:Matrix) : void {
if (additive != _additive) {
_additive = additive;
flush();
_support.blendMode = additive ? BlendMode.ADD : _blendMode;
_support.applyBlendMode(true);
}
if (texture != _texture) {
flush();
_texture = texture;
}
var tl:int = triangles.length;
var vc:int = _verticesCount, tc:int = _trianglesCount;
var firstVertex:int = vc >> 3;
if (firstVertex + (vl >> 1) > _capacity) resize(vl >> 1);
if (tc + tl > _triangles.length) resize(tl / 3);
var i:int, t:Vector.<uint> = _triangles;
for (i = 0; i < tl; i += 3, tc += 3) {
t[tc] = firstVertex + triangles[i];
t[int(tc + 1)] = firstVertex + triangles[int(i + 1)];
t[int(tc + 2)] = firstVertex + triangles[int(i + 2)];
}
_trianglesCount = tc;
var v:Vector.<Number> = _vertices;
if (matrix) {
var point:Point = _tempPoint;
for (i = 0; i < vl; i += 2, vc += 8) {
MatrixUtil.transformCoords(matrix, vertices[i], vertices[int(i + 1)], point);
v[vc] = point.x;
v[int(vc + 1)] = point.y;
v[int(vc + 2)] = r;
v[int(vc + 3)] = g;
v[int(vc + 4)] = b;
v[int(vc + 5)] = a;
v[int(vc + 6)] = uvs[i];
v[int(vc + 7)] = uvs[int(i + 1)];
}
} else {
for (i = 0; i < vl; i += 2, vc += 8) {
v[vc] = vertices[i];
v[int(vc + 1)] = vertices[int(i + 1)];
v[int(vc + 2)] = r;
v[int(vc + 3)] = g;
v[int(vc + 4)] = b;
v[int(vc + 5)] = a;
v[int(vc + 6)] = uvs[i];
v[int(vc + 7)] = uvs[int(i + 1)];
}
}
_verticesCount = vc;
}
private function resize (additional:int) : void {
var newCapacity:int = (_verticesCount >> 3) + additional;
if (newCapacity > maxCapacity) {
flush();
newCapacity = additional;
if (newCapacity < _capacity) return;
if (newCapacity > maxCapacity) throw new ArgumentError("Too many vertices: " + newCapacity + " > " + maxCapacity);
}
_capacity = newCapacity;
_vertices.length = newCapacity << 3;
_triangles.length = newCapacity * 3;
_verticesBuffer = null;
_trianglesBuffer = null;
}
public function flush () : void {
if (!_verticesCount) return;
var context:Context3D = Starling.context;
if (!_verticesBuffer) {
_verticesBuffer = context.createVertexBuffer(_capacity, 8);
var count:int = _verticesCount >> 3;
_verticesBuffer.uploadFromVector(_vertices, 0, count);
var verticesTemp:Vector.<Number> = new <Number>[]; // Buffer must be filled completely once.
verticesTemp.length = (_capacity << 3) - _verticesCount;
_verticesBuffer.uploadFromVector(verticesTemp, count, _capacity - count);
verticesTemp = null;
_trianglesBuffer = context.createIndexBuffer(_capacity * 3);
_trianglesBuffer.uploadFromVector(_triangles, 0, _trianglesCount);
var trianglesTemp:Vector.<uint> = new <uint>[]; // Buffer must be filled completely once.
trianglesTemp.length = _capacity * 3 - _trianglesCount;
_trianglesBuffer.uploadFromVector(trianglesTemp, _trianglesCount, trianglesTemp.length);
trianglesTemp = null;
context.setVertexBufferAt(0, _verticesBuffer, VertexData.POSITION_OFFSET, Context3DVertexBufferFormat.FLOAT_2);
context.setVertexBufferAt(1, _verticesBuffer, VertexData.COLOR_OFFSET, Context3DVertexBufferFormat.FLOAT_4);
context.setVertexBufferAt(2, _verticesBuffer, VertexData.TEXCOORD_OFFSET, Context3DVertexBufferFormat.FLOAT_2);
} else {
_verticesBuffer.uploadFromVector(_vertices, 0, _verticesCount >> 3);
_trianglesBuffer.uploadFromVector(_triangles, 0, _trianglesCount);
}
setProgram(context);
context.setTextureAt(0, _texture.base);
context.drawTriangles(_trianglesBuffer, 0, _trianglesCount / 3);
_verticesCount = 0;
_trianglesCount = 0;
_support.raiseDrawCount();
}
private function onContextCreated (event:Event) : void {
_verticesBuffer = null;
_trianglesBuffer = null;
}
private function setProgram (context:Context3D) : void {
var bits:uint = 0;
var texture:Texture = _texture;
if (texture.mipMapping) bits |= 1 << 1;
if (texture.repeat) bits |= 1 << 2;
if (smoothing != TextureSmoothing.BILINEAR) bits |= 1 << (smoothing == TextureSmoothing.TRILINEAR ? 3 : 4);
if (texture.format != Context3DTextureFormat.BGRA) bits |= 1 << (texture.format == "compressedAlpha" ? 5 : 6);
if (bits == _programBits) return;
_programBits = bits;
var name:String = _programNameCache[bits];
if (name == null) {
name = "PB_i." + bits.toString(16);
_programNameCache[bits] = name;
}
var program:Program3D = Starling.current.getProgram(name);
if (!program) {
// va0 -> position
// va1 -> color
// va2 -> texCoords
// vc0 -> alpha
// vc1 -> mvpMatrix
// fs0 -> texture
var vertexShader:String =
"m44 op, va0, vc1 \n" + // 4x4 matrix transform to output clipspace
"mul v0, va1, vc0 \n" + // multiply alpha (vc0) with color (va1)
"mov v1, va2 \n"; // pass texture coordinates to fragment program
var flags:String = RenderSupport.getTextureLookupFlags(texture.format, texture.mipMapping, texture.repeat, smoothing);
var fragmentShader:String =
"tex ft1, v1, fs0 " + flags + " \n" + // sample texture 0
"mul oc, ft1, v0 \n"; // multiply color with texel color
Starling.current.registerProgramFromSource(name, vertexShader, fragmentShader);
}
context.setProgram(program);
}
}
}

16
spine-starling/spine-starling/src/spine/starling/SkeletonAnimation.as
View File

@ -29,23 +29,27 @@
*****************************************************************************/ *****************************************************************************/
package spine.starling { package spine.starling {
import spine.SkeletonData;
import spine.animation.AnimationState; import spine.animation.AnimationState;
import spine.animation.AnimationStateData; import spine.animation.AnimationStateData;
import spine.SkeletonData;
public class SkeletonAnimation extends SkeletonSprite { import starling.animation.IAnimatable;
public class SkeletonAnimation extends SkeletonSprite implements IAnimatable {
public var state:AnimationState; public var state:AnimationState;
public var timeScale:Number = 1;
public function SkeletonAnimation (skeletonData:SkeletonData, stateData:AnimationStateData = null) { public function SkeletonAnimation (skeletonData:SkeletonData, renderMeshes:Boolean = false, stateData:AnimationStateData = null) {
super(skeletonData); super(skeletonData, renderMeshes);
state = new AnimationState(stateData ? stateData : new AnimationStateData(skeletonData)); state = new AnimationState(stateData ? stateData : new AnimationStateData(skeletonData));
} }
override public function advanceTime (time:Number) : void { public function advanceTime (time:Number) : void {
time *= timeScale;
skeleton.update(time);
state.update(time); state.update(time);
state.apply(skeleton); state.apply(skeleton);
skeleton.updateWorldTransform(); skeleton.updateWorldTransform();
super.advanceTime(time);
} }
} }

247
spine-starling/spine-starling/src/spine/starling/SkeletonSprite.as
View File

@ -29,6 +29,8 @@
*****************************************************************************/ *****************************************************************************/
package spine.starling { package spine.starling {
import flash.display3D.Context3D;
import flash.display3D.textures.Texture;
import flash.geom.Matrix; import flash.geom.Matrix;
import flash.geom.Point; import flash.geom.Point;
import flash.geom.Rectangle; import flash.geom.Rectangle;
@ -37,79 +39,172 @@ import spine.Bone;
import spine.Skeleton; import spine.Skeleton;
import spine.SkeletonData; import spine.SkeletonData;
import spine.Slot; import spine.Slot;
import spine.atlas.AtlasPage;
import spine.atlas.AtlasRegion; import spine.atlas.AtlasRegion;
import spine.attachments.Attachment;
import spine.attachments.MeshAttachment;
import spine.attachments.RegionAttachment; import spine.attachments.RegionAttachment;
import spine.attachments.SkinnedMeshAttachment;
import starling.animation.IAnimatable;
import starling.core.RenderSupport; import starling.core.RenderSupport;
import starling.core.Starling;
import starling.display.BlendMode; import starling.display.BlendMode;
import starling.display.DisplayObject; import starling.display.DisplayObject;
import starling.utils.Color; import starling.utils.Color;
import starling.utils.MatrixUtil; import starling.utils.MatrixUtil;
import starling.utils.VertexData; import starling.utils.VertexData;
public class SkeletonSprite extends DisplayObject implements IAnimatable { public class SkeletonSprite extends DisplayObject {
static private var tempPoint:Point = new Point(); static private var _tempPoint:Point = new Point();
static private var tempMatrix:Matrix = new Matrix(); static private var _tempMatrix:Matrix = new Matrix();
static private var tempVertices:Vector.<Number> = new Vector.<Number>(8); static private var _tempVertices:Vector.<Number> = new Vector.<Number>(8);
static private var _quadTriangles:Vector.<uint> = new <uint>[0, 1, 2, 2, 3, 0];
private var _skeleton:Skeleton; private var _skeleton:Skeleton;
private var _renderMeshes:Boolean;
private var _polygonBatch:PolygonBatch;
public var batchable:Boolean = true;
private var _batched:Boolean;
public function SkeletonSprite (skeletonData:SkeletonData) { public function SkeletonSprite (skeletonData:SkeletonData, renderMeshes:Boolean = false) {
Bone.yDown = true; Bone.yDown = true;
_renderMeshes = renderMeshes;
if (renderMeshes) _polygonBatch = new PolygonBatch();
_skeleton = new Skeleton(skeletonData); _skeleton = new Skeleton(skeletonData);
_skeleton.updateWorldTransform(); _skeleton.updateWorldTransform();
} }
public function advanceTime (delta:Number) : void {
_skeleton.update(delta);
}
override public function render (support:RenderSupport, alpha:Number) : void { override public function render (support:RenderSupport, alpha:Number) : void {
alpha *= this.alpha * skeleton.a; alpha *= this.alpha * skeleton.a;
if (_renderMeshes)
renderMeshes(support, alpha);
else
renderRegions(support, alpha);
}
private function renderMeshes (support:RenderSupport, alpha:Number) : void {
if (!batchable) {
_polygonBatch.begin(support, alpha, blendMode);
addToBatch(_polygonBatch, support, alpha, null);
_polygonBatch.end();
} else if (!_batched) {
support.popMatrix();
_polygonBatch.begin(support, alpha, blendMode);
addToBatch(_polygonBatch, support, alpha, transformationMatrix);
for(var i:int = parent.getChildIndex(this) + 1, n:int = parent.numChildren; i < n; ++i) {
var skeletonSprite:SkeletonSprite = parent.getChildAt(i) as SkeletonSprite;
if (!skeletonSprite || !skeletonSprite.batchable || skeletonSprite.blendMode != blendMode) break;
skeletonSprite._batched = true;
skeletonSprite.addToBatch(_polygonBatch, support, alpha, skeletonSprite.transformationMatrix);
}
_polygonBatch.end();
support.pushMatrix();
support.transformMatrix(this);
} else
_batched = false;
}
private function addToBatch (polygonBatch:PolygonBatch, support:RenderSupport, skeletonA:Number, matrix:Matrix) : void {
var skeletonR:Number = skeleton.r;
var skeletonG:Number = skeleton.g;
var skeletonB:Number = skeleton.b;
var x:Number = skeleton.x;
var y:Number = skeleton.y;
var worldVertices:Vector.<Number> = _tempVertices;
var drawOrder:Vector.<Slot> = skeleton.drawOrder;
for (var i:int = 0, n:int = drawOrder.length; i < n; ++i) {
var slot:Slot = drawOrder[i];
var attachment:Attachment = slot.attachment;
if (!attachment) continue;
var image:SkeletonImage, verticesLength:int, uvs:Vector.<Number>, triangles:Vector.<uint>;
var r:Number, g:Number, b:Number, a:Number;
if (attachment is RegionAttachment) {
var region:RegionAttachment = RegionAttachment(slot.attachment);
verticesLength = 8;
region.computeWorldVertices(x, y, slot.bone, worldVertices);
uvs = region.uvs;
triangles = _quadTriangles;
r = region.r;
g = region.g;
b = region.b;
a = region.a;
image = region.rendererObject as SkeletonImage;
if (image == null) region.rendererObject = image = SkeletonImage(AtlasRegion(region.rendererObject).rendererObject);
} else if (attachment is MeshAttachment) {
var mesh:MeshAttachment = MeshAttachment(attachment);
verticesLength = mesh.vertices.length;
if (worldVertices.length < verticesLength) worldVertices.length = verticesLength;
mesh.computeWorldVertices(x, y, slot, worldVertices);
uvs = mesh.uvs;
triangles = mesh.triangles;
r = mesh.r;
g = mesh.g;
b = mesh.b;
a = mesh.a;
image = mesh.rendererObject as SkeletonImage;
if (image == null) mesh.rendererObject = image = SkeletonImage(AtlasRegion(mesh.rendererObject).rendererObject);
} else if (attachment is SkinnedMeshAttachment) {
var skinnedMesh:SkinnedMeshAttachment = SkinnedMeshAttachment(attachment);
verticesLength = skinnedMesh.uvs.length;
if (worldVertices.length < verticesLength) worldVertices.length = verticesLength;
skinnedMesh.computeWorldVertices(x, y, slot, worldVertices);
uvs = skinnedMesh.uvs;
triangles = skinnedMesh.triangles;
r = skinnedMesh.r;
g = skinnedMesh.g;
b = skinnedMesh.b;
a = skinnedMesh.a;
image = skinnedMesh.rendererObject as SkeletonImage;
if (image == null) skinnedMesh.rendererObject = image = SkeletonImage(AtlasRegion(skinnedMesh.rendererObject).rendererObject);
}
if (image) {
a *= skeletonA * slot.a;
r *= skeletonR * slot.r * a;
g *= skeletonG * slot.g * a;
b *= skeletonB * slot.b * a;
polygonBatch.add(image.texture, worldVertices, verticesLength, uvs, triangles, r, g, b, a, slot.data.additiveBlending, matrix);
}
}
}
private function renderRegions (support:RenderSupport, alpha:Number) : void {
var r:Number = skeleton.r * 255; var r:Number = skeleton.r * 255;
var g:Number = skeleton.g * 255; var g:Number = skeleton.g * 255;
var b:Number = skeleton.b * 255; var b:Number = skeleton.b * 255;
var x:Number = skeleton.x; var x:Number = skeleton.x;
var y:Number = skeleton.y; var y:Number = skeleton.y;
var drawOrder:Vector.<Slot> = skeleton.drawOrder; var drawOrder:Vector.<Slot> = skeleton.drawOrder;
for (var i:int = 0, n:int = drawOrder.length; i < n; i++) { var worldVertices:Vector.<Number> = _tempVertices;
for (var i:int = 0, n:int = drawOrder.length; i < n; ++i) {
var slot:Slot = drawOrder[i]; var slot:Slot = drawOrder[i];
var regionAttachment:RegionAttachment = slot.attachment as RegionAttachment; var region:RegionAttachment = slot.attachment as RegionAttachment;
if (regionAttachment != null) { if (region != null) {
var vertices:Vector.<Number> = tempVertices; region.computeWorldVertices(x, y, slot.bone, worldVertices);
regionAttachment.computeWorldVertices(x, y, slot.bone, vertices); var a:Number = slot.a * region.a;
var a:Number = slot.a * regionAttachment.a;
var rgb:uint = Color.rgb( var rgb:uint = Color.rgb(
r * slot.r * regionAttachment.r, r * slot.r * region.r,
g * slot.g * regionAttachment.g, g * slot.g * region.g,
b * slot.b * regionAttachment.b); b * slot.b * region.b);
var image:SkeletonImage; var image:SkeletonImage = region.rendererObject as SkeletonImage;
image = regionAttachment.rendererObject as SkeletonImage; if (image == null) region.rendererObject = image = SkeletonImage(AtlasRegion(region.rendererObject).rendererObject);
if (image == null) {
image = SkeletonImage(AtlasRegion(regionAttachment.rendererObject).rendererObject);
regionAttachment.rendererObject = image;
}
var vertexData:VertexData = image.vertexData; var vertexData:VertexData = image.vertexData;
vertexData.setPosition(0, worldVertices[2], worldVertices[3]);
vertexData.setPosition(0, vertices[2], vertices[3]);
vertexData.setColorAndAlpha(0, rgb, a); vertexData.setColorAndAlpha(0, rgb, a);
vertexData.setPosition(1, vertices[4], vertices[5]); vertexData.setPosition(1, worldVertices[4], worldVertices[5]);
vertexData.setColorAndAlpha(1, rgb, a); vertexData.setColorAndAlpha(1, rgb, a);
vertexData.setPosition(2, vertices[0], vertices[1]); vertexData.setPosition(2, worldVertices[0], worldVertices[1]);
vertexData.setColorAndAlpha(2, rgb, a); vertexData.setColorAndAlpha(2, rgb, a);
vertexData.setPosition(3, vertices[6], vertices[7]); vertexData.setPosition(3, worldVertices[6], worldVertices[7]);
vertexData.setColorAndAlpha(3, rgb, a); vertexData.setColorAndAlpha(3, rgb, a);
image.updateVertices(); image.updateVertices();
support.blendMode = slot.data.additiveBlending ? BlendMode.ADD : BlendMode.NORMAL; support.blendMode = slot.data.additiveBlending ? BlendMode.ADD : blendMode;
support.batchQuad(image, alpha, image.texture); support.batchQuad(image, alpha, image.texture);
} }
} }
@ -122,63 +217,35 @@ public class SkeletonSprite extends DisplayObject implements IAnimatable {
var minX:Number = Number.MAX_VALUE, minY:Number = Number.MAX_VALUE; var minX:Number = Number.MAX_VALUE, minY:Number = Number.MAX_VALUE;
var maxX:Number = Number.MIN_VALUE, maxY:Number = Number.MIN_VALUE; var maxX:Number = Number.MIN_VALUE, maxY:Number = Number.MIN_VALUE;
var slots:Vector.<Slot> = skeleton.slots; var slots:Vector.<Slot> = skeleton.slots;
var value:Number; var worldVertices:Vector.<Number> = _tempVertices;
for (var i:int = 0, n:int = slots.length; i < n; i++) { for (var i:int = 0, n:int = slots.length; i < n; ++i) {
var slot:Slot = slots[i]; var slot:Slot = slots[i];
var regionAttachment:RegionAttachment = slot.attachment as RegionAttachment; var attachment:Attachment = slot.attachment;
if (!regionAttachment) if (!attachment) continue;
var verticesLength:int;
if (attachment is RegionAttachment) {
var region:RegionAttachment = RegionAttachment(slot.attachment);
verticesLength = 8;
region.computeWorldVertices(0, 0, slot.bone, worldVertices);
} else if (attachment is MeshAttachment) {
var mesh:MeshAttachment = MeshAttachment(attachment);
verticesLength = mesh.vertices.length;
if (worldVertices.length < verticesLength) worldVertices.length = verticesLength;
mesh.computeWorldVertices(0, 0, slot, worldVertices);
} else if (attachment is SkinnedMeshAttachment) {
var skinnedMesh:SkinnedMeshAttachment = SkinnedMeshAttachment(attachment);
verticesLength = skinnedMesh.uvs.length;
if (worldVertices.length < verticesLength) worldVertices.length = verticesLength;
skinnedMesh.computeWorldVertices(0, 0, slot, worldVertices);
} else
continue; continue;
for (var ii:int = 0; ii < verticesLength; ii += 2) {
var vertices:Vector.<Number> = tempVertices; var x:Number = worldVertices[ii], y:Number = worldVertices[ii + 1];
regionAttachment.computeWorldVertices(skeleton.x, skeleton.y, slot.bone, vertices); minX = Math.min(minX, x);
minY = Math.min(minY, y);
value = vertices[0]; maxX = Math.max(maxX, x);
if (value < minX) maxY = Math.max(maxY, y);
minX = value; }
if (value > maxX)
maxX = value;
value = vertices[1];
if (value < minY)
minY = value;
if (value > maxY)
maxY = value;
value = vertices[2];
if (value < minX)
minX = value;
if (value > maxX)
maxX = value;
value = vertices[3];
if (value < minY)
minY = value;
if (value > maxY)
maxY = value;
value = vertices[4];
if (value < minX)
minX = value;
if (value > maxX)
maxX = value;
value = vertices[5];
if (value < minY)
minY = value;
if (value > maxY)
maxY = value;
value = vertices[6];
if (value < minX)
minX = value;
if (value > maxX)
maxX = value;
value = vertices[7];
if (value < minY)
minY = value;
if (value > maxY)
maxY = value;
} }
minX *= scaleX; minX *= scaleX;
@ -211,9 +278,9 @@ public class SkeletonSprite extends DisplayObject implements IAnimatable {
else if (targetSpace == parent) else if (targetSpace == parent)
resultRect.setTo(x, y, 0, 0); resultRect.setTo(x, y, 0, 0);
else { else {
getTransformationMatrix(targetSpace, tempMatrix); getTransformationMatrix(targetSpace, _tempMatrix);
MatrixUtil.transformCoords(tempMatrix, 0, 0, tempPoint); MatrixUtil.transformCoords(_tempMatrix, 0, 0, _tempPoint);
resultRect.setTo(tempPoint.x, tempPoint.y, 0, 0); resultRect.setTo(_tempPoint.x, _tempPoint.y, 0, 0);
} }
return resultRect; return resultRect;
} }