Corona HandsOn #6 ６限目として、これまでのハンズオンをざっくりまとめ

1. ColonaLabs.com
13年6月14日金曜日

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

3. ColonaLabs.com
Corona SDK Hands On ざっくりまとめ
六限目。。。
キーンコーン♪
カーンコーン♪
本日のメインはアイデア出し、
解説のみでサクサク行きます！
13年6月14日金曜日

4. ColonaLabs.com
Corona SDK のLuaの記述について
• -- コメント、--[[ 複数行コメント ]]--
• if( 条件 )then --処理、文末の ; 不要 end
• for 初期値, 終了値, 増分値 do --処理 end
13年6月14日金曜日

5. ColonaLabs.com
Corona SDK での表示あれこれ
• テキストの表示
• 画像の読み込み
• 図形の描画
13年6月14日金曜日

6. ColonaLabs.com
• テキストの表示
Corona SDK での表示あれこれ
local hello = display.newText(
"Hello,Corona！",
0, 20,
native.systemFont, 44)
13年6月14日金曜日

7. ColonaLabs.com
Corona SDK での表示あれこれ
local objB = display.newImage(
"objB.png", 0, 0 )
local objY = display.newImage(
"objY.png", 20, 20 )
• 画像の表示
13年6月14日金曜日

8. ColonaLabs.com
• 図形の描画、色、アルファ値
Corona SDK での表示あれこれ
local rect = display.newRect(
20, 20, 100, 100 )
rect:setFillColor( 250, 130, 10, 255 )
rect.alpha = 0.5
13年6月14日金曜日

9. ColonaLabs.com
Corona SDK でのアニメーション
• transition （CoronaAPIの利用）
• enterFrame （関数でアニメーション）
• spriteSheet （CoronaAPIの利用）
13年6月14日金曜日

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

11. ColonaLabs.com
Corona SDK でのアニメーション
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 );
• enterFrame
13年6月14日金曜日

12. ColonaLabs.com
• spriteSheet
Corona SDK でのアニメーション
• https://github.com/TetsuoOno
CoronaSDK-2_3
• zip を DL
• Corona で起動
13年6月14日金曜日

13. ColonaLabs.com
Corona SDK でのタッチイベント
• touch（ 画面・オブジェクトのタッチ）
• drag （ オブジェクトのドラッグ ）
13年6月14日金曜日

14. ColonaLabs.com
• touch（ タッチで図形描画 ）
local function onTouch( event )
if(event.phase == "began") then
local rect = display.newRect(
20, 20, 100, 100 )
end
end
Runtime:addEventListener( "touch", onTouch )
Corona SDK でのタッチイベント
13年6月14日金曜日

15. ColonaLabs.com
• touch（ 図形タッチで色変更 ）
local rect = display.newRect(
20, 20, 100, 100 )
local function changeRGB( event )
rect:setFillColor( 250, 130, 10 )
end
rect:addEventListener( "touch", changeRGB )
Corona SDK でのタッチイベント
13年6月14日金曜日

16. ColonaLabs.com
local rect = display.newRect(
20, 20, 100, 100 )
local function moveRect( event )
local t = event.target
local phase = event.phase
if( "moved" == phase ) then
t.x = event.x; t.y = event.y
end
end
rect:addEventListener( "touch", moveRect )
• drag
Corona SDK でのタッチイベント
13年6月14日金曜日

17. ColonaLabs.com
Corona SDK での物理演算
• 落下と浮遊 （ 重力方向の設定 ）
• 衝突判定 （ オブジェクト ）
• 衝突判定 （ センサー ）
13年6月14日金曜日

18. ColonaLabs.com
• 落下と浮遊（重力方向の設定）
local physics = require ( ”physics”)
physics.start( )
physics.setGravity( 6, -9.8 )
local land = display.newRect(
0, 470, 320, 10 )
physics.addBody( land,“static”,
{ friction = 0.3 } )
local circle = display.newCircle( 50, 450, 25 )
physics.addBody( circle, { bounce = 0.6, radius = 25 } )
Corona SDK での物理演算
13年6月14日金曜日

19. ColonaLabs.com
• 衝突判定（オブジェクト）_1
local physics = require ( ”physics”)
physics.start( )
local land = display.newRect(
0, 470, 320, 10 )
physics.addBody( land,“static”,
{ friction = 0.3 } )
local circle = display.newCircle( 50, 50, 25 )
physics.addBody( circle, { bounce = 0.6, radius = 25 } )
Corona SDK での物理演算
13年6月14日金曜日

20. ColonaLabs.com
• 衝突判定（オブジェクト）_2
local function onCollision( )
land:setFillColor( 250, 130, 10 )
end
land:addEventListener(“collision”,
onCollision )
Corona SDK での物理演算
13年6月14日金曜日

21. ColonaLabs.com
• 衝突判定（センサー）_1
local physics = require ( ”physics”)
physics.start( )
local land = display.newRect(
0, 320, 320, 10 )
physics.addBody( land,“static”,
{ isSensor = true } )
local circle = display.newCircle( 50, 50, 25 )
physics.addBody( circle, { bounce = 0.6 } )
Corona SDK での物理演算
13年6月14日金曜日

22. ColonaLabs.com
• 衝突判定（センサー）_2
local function onCollision( )
land:setFillColor( 250, 130, 10 )
end
land:addEventListener(“collision”,
onCollision )
Corona SDK での物理演算
13年6月14日金曜日

23. ColonaLabs.com
Corona SDK での音、画面遷移、UI など
• 音の再生（ BGM、イベント発生時 SE ）
• UI など （ iPhone５対応、ボタン類 ）
13年6月14日金曜日

24. ColonaLabs.com
事前準備
• https://github.com/TetsuoOno/
CoronaSDK-5_1
• zip を DL
• Corona で起動
• 音の再生（ BGM、SE ）
Corona SDK での音の再生
13年6月14日金曜日

25. ColonaLabs.com
• iPhone５対応
Corona SDK での UI
事前準備
• https://github.com/TetsuoOno/
CoronaSDK-5_4
• zip を DL
• Corona で起動 ※SDK Ver.1076以上で動作
13年6月14日金曜日

26. ColonaLabs.com
• ボタン
Corona SDK での UI
事前準備
• https://github.com/TetsuoOno/
CoronaSDK-5_5
• zip を DL
• Corona で起動
13年6月14日金曜日

27. ColonaLabs.com
Corona SDK #6 まとめ
詳しくは、Webで ☞
• SlideShare
http://www.slideshare.net/tetsuoono/
presentations
• GitHub
https://github.com/TetsuoOno?
tab=repositories
13年6月14日金曜日

28. ColonaLabs.com
ご清聴ありがとうございました
#7へ つづく。。。
13年6月14日金曜日