html - HTML5 中的 KineticJS 动画 : Uncaught typeError: object is not a function

Question

我正在编写一个 HTML5 游戏，我完全按照教程进行，但出现错误“Uncaught TypeError: Object is not a function”。谁能帮帮我？

  var amplitude = 150;
  var period = 2000;
  animation = new Kinetic.Animation({
       // ERROR APPEARS HERE
      func: function (frame)
      {
      hook.setY(amplitude * Math.sin(frame.time * 2 * Math.PI / period));
      hook.setX(fisherGroup.getX());
      },
      node: shapesLayer
    });
  fisherGroup.on("mousedown", function(){
    animation.start();
  });

我在本段上方创建了:hook = new Kinetic.Image() 和 fisherGroup = new Kinetic.Group()。

Answer 1

虽然在不了解您的设置参数的情况下我并不肯定，但我猜测可能与您的变量名有冲突。尝试将第三行更改为:

var anim = new Kinetic.Animation({

然后在 fisherGroup mousedown 上调用 anim.start();

如果您使用的框架扩展原型(prototype)并使用动画，则可能会导致问题。此外，如果您将动画设置为全局动画(未使用 var 声明)，这也可能是一个问题。