ドッキリドキドキ
顔ラボAPIふたたび。ズームロジックとTweenを使って、カメラワークみたいな感じに。
「ドッキリドキドキ」唱えながら観てください。
※動かないときは後日のぞいて下さい(APIの利用制限あり)。
今回も顔ラボAPI使ってみました。写真もほぼ同じ(ネタにしてスマン)。
ズームインのロジックは、昨日のエントリと同じですが、Tweenを組みまわせてみました。
コードはこんな感じです。
// 顔ラボAPIで、顔の中心点を探す。
var centerx = face.x + face.width / 2;
var centery = face.y + face.height / 2;
// 倍率を決める。
var from = 1;
var to = 8; //8倍
// あらかじめ8倍したときの移動先を計算して、
var toX = -( to/from - 1 ) * centerx;
var toY = -( to/from - 1 ) * centery;
// スケールと座標を同時にTweenする。
new Tween( pic, "scaleX", None.easeOut, from, to, 1, true);
new Tween( pic, "scaleY", None.easeOut, from, to, 1, true);
new Tween( pic, "x", None.easeOut, 0, toX, 1, true);
new Tween( pic, "y", None.easeOut, 0, toY, 1, true);
var centerx = face.x + face.width / 2;
var centery = face.y + face.height / 2;
// 倍率を決める。
var from = 1;
var to = 8; //8倍
// あらかじめ8倍したときの移動先を計算して、
var toX = -( to/from - 1 ) * centerx;
var toY = -( to/from - 1 ) * centery;
// スケールと座標を同時にTweenする。
new Tween( pic, "scaleX", None.easeOut, from, to, 1, true);
new Tween( pic, "scaleY", None.easeOut, from, to, 1, true);
new Tween( pic, "x", None.easeOut, 0, toX, 1, true);
new Tween( pic, "y", None.easeOut, 0, toY, 1, true);

