enchant.js クリックするとスプライトがフェードアウト

fadeout.js

enchant();

  var SCREEN_WIDTH =320;
  var SCREEN_HEIGHT =320;
	

window.onload = function() {

  // ゲームオブジェクトを作成する
  game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
  
  // fps（1秒あたりの画面の描画回数）を設定する(省略時は「30」)
  game.fps = 16;

  // ゲームで使用する画像ファイルを指定する
  game.preload('image/betty.png');

  // ファイルのプリロードが完了したときに実行される関数
  game.onload = function() {

    // ゲームのメイン処理 
    
    //ゲームの背景の色を設定
    game.rootScene.backgroundColor = "#ffbbbb";
    
    //スプライトを作成
    var sprite = new Sprite(48,48);
    sprite.image = game.assets["image/betty.png"];
    sprite.frame = 3;
    sprite.x = 320/2;
    sprite.y = 320/2;
    sprite.opacity = 1;
    
    //rootSceneにスプライトを表示
    game.rootScene.addChild(sprite);
    
     //タッチイベントリスナー
     sprite.ontouchstart = function(){
     
     	//frameアニメーション
     	this.onenterframe = function(){
          
          //フェードアウト
          this.opacity  -= 0.25;
          
          //フェードアウトが完了したらスプライトを削除
          if(this.opacity <= 0){
     		this.parentNode.removeChild(this);
     		}
     	
        }
    
     };
   
  
  };
  
  // ゲームスタート
  game.start();
  
};