0 Replies Latest reply: Nov 6, 2014 1:56 PM by StephaneHH RSS

    HTML5 Canvas: Tweenjs: start is not a function

    StephaneHH Community Member

      System information:

      --------------------------------------------

      Adobe Flash Professional CC

      2014.1 Releaee

      Build: 14.1.0.96

       

      Windows 7 Professional

      Sevice Pack 1

      --------------------------------------------

       

       

      I'm creating an instance of a createjs.Tween and trying to start (restart) it from a function.

      I'm doing this by setting the Tween position to 0 (beginning of the Tween) and then starting it with the start() method.

      The code actually works fine, but at the same time I get a javascript error saying that "start is not a function" even though the Tween actually starts as it should.

       

      This may be a Tweenjs question, but it seems /from browsing Tweenjs forums) to be only present when I use Flash CC HTML5 Canvas.

      I will also post in a Tweenjs forum.

       

      Code example:

      --------------------------------------------

      this.newRotation1 = 0;

       

      this.handleComplete = function() {

        this.myTween2.setPosition(0);

        this.myTween2.start();

      }

       

      this.myTween2 = createjs.Tween.get(this.mcHexagon1, {override:true}).to({rotation:this.newRotation1 += 300}, 2000, createjs.Ease.cubicInOut).call(this.handleComplete, [], this);

      --------------------------------------------

       

      I have also provided an example file for download here:

      http://adobe_forum.virkeligheder.dk/EXAMPLE.zip

       

       

      P.S.

      I really like what Flash is doing with the Canvas format.

      I'm trying to recreate the complete Flash experience in HTML5 and this looks extremely possible right now