オブジェクトの拡大・縮小

このエントリーをはてなブックマークに追加

 

 描画オブジェクトの拡大縮小方法についてです。単なる拡大縮小ではなく、描画中に徐々に拡大縮小する方法です。

基本的な考え方は「オブジェクトの移動」と同様です。
キャンセル・一時停止・再開はこちらを参照してください。
移動関係の各種イベントはこちらを参照してください。

 

1.関数の説明

 リファレンスを見ると関数と引数は以下の通りです。

transition.scaleTo(target, params)
transition.scaleBy(target, params)

 

引数名 説明
target 拡大・縮小させる対象
params パラメータ

パラメータ
注:パラメータはすべてオプションなので、設定しなくても動作します。

名前 説明
xScale x軸の拡大・縮小の倍率
yScale y軸の拡大・縮小の倍率
time 拡大・縮小が完了するまでの時間(ミリ秒)
tag 識別用の名前(キャンセルや一時停止などで使用可能)
transition 拡大・縮小の仕方(easingライブラリを指定)
delay 指定時間後に拡大・縮小を開始(ミリ秒)
onStart 拡大・縮小が開始した際に呼び出す関数を指定
onComplete 拡大・縮小が完了した際に呼び出す関数を指定
onPause 拡大・縮小が一時停止した際に呼び出す関数を指定
onResume 拡大・縮小が再開した際に呼び出す関数を指定
onCancel 拡大・縮小をキャンセルした際に呼び出す関数を指定

2. サンプル

2.1 拡大

local obj1 = display.newRect(100, 100, 50, 50)
obj1:setFillColor(1, 0, 0, 1)

local retTransition = transition.scaleTo(obj1, {xScale = 1.5, yScale = 2, time = 2000})

 

2.2 縮小

local obj1 = display.newRect(100, 100, 50, 50)
obj1:setFillColor(1, 0, 0, 1)

local retTransition = transition.scaleTo(obj1, {xScale = 0.5, yScale = 0.5, time = 2000})

 

2.3 移動と拡大

local obj1 = display.newRect(100, 100, 50, 50)
obj1:setFillColor(1, 0, 0, 1)

local retTransition = transition.scaleTo(obj1, {x = 200, y = 200, xScale = 2, yScale = 2, time = 2000})

       

<更新履歴>

更新日 Corona SDKのバージョン
新規作成 2015年9月11日 v2015.2646

 

前へ          メニューへ          次へ

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)