11
ColonaLabs.com 131213日金曜日

Corona HandsOn Vol.2 #3

Embed Size (px)

Citation preview

ColonaLabs.com13年12月13日金曜日

ColonaLabs.com

   Code Less, Play More !with Corona SDK(vol.2) #3

CoronaSDK Ambassador     小野 哲生

13年12月13日金曜日

ColonaLabs.com

Corona SDK でのアニメーション①

3限目。。。キーンコーン♪

カーンコーン♪

13年12月13日金曜日

ColonaLabs.com

Corona SDK でのアニメーション①

• enterFrame( 再描画アニメーション )

• work #1 ( 風車アプリ作り )

• transition ( CoronaAPIの利用 )

• work #2 ( アニメーションの連鎖 )

13年12月13日金曜日

ColonaLabs.com

• enterFrame( 再描画アニメーション )

local rect = display.newRect(50, 50, 100, 100 )

local function mR( event ) rect.x = rect.x + 1end

Runtime:addEventListener("enterFrame", mR )

Corona SDK でのアニメーション①

13年12月13日金曜日

ColonaLabs.com

• work #1( 風車アプリ作り )

CoronaSDKv2-3-1をDL ( GitHub )

imageをフォルダに追加※ 回転の速さや方向を考えて作る

オブジェクトの回転( 時計回り )yWheel.rotation = yWheel.rotation + 1ブレンドモード( 余裕があれば )yWheel.blendMode = "add"

Corona SDK でのアニメーション①

13年12月13日金曜日

ColonaLabs.com

local rect = display.newRect(50, 50, 100, 100 )

local function moveRect( event ) if( event.phase == "ended" ) then

transition.to( rect, { time = 1000, y = 400, } )

endendrect:addEventListener( "touch", moveRect )

• transition ( CoronaAPIの利用 )

Corona SDK でのアニメーション①

13年12月13日金曜日

ColonaLabs.com

• work #2( アニメーションの連鎖 )

CoronaSDKv2-3-2をDL ( GitHub )

動かして、ファイルも見てみる※ 自分で考えて、オリジナルを作る

transition 完了時の function 呼出し{ } 内に、onComplete = nextFunction

function 内での function 呼出し( 余裕があれば )local function !rstFunction( ) ~ end 内で nextFunction( )

Corona SDK でのアニメーション①

13年12月13日金曜日

ColonaLabs.com

  Corona SDK (vol.2) #3まとめ

13年12月13日金曜日

ColonaLabs.com

  Corona SDK (vol.2)#3まとめ

• enterFrame( 再描画アニメーション )

• work #1 ( 風車アプリ作り )

• transition ( CoronaAPIの利用 )

• work #2 ( アニメーションの連鎖 )

13年12月13日金曜日

ColonaLabs.com

お疲れさまでした。。。

vol.2 #4へ つづく。。。

13年12月13日金曜日