Corona HandsOn #2 ２限目として、CoronaSDKでのいろいろなアニメーションについて

1. ColonaLabs.com
13年3月8日金曜日

2. Code Less, Play More !
with Corona SDK #2
CoronaSDK Ambassador
小野 哲生
ColonaLabs.com
13年3月8日金曜日

3. 二限目。。。
キーンコーン♪
カーンコーン♪
Corona SDK でのアニメーション
ColonaLabs.com
13年3月8日金曜日

4. Corona SDK でのアニメーション
• transition （CoronaAPIの利用）
• movieclip （外部ライブラリの利用）
• enterFrame （関数でアニメーション）
• spriteSheet （CoronaAPIの利用）
ColonaLabs.com
13年3月8日金曜日

5. Corona SDK でのアニメーション
• transition
local rect = display.newRect(
0, 0, 100, 100 )
transition.to( rect, { time = 5000,
alpha = 0.5,
x = 200, y = 200,
rotation = 45} )
ColonaLabs.com
13年3月8日金曜日

6. Corona SDK でのアニメーション
• movieclip
事前準備
• https://github.com/TetsuoOno
CoronaSDK-2_1
• 画像・movieclip.lua を追加
• main.lua の冒頭に下記を記述
local _W = display.contentWidth
local _H = display.contentHeight
ColonaLabs.com
13年3月8日金曜日

7. Corona SDK でのアニメーション
• movieclip
local movieclip = require( "movieclip" )
image = { }
for i = 1, 24, 1 do
table.insert( image, "spiner" .. i .. ".png" )
end
anim = movieclip.newAnim( image )
anim.x = _W/2 ; anim.y = _H/2
anim:play( )
ColonaLabs.com
13年3月8日金曜日

8. Corona SDK でのアニメーション
• enterFrame
local rect = display.newRect( 0, 0, 100, 10 )
rect.x = display.contentWidth /2
rect.y = display.contentHeight /2
local function animate( event )
rect.rotation = rect.rotation + 1
end
Runtime:addEventListener( "enterFrame", animate );
ColonaLabs.com
13年3月8日金曜日

9. Corona SDK でのアニメーション
• spriteSheet
事前準備
• https://github.com/TetsuoOno
CoronaSDK-2_2
• 画像・ball.lua を追加
• main.lua の冒頭に下記を記述
local _W = display.contentWidth
local _H = display.contentHeight
ColonaLabs.com
13年3月8日金曜日

10. Corona SDK でのアニメーション
• spriteSheet
local opt = { frames = require("ball").frames, }
local sheet = graphics.newImageSheet(
"ball.png", opt )
local sOpt = { name="ball", start=1,
count=14, time=2000 }
local instance = display.newSprite( sheet, sOpt )
instance.x = _W/2; instance.y = _H/2
instance:play( )
ColonaLabs.com
13年3月8日金曜日

11. Corona SDK でのアニメーション
• spriteSheet 作成ツール
「SpriteHelper」 .lua, physics shape ¥ 1,500
「Sprites」 .lua, template ¥ 850
「Zwoptex」 .lua ¥ Free
「Sprite Master」.lua ¥ 850
ColonaLabs.com
13年3月8日金曜日

12. Corona SDK でのアニメーション
• spriteSheet 作成ツールによる .lua の違い
ball.lua と numAnim.lua
• https://github.com/TetsuoOno
CoronaSDK-2_3
• zipをDL
• CoronaでnumAnimを起動
• File ☞ Show Project Files ☞ numAnim.lua
ColonaLabs.com
13年3月8日金曜日

13. Corona SDK でのアニメーション
• 番外編 「Kwik」 Photoshop plugin
ColonaLabs.com
13年3月8日金曜日

14. Corona SDK #2 まとめ
ColonaLabs.com
13年3月8日金曜日

15. Corona SDK #2 まとめ
• transition （CoronaAPIの利用）
• movieclip （外部ライブラリの利用）
• enterFrame （関数でアニメーション）
• spriteSheet （CoronaAPIの利用）
ColonaLabs.com
13年3月8日金曜日

16. お疲れさまでした。。。休憩♨
#3へ つづく。。。
ColonaLabs.com
13年3月8日金曜日