我的目标是使用JSX将json + png文件(书脊动画)组装成PSD文件。 问题是当前的spine JS运行时版本为3.1.08 我的json是由v 3.5.46创建的!这里有很多差异,比如变换,附件类型等。
这里有一个简单的方法来包含一些pixi或phaser spine libs或其他东西来获取完整的附件位置?
现在我正在做类似的事情: 我扩展了spine-canvas.js并添加了以下代码:
getImagesOptions: function() {
var skeleton = this.skeleton;
var drawOrder = skeleton.drawOrder;
var list = [];
this.update();
for (var i = 0, n = drawOrder.length; i < n; i++) {
var slot = drawOrder[i];
var attachment = slot.attachment;
if (!(attachment instanceof spine.RegionAttachment)) continue;
var bone = slot.bone;
list.push( {
x: attachment.x * bone.a + attachment.y * bone.b + bone.worldX + skeleton.x,
y: attachment.x * bone.c + attachment.y * bone.d + bone.worldY + skeleton.y,
w: attachment.width * bone.getWorldScaleX(),
h: attachment.height * bone.getWorldScaleY(),
r: (bone.getWorldRotationX() - attachment.rotation),
a: attachment.rendererObject
});
}
return list;
},
初始化脊椎后,只需获取所有图像的列表并将其移动到PSD图层内的实际位置。一个问题是我可以将实际的spine运行时用于JSX吗?
感谢。