将Spine-js运行时的图像放到PSD中

时间:2017-03-28 17:43:05

标签: jsx photoshop-script

我的目标是使用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吗? 感谢。

0 个答案:

没有答案