Javascript 带有JQuery的KineticJS动画

我是KineticJS的新手，我是个新手。我想用一个简单的不透明度动画，但我发现并没有看起来那么简单。我读了有关的文档（关于本教程，你不会简单地说）。我想知道的是，有没有一种简单的方法可以像JQuery或JCanvaScript那样使用KineticJS制作动画？比如说

this.animate({
   opacity:0,
   x: 50
}, 500);

像这样的

如果没有，我们可以使用KineticJS和JQuery来简化动画吗？我发现这个项目有一段非常有趣的代码：

$(logo.getCanvas()).animate({
            opacity: 1,
            top: "+=50px"
        }, 1000);

---

伙计们，你们觉得呢？使用这种方法有问题吗？

如果你只需要制作不透明度动画：你应该坚持使用JQuery，它会隐藏为动画所做的计算（而你所看到的是一个很好的解决方案）

如果您想要对动画进行更多控制：使用KineticJS

通过，我认为您在尝试同时使用JQuery动画和KineticJS层而不是仅使用KineticJS时会遇到更多的问题（并且Kinetic.Animation在您了解如何使用它之后非常简单）

编辑：动画的快速操作方法：

因此，正如您可能已经看到的，在Dynamic中，您没有像JQuery中那样给出最终位置：您可以访问在动画的每一帧调用的函数，并且所有逻辑都必须放在其中：

<script>
// you should have an object yourShape containing your KineticJS object.

var duration = 1000 ; // we set it to last 1s 
var anim = new Kinetic.Animation({
    func: function(frame) {
        if (frame.time >= duration) {
            anim.stop() ;
        } else {
            yourShape.setOpacity(frame.time / duration) ;
        }
    },
    node: layer
});

anim.start();
</script>

//您应该有一个包含KineticJS对象的对象yourShape。
var持续时间=1000；//我们将其设置为持续1s
var anim=新的动能动画({
func：函数（帧）{
如果（frame.time>=持续时间）{
动画停止（）；
}否则{
yourShape.setOpacity（frame.time/duration）；
}
},
节点：层
});
anim.start（）；

我想玩kineticJS动画，但我就是不懂。关于这个主题也没有很好的教程。如果你知道如何制作简单的动画，你能给我举个例子吗？例如，如何使用kineticJS在1秒内将不透明度从1设置为0？我编辑了我的文章。我没有找到太多关于KineticJS的文档，但您应该可以从我的编辑开始工作，我想：）