Embed Size (px)
Citation preview
ColonaLabs.com
Code Less, Play More !with Corona SDK(vol.2) #2
CoronaSDK Ambassador 小野 哲生
13年11月15日金曜日
ColonaLabs.com
Corona SDK でのタッチイベント
２限目。。。キーンコーン♪
カーンコーン♪
13年11月15日金曜日
ColonaLabs.com
Corona SDK でのタッチイベント
• touch（ 画面・オブジェクトのタッチ）
• work #1 （ 楽器アプリ作り ）
• drag （ オブジェクトのドラッグ ）
• work #2 （ パズルアプリ作り ）
13年11月15日金曜日
ColonaLabs.com
• touch（ タッチで図形描画 ）
local function onTouch( event )
local rect = display.newRect( 20, 20, 100, 100 )
end
Runtime:addEventListener( "touch", onTouch )
Corona SDK でのタッチイベント
13年11月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年11月15日金曜日
ColonaLabs.com
• touch（ タッチの種類 ）local function onTouch( event )
if(event.phase == "began") then--タッチ開始時
elseif(event.phase == "moved") then--ドラッグ中
elseif(event.phase == "ended") then--タッチ終了時
endendRuntime:addEventListener( "touch", onTouch )
Corona SDK でのタッチイベント
☞○ ☞→☞ ☞×
13年11月15日金曜日
ColonaLabs.com
• work #1（ 楽器アプリ作り ）
CoronaSDKv2-2-1をDL ( GitHub )
image, mp3 をフォルダに追加※ function 内 or 外を考えて作る
音の準備local ySE = audio.loadSound( "ySE.mp3" )音の再生audio.play( ySE )
Corona SDK でのタッチイベント
13年11月15日金曜日
ColonaLabs.com
local rect = display.newRect(20, 20, 100, 100 )
local function moveRect( event ) if( event.phase == "moved" ) then
rect.x = event.xrect.y = event.y
endendrect:addEventListener( "touch", moveRect )
• drag（オブジェクトのドラッグ）
Corona SDK でのタッチイベント
13年11月15日金曜日
ColonaLabs.com
• work #2（パズルアプリ作り）CoronaSDKv2-2-2をDL ( GitHub )
※ function 内のどこか考えて作る
オブジェクトの位置判定local l, h, length_W, length_Hl = 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.2end
Corona SDK でのタッチイベント
13年11月15日金曜日
ColonaLabs.com
Corona SDK #3 まとめ
• touch（ 画面・オブジェクトのタッチ）
• work #1 （ 楽器アプリ作り ）
• drag （ オブジェクトのドラッグ ）
• work #2 （ パズルアプリ作り ）
13年11月15日金曜日
ColonaLabs.com
お疲れさまでした。。。
vol.2 #3へ つづく。。。
13年11月15日金曜日
