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

1. ColonaLabs.com
14年1月18日土曜日

2. Code
Less, Play More !
with Corona SDK(vol.2) #4
CoronaSDK Ambassador
小野 哲生
ColonaLabs.com
14年1月18日土曜日

3. ４限目。。。
キーンコーン♪
カーンコーン♪
Corona SDK でのアニメーション②
ColonaLabs.com
14年1月18日土曜日

4. Corona SDK でのアニメーション②
• movieclip
（ 外部ライブラリの利用 ）
• work #1
（ 逆回転・停止・再開 ）
• spriteSheet（ CoronaAPIの利用 ）
• Kwik
（ Photoshop pluginの利用 ）
ColonaLabs.com
14年1月18日土曜日

5. Corona SDK でのアニメーション②
• movieclip
（ 外部ライブラリの利用 ）
事前準備
• https://github.com/TetsuoOno
CoronaSDKv2-4-1
• 画像・movieclip.lua を追加
ColonaLabs.com
14年1月18日土曜日

6. Corona SDK でのアニメーション②
• movieclip
（ 外部ライブラリの利用 ）
local _W = display.contentWidth
local _H = display.contentHeight
local movieclip = require( "movieclip" )
local image = { }
for i = 1, 8, 1 do
table.insert( image, "spiner" .. i .. ".png" )
end
local anim = movieclip.newAnim( image )
anim.x = _W/2 ; anim.y = _H/2
anim:play( )
ColonaLabs.com
14年1月18日土曜日

7. Corona SDK でのアニメーション②
• work #1（逆回転・停止・再開）
movieclip.lua を見てみよう
※ コードを読む、見つける練習
逆回転・停止・再開のfunctionを探す
anim:play( ) を書き換えて逆回転させる
animにタッチイベントを記述
タッチ開始で停止、タッチ終了で再開させる
ColonaLabs.com
14年1月18日土曜日

8. Corona SDK でのアニメーション②
• spriteSheet（ CoronaAPIの利用 ）
事前準備
• https://github.com/TetsuoOno
CoronaSDKv2-4-2
• 画像・Anim.lua を追加
ColonaLabs.com
14年1月18日土曜日

9. 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 /2
instance.y = display.contentHeight /2
instance:play()
ColonaLabs.com
14年1月18日土曜日

10. Corona SDK でのアニメーション②
• spriteSheet 作成ツールいろいろ
「SpriteHelper」 .lua, physics shape ¥ 1,700
「Sprites」
.lua, template
¥ 850
「Zwoptex」
.lua
¥ Free
「Sprite Master」.lua
¥ 1,000
ColonaLabs.com
14年1月18日土曜日

11. Corona SDK でのアニメーション②
• 番外編 「Kwik」 Photoshop plugin
ColonaLabs.com
14年1月18日土曜日

12. Corona SDK (vol.2) #4まとめ
ColonaLabs.com
14年1月18日土曜日

13. Corona SDK (vol.2)#4まとめ
• movieclip
（ 外部ライブラリの利用 ）
• work #1
（ 逆回転・停止・再開 ）
• spriteSheet（ CoronaAPIの利用 ）
• Kwik
（ Photoshop pluginの利用 ）
ColonaLabs.com
14年1月18日土曜日

14. お疲れさまでした。。。
vol.2 #5へ つづく。。。
ColonaLabs.com
14年1月18日土曜日