Corona HandsOn Vol.2第二回の資料です。 タッチイベントの基本と、簡単なアプリを作ります。

1. ColonaLabs.com
13年11月15日金曜日

2. Code
Less, Play More !
with Corona SDK(vol.2) #2
CoronaSDK Ambassador
小野 哲生
ColonaLabs.com
13年11月15日金曜日

3. ２限目。。。
キーンコーン♪
カーンコーン♪
Corona SDK でのタッチイベント
ColonaLabs.com
13年11月15日金曜日

4. Corona SDK でのタッチイベント
• touch（ 画面・オブジェクトのタッチ）
• work #1
（ 楽器アプリ作り ）
• drag
（ オブジェクトのドラッグ ）
• work #2
（ パズルアプリ作り ）
ColonaLabs.com
13年11月15日金曜日

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

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

7. Corona SDK でのタッチイベント
• touch（ タッチの種類 ）
local function onTouch( event )
if(event.phase == "began") then
☞○
--タッチ開始時
elseif(event.phase == "moved") then
☞→☞
--ドラッグ中
☞×
elseif(event.phase == "ended") then
--タッチ終了時
end
end
Runtime:addEventListener( "touch", onTouch )
ColonaLabs.com
13年11月15日金曜日

8. Corona SDK でのタッチイベント
• work #1（ 楽器アプリ作り ）
CoronaSDKv2-2-1をDL ( GitHub )
image, mp3 をフォルダに追加
※ function 内 or 外を考えて作る
音の準備
local ySE = audio.loadSound( "ySE.mp3" )
音の再生
audio.play( ySE )
ColonaLabs.com
13年11月15日金曜日

9. Corona SDK でのタッチイベント
• drag（オブジェクトのドラッグ）
local rect = display.newRect(
20, 20, 100, 100 )
local function moveRect( event )
if( event.phase == "moved" ) then
rect.x = event.x
rect.y = event.y
end
end
rect:addEventListener( "touch", moveRect )
ColonaLabs.com
13年11月15日金曜日

10. Corona SDK でのタッチイベント
• work #2（パズルアプリ作り）
CoronaSDKv2-2-2をDL ( GitHub )
※ function 内のどこか考えて作る
オブジェクトの位置判定
local l, h, length_W, length_H
l = event.x - ( yBaseの x 座標 ) ; length_W = math.abs( l )
h = event.y - ( yBaseの y 座標 ) ; length_H = math.abs( h )
if( ( length_W < 30 ) and ( length_H < 30 ) )then
yellow.alpha = 0.2
end
ColonaLabs.com
13年11月15日金曜日

11. Corona SDK #3 まとめ
ColonaLabs.com
13年11月15日金曜日

12. Corona SDK #3 まとめ
• touch（ 画面・オブジェクトのタッチ）
• work #1
（ 楽器アプリ作り ）
• drag
（ オブジェクトのドラッグ ）
• work #2
（ パズルアプリ作り ）
ColonaLabs.com
13年11月15日金曜日

13. お疲れさまでした。。。
vol.2 #3へ つづく。。。
ColonaLabs.com
13年11月15日金曜日