TweenJS rectコマンド "センターからの成長"

Question

ここに新しいcreatejsがあります。

作成日時：example。私はrectが中心からではなく、左上から成長したいと思います。私は助けを見つけることができなかった、私は何を検索するのか分からない。

コード：

const PAGE_WIDTH = 150, 
     PAGE_HEIGHT = 75; 

var stage = new createjs.Stage("canvas"); 
createjs.Ticker.setFPS(60); 
createjs.Ticker.on("tick", tick); 

var page = new createjs.Shape(); 
page.regX = PAGE_WIDTH/2; 
page.regY = PAGE_HEIGHT/2; 
page.x = 50; 
page.y = 50; 
stage.addChild(page); 

var pageCommand = page.graphics 
    .beginFill('red') 
    .drawRect(0, 0, 1, 1).command; 

createjs.Tween.get(pageCommand) 
    .to({w:PAGE_WIDTH, h: PAGE_HEIGHT}, 700, createjs.Ease.elasticOut) 

function tick() { 
    stage.update(); 
} 

感謝。

Answer 1

グラフィックスの登録ポイントを変更して中央から拡大させることをお勧めします。

あなたのコード：代わりに

.drawRect(0, 0, 1, 1).command; 
.to({w:PAGE_WIDTH, h: PAGE_HEIGHT}) 

：

.drawRect(-1.-1, 2, 2); 
.to({x:-PAGE_WIDTH/2, y:-PAGE_WIDTH/2, w:PAGE_WIDTH, h: PAGE_HEIGHT}) 

フィドル：http://jsfiddle.net/1kjkqo2v/

[編集：私は2つのオプション最初に言ったが、2番目の（使用してREGXとREGY）wouldnをその値とサイズの変更をトゥイーンする必要があるので、うまくいきます。]