2013-02-20 3 views
0

애니메이션의 틱마다 사각형의 너비를 줄이려합니다.EaselJS 애니메이션에서 사각형의 너비를 줄이는 방법

var graphics = new createjs.Graphics().beginFill("green").drawRect(650, 90, 280, 8); 
var shape = new createjs.Shape(graphics); 
stage.addChild(shape); 

가 어떻게 진드기에 사각형의 가로 길이에 액세스 할 수 있습니다() : 초기화() 메소드에서

, 나는 처음으로 사각형을 만들?

답변

3

간단한 답변 : 직접 할 수 없습니다!

1) 초기에 모든 프레임

저장을 추가 변수를 다시 그릴을 통해 scaleX가와 트윈

2

var tween = createjs.Tween.get(shape).to({scaleX:0.5 }, 1000); 
)을 통해 이렇게하는 방법은 두 가지가 있습니다

너비 다음, 모든 틱에서 그 너비에서 무언가를 빼고 새 너비로 사각형을 다시 그립니다. 방법 1)가 흐릿한 가장자리에 결과를 확장, 아마 간단하지만

, 당신은 당신의 경우에 그 테스트를해야 할 것이다.

+0

답변 해 주셔서 감사합니다. 트위스트로 이동하기 전에 모든 프레임을 다시 그리는 방법을 알고 싶습니다. 진드기에서 모든 프레임을 사각형으로 다시 그리려고했는데 제대로 작동했지만 모든 눈금의 시작 부분에있는 기존 사각형을 지우려면 어떻게해야합니까? 나는 시도했다. 행운을 가진 Child (모양). – Bashevis

+2

'shape.graphics.clear()'를 사용하여 기존의 사각형을 지운 다음 기존 모양을 사용하여 새로운 사각형을 그립니다 :'shape.graphics.beginFill ("green") .dr ... ect' (http : //www.createjs.com/Docs/EaselJS/classes/Graphics.html#method_clear) – olsn

+0

누구나이 문제에 걸림돌이되는 경우 명령을 다시 그리는 것보다 쉬운 방법이 있습니다. http://blog.createjs.com/new-command-approach-to-easeljs-graphics/ – Lanny

관련 문제