corona handson vol.2 #4

14
ColonaLabs.com 14118日土曜日

Upload: tetsuo-ono

Post on 30-Jun-2015

294 views

Category:

Education


3 download

DESCRIPTION

Corona HandsOn Vol.2第四回の資料です。 パラパラアニメーションを作ります。

TRANSCRIPT

Page 1: Corona Handson vol.2 #4

ColonaLabs.com14年1月18日土曜日

Page 2: Corona Handson vol.2 #4

ColonaLabs.com

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

CoronaSDK Ambassador     小野 哲生

14年1月18日土曜日

Page 3: Corona Handson vol.2 #4

ColonaLabs.com

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

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

カーンコーン♪

14年1月18日土曜日

Page 4: Corona Handson vol.2 #4

ColonaLabs.com

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

• movieclip ( 外部ライブラリの利用 )

• work #1 ( 逆回転・停止・再開 )

• spriteSheet( CoronaAPIの利用 )

• Kwik ( Photoshop pluginの利用 )

14年1月18日土曜日

Page 5: Corona Handson vol.2 #4

ColonaLabs.com

• movieclip ( 外部ライブラリの利用 )

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

事前準備• https://github.com/TetsuoOno

CoronaSDKv2-4-1• 画像・movieclip.lua を追加

14年1月18日土曜日

Page 6: Corona Handson vol.2 #4

ColonaLabs.com

• movieclip ( 外部ライブラリの利用 )local _W = display.contentWidthlocal _H = display.contentHeightlocal movieclip = require( "movieclip" )local image = { }for i = 1, 8, 1 do

table.insert( image, "spiner" .. i .. ".png" )endlocal anim = movieclip.newAnim( image )anim.x = _W/2 ; anim.y = _H/2anim:play( )

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

14年1月18日土曜日

Page 7: Corona Handson vol.2 #4

ColonaLabs.com

• work #1(逆回転・停止・再開)

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

movieclip.lua を見てみよう※ コードを読む、見つける練習

逆回転・停止・再開のfunctionを探すanim:play( ) を書き換えて逆回転させるanimにタッチイベントを記述タッチ開始で停止、タッチ終了で再開させる

14年1月18日土曜日

Page 8: Corona Handson vol.2 #4

ColonaLabs.com

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

• spriteSheet( CoronaAPIの利用 )

事前準備• https://github.com/TetsuoOno

CoronaSDKv2-4-2• 画像・Anim.lua を追加

14年1月18日土曜日

Page 9: Corona Handson vol.2 #4

ColonaLabs.com

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

• spriteSheet( CoronaAPIの利用 )local opt = {frames= require("Anim").options.frames}local sheet = graphics.newImageSheet(

"bWheels.png", opt )

local opt2 = { name = "Anim", start = 1, count = 3, time = 198 }

local instance = display.newSprite( sheet, opt2 )instance.x = display.contentWidth /2instance.y = display.contentHeight /2instance:play()

14年1月18日土曜日

Page 10: Corona Handson vol.2 #4

ColonaLabs.com

• spriteSheet 作成ツールいろいろ

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

「SpriteHelper」 .lua, physics shape ¥ 1,700

「Sprites」 .lua, template ¥ 850

「Zwoptex」 .lua ¥ Free

「Sprite Master」.lua ¥ 1,00014年1月18日土曜日

Page 11: Corona Handson vol.2 #4

ColonaLabs.com

• 番外編 「Kwik」 Photoshop plugin

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

14年1月18日土曜日

Page 12: Corona Handson vol.2 #4

ColonaLabs.com

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

14年1月18日土曜日

Page 13: Corona Handson vol.2 #4

ColonaLabs.com

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

• movieclip ( 外部ライブラリの利用 )

• work #1 ( 逆回転・停止・再開 )

• spriteSheet( CoronaAPIの利用 )

• Kwik ( Photoshop pluginの利用 )

14年1月18日土曜日

Page 14: Corona Handson vol.2 #4

ColonaLabs.com

お疲れさまでした。。。

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

14年1月18日土曜日