EaselJS : BitmapAnimation을 스테이지에 표시 할 수 없습니다.

Question

무대에서 애니메이션 비트 맵을 그리려하고 있지만 작동하지 않는 것 같습니다. 애니메이션이 콘솔의 스테이지에 추가되었지만 표시되지 않는지 확인할 수 있습니다.

HTML :

<canvas id="canvas" width="300" height="300"></canvas> 

자바 스크립트 : 여기 내 문제 보여주는 JSFiddle을했습니다

var canvas = document.getElementById('canvas'), 
    stage = new createjs.Stage(canvas), 
    chopperImg = document.createElement('img'), 
    spriteSheet, 
    animation; 

chopperImg.addEventListener('load', function (e) { 

    spriteSheet = new createjs.SpriteSheet({ 
     images: [ chopperImg ], 
     frames: { width: 64, height: 75, count: 10 }, 
     animations: { 
      idle: [ 0, 9, 'idle', 4 ] 
     } 
    }); 

    animation = new createjs.BitmapAnimation(spriteSheet); 
    animation.gotoAndPlay('idle'); 

    stage.addChild(animation); 

    createjs.Ticker.setFPS(30); 
    createjs.Ticker.addListener(stage); 
}); 

chopperImg.src = 'http://dutchnoobz.nl/chopper.gif'; 

: http://jsfiddle.net/WWpVX/1/

Answer 1

귀하의 GIF는 73px의 높이가, 당신의 프레임 - 크기가 이미지 크기를 초과 할 수 없습니다. 피들을 업데이트했습니다. 여기에서 작동합니다. http://jsfiddle.net/WWpVX/2/

frames: { width: 64, height: 73, count: 10 }