More Related Content
Similar to Corona HandsOn#2 (20)
Corona HandsOn#2
- 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日金曜日
- 15. Corona SDK #2 まとめ
• transition (CoronaAPIの利用)
• movieclip (外部ライブラリの利用)
• enterFrame (関数でアニメーション)
• spriteSheet (CoronaAPIの利用)
ColonaLabs.com
13年3月8日金曜日