CraftyJSでTweenを行うには？

Question

申し訳ありませんが、私は賢明な終わりであり、私はCraftyJSにトゥイーンをさせることができません。

私がしたいのは、キノコがヒットするたびに、そのキノコがコンポーネント「回答」を持っているかどうかをチェックしたいのです。それが存在すれば、私は何もしません。さもなければ、私は消え去る大きい赤い箱を表示したいと思う。

Crafty.c("Mushroom", { 
     init: function() { 
      this.addComponent("collision"); 
      this.collision(); 
      this.onhit("bullet",function(e) { 
       this.destroy(); 
       e[0].obj.destroy(); 
       if(!this.has("Answer")) { 
        Crafty.e("2D, Tween, color, canvas") 
        .attr({alpha: 1.0, x: 170, y: 100, w:300, h:100}) 
        .color("red") 
        .bind("enterframe", function() { //How do i actually get the box to fade? 
         this.tween({alpha: 0.5, x: 170, y: 100}, 30); 
        }); 
       } 
      }); 
     } 

Answer 1

狡猾なコミュニティへの歓迎。代わりに、あなたは単にた後、それが起動します、独自の次の600ミリを超えるEnterFrame（30フレーム）を管理しますので、

Crafty.e("2D, Tween, color, canvas") 
       .attr({alpha: 1.0, x: 170, y: 100, w:300, h:100}) 
       .color("red") 
       .tween({alpha: 0.5, x: 170, y: 100}, 600); 

およびTween関数のように、あなたが作成したエンティティ上のトゥイーン機能を呼び出したいですTweenEndイベント。

（旧式のCraftyでは、期間をmsではなくフレームで指定しました）

Answer 2

これは、より多くの

まず:-)メタ答えのようですが、私はそれはバグ修正をたくさん持っているとして、最新のバージョンにアップグレードすることをお勧めします。新しいリリースでコードを実行するために必要な変更の一部は、すべてのコンポーネントとイベントをPascalのケースに変更することです。それはenterframe => EnterFrame、canvas =>キャンバスなどです。

第2に、適切な視聴者を得るためにこれらの質問をCraftyフォーラムに提出する必要があると思います。私がこの質問を発見した唯一の方法は、Googleの警告だった。

このテンプレートhttp://jsfiddle.net/mCdUX/62/からjsfiddleを作成して、動作させることができない部分を示す小さな実行例を作成することをおすすめします。

ああ、あなたがトゥイーンは、各フレームで始まることになりますEnterFrameイベントにtweenコード実行を結合している:-)