ColonaLabs.com13年3月8日金曜日
   Code     Less, Play More !          with Corona SDK #2                       CoronaSDK Ambassador                      ...
二限目。。。    キーンコーン♪          カーンコーン♪    Corona SDK でのアニメーション                       ColonaLabs.com13年3月8日金曜日
Corona SDK でのアニメーション      • transition (CoronaAPIの利用)      • movieclip (外部ライブラリの利用)      • enterFrame (関数でアニメーション)      • ...
Corona SDK でのアニメーション      • transition      local rect = display.newRect(                   0, 0, 100, 100 )      transiti...
Corona SDK でのアニメーション      • movieclip                 事前準備      • https://github.com/TetsuoOno        CoronaSDK-2_1      •...
Corona SDK でのアニメーション      • movieclip      local movieclip = require( "movieclip" )      image = { }      for i = 1, 24, 1...
Corona SDK でのアニメーション      • enterFrame      local rect = display.newRect( 0, 0, 100, 10 )      rect.x = display.contentWid...
Corona SDK でのアニメーション      • spriteSheet                 事前準備      • https://github.com/TetsuoOno        CoronaSDK-2_2     ...
Corona SDK でのアニメーション      • spriteSheet      local opt = { frames = require("ball").frames, }      local sheet = graphics....
Corona SDK でのアニメーション      • spriteSheet 作成ツール      「SpriteHelper」 .lua, physics shape ¥ 1,500      「Sprites」       .lua, t...
Corona SDK でのアニメーション      • spriteSheet 作成ツールによる .lua の違い                ball.lua と numAnim.lua      • https://github.com/...
Corona SDK でのアニメーション      • 番外編 「Kwik」 Photoshop plugin                                 ColonaLabs.com13年3月8日金曜日
  Corona SDK #2 まとめ                  ColonaLabs.com13年3月8日金曜日
  Corona SDK #2 まとめ      • transition (CoronaAPIの利用)      • movieclip (外部ライブラリの利用)      • enterFrame (関数でアニメーション)      • s...
お疲れさまでした。。。休憩♨              #3へ つづく。。。                 ColonaLabs.com13年3月8日金曜日
Upcoming SlideShare
Loading in …5
×

Corona HandsOn#2

697 views
621 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
697
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Corona HandsOn#2

  1. 1. ColonaLabs.com13年3月8日金曜日
  2. 2.    Code Less, Play More !   with Corona SDK #2 CoronaSDK Ambassador      小野 哲生 ColonaLabs.com13年3月8日金曜日
  3. 3. 二限目。。。 キーンコーン♪ カーンコーン♪ Corona SDK でのアニメーション ColonaLabs.com13年3月8日金曜日
  4. 4. Corona SDK でのアニメーション • transition (CoronaAPIの利用) • movieclip (外部ライブラリの利用) • enterFrame (関数でアニメーション) • spriteSheet (CoronaAPIの利用) ColonaLabs.com13年3月8日金曜日
  5. 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.com13年3月8日金曜日
  6. 6. Corona SDK でのアニメーション • movieclip 事前準備 • https://github.com/TetsuoOno CoronaSDK-2_1 • 画像・movieclip.lua を追加 • main.lua の冒頭に下記を記述 local _W = display.contentWidth local _H = display.contentHeight ColonaLabs.com13年3月8日金曜日
  7. 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.com13年3月8日金曜日
  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.com13年3月8日金曜日
  9. 9. Corona SDK でのアニメーション • spriteSheet 事前準備 • https://github.com/TetsuoOno CoronaSDK-2_2 • 画像・ball.lua を追加 • main.lua の冒頭に下記を記述 local _W = display.contentWidth local _H = display.contentHeight ColonaLabs.com13年3月8日金曜日
  10. 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.com13年3月8日金曜日
  11. 11. Corona SDK でのアニメーション • spriteSheet 作成ツール 「SpriteHelper」 .lua, physics shape ¥ 1,500 「Sprites」 .lua, template ¥ 850 「Zwoptex」 .lua ¥ Free 「Sprite Master」.lua ¥ 850 ColonaLabs.com13年3月8日金曜日
  12. 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.com13年3月8日金曜日
  13. 13. Corona SDK でのアニメーション • 番外編 「Kwik」 Photoshop plugin ColonaLabs.com13年3月8日金曜日
  14. 14.   Corona SDK #2 まとめ ColonaLabs.com13年3月8日金曜日
  15. 15.   Corona SDK #2 まとめ • transition (CoronaAPIの利用) • movieclip (外部ライブラリの利用) • enterFrame (関数でアニメーション) • spriteSheet (CoronaAPIの利用) ColonaLabs.com13年3月8日金曜日
  16. 16. お疲れさまでした。。。休憩♨ #3へ つづく。。。 ColonaLabs.com13年3月8日金曜日

×