SlideShare a Scribd company logo
1 of 26
Download to read offline
~Coronaでスマホアプリ開発~ 
  Corona HandsOn #1 
CoronaSDK Ambassador 
     小野 哲生 
ColonaLabs.com
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
一限目。。。 
キーンコーン♪ 
カーンコーン♪
Corona SDK での表示・タッチ・音再生 
! 
• テキスト・画像の表示、図形の描画 
ColonaLabs.com 
! 
• タッチの種類 
! 
• BGM・SEの再生
Corona SDK での表示・タッチ・音再生 
でも、その前に。。。 
ColonaLabs.com
でも、その前に。。。 
ColonaLabs.com 
! 
• 開発環境について 
! 
• アプリフォルダについて 
! 
• Luaの記述について
Corona SDK での開発環境について 
! 
• 面倒な環境設定  。。。不要 
! 
• Emulator・OS SDK  。。。不要 (※) 
! 
• 言語(開発言語) 。。。英語(Lua) 
ColonaLabs.com
Corona SDK での開発環境について 
ColonaLabs.com
Corona SDK での開発環境について 
ColonaLabs.com
Corona SDK のアプリフォルダについて 
ColonaLabs.com
Corona SDK のアプリフォルダについて 
ColonaLabs.com 
! 
• build.settings 
! 
• config.lua 
! 
• main.lua
Corona SDK のアプリフォルダについて 
ColonaLabs.com 
! 
• build.settings 
! 
• config.lua 
! 
• main.lua
Corona SDK のアプリフォルダについて 
ColonaLabs.com 
! 
• build.settings 
! 
• config.lua 
! 
• main.lua
Corona SDK のLuaの記述について 
! 
• -- コメント、--[[ 複数行コメント ]]-- 
! 
• if( 条件 )then --処理、文末の ; 不要 end 
! 
• for 初期値, 終了値, 増分値 do --処理 end 
ColonaLabs.com
Corona SDK に限らずプログラムって? 
ColonaLabs.com 
! 
• オブジェクトとは? 
! 
• functionとは? 
! 
• イベントとは? 
! 
• =と==の違いは?
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
! 
事前準備 
! 
• https://github.com/TetsuoOno/GreenHack- 
Corona-HandsOn 
! 
• .mp3 x2, green.pngをプロジェクトに追加 
(main.luaへ#1と#2のコードを記述済み)
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
! 
• テキストの表示 
! 
local hello = display.newText( 
! 
! 
"Hello,Corona!", 
160, 20, 
native.systemFont, 44)
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
! 
• 画像の表示 
! 
! 
local tree = display.newImage( 
! 
"green.png", 160, 300)
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
! 
• 図形の描画、色、アルファ値 
! 
local rect = display.newRect( 
! 
! 
100, 100, 100, 100 ) 
! 
rect:setFillColor( 1, 0.5, 0.1, 1 ) 
rect.alpha = 0.5
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
• タッチで図形描画 
local function onTouch( event ) 
! 
local rect = display.newRect( 
200, 200, 100, 100 ) 
end 
! 
Runtime:addEventListener( "touch", onTouch )
Corona SDK での表示・タッチ・音再生 
! 
☞○ 
 ☞→☞ 
   ☞× 
ColonaLabs.com 
• タッチの種類 
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 )
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
• オブジェクトのドラッグ 
local rect = display.newRect( 
100, 100, 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 )
Corona SDK での表示・タッチ・音再生 
ColonaLabs.com 
• BGMの再生 
local BGM = audio.loadSound( “bgm.mp3” ) 
! 
audio.play( BGM, 
{ loops = -1 } ) 
--duration = 30000, 
--fadein = 5000, 
--onComplete = callbackListener
Corona SDK での表示・タッチ・音再生 
• SEの再生 
local rect = display.newRect( 
ColonaLabs.com 
100, 100, 100, 100 ) 
local SE = audio.loadSound( “se.mp3” ) 
local function onTouch( event ) 
if( event.phase == "began" ) then 
audio.play( SE ) 
end 
end 
rect:addEventListener( “touch”, onTouch )
  Corona SDK #1 まとめ 
ColonaLabs.com
  Corona SDK #1 まとめ 
ColonaLabs.com 
! 
• テキストの表示・図形の描画 
! 
• タッチの種類 
! 
• BGM・SEの再生
お疲れさまでした~♪ 
#2へ つづく。。。 
ColonaLabs.com

More Related Content

Viewers also liked

Corona SDK Presentation at GMIC SV - October 19, 2012
Corona SDK Presentation at GMIC SV - October 19, 2012Corona SDK Presentation at GMIC SV - October 19, 2012
Corona SDK Presentation at GMIC SV - October 19, 2012
CoronaLabs
 
Game Development with Corona SDK and Lua - Lua Workshop 2014
Game Development with Corona SDK and Lua - Lua Workshop 2014Game Development with Corona SDK and Lua - Lua Workshop 2014
Game Development with Corona SDK and Lua - Lua Workshop 2014
SergeyLerg
 
Разработка мобильных приложений с помощью CORONA SDK. Антон Руткевич - CTO, ...
Разработка мобильных приложений с помощью CORONA SDK.  Антон Руткевич - CTO, ...Разработка мобильных приложений с помощью CORONA SDK.  Антон Руткевич - CTO, ...
Разработка мобильных приложений с помощью CORONA SDK. Антон Руткевич - CTO, ...
Anthony Marchenko
 
Criando Jogos 2D com Lua + Corona SDK
Criando Jogos 2D com Lua + Corona SDKCriando Jogos 2D com Lua + Corona SDK
Criando Jogos 2D com Lua + Corona SDK
Leonardo Dalmina
 
Introduction to corona sdk
Introduction to corona sdkIntroduction to corona sdk
Introduction to corona sdk
馬 萬圳
 

Viewers also liked (11)

Corona handsonvol.2 #5
Corona handsonvol.2 #5Corona handsonvol.2 #5
Corona handsonvol.2 #5
 
Corona SDK Presentation at GMIC SV - October 19, 2012
Corona SDK Presentation at GMIC SV - October 19, 2012Corona SDK Presentation at GMIC SV - October 19, 2012
Corona SDK Presentation at GMIC SV - October 19, 2012
 
Introduction to Corona SDK
Introduction to Corona SDKIntroduction to Corona SDK
Introduction to Corona SDK
 
Corona HandsOn#6
Corona HandsOn#6Corona HandsOn#6
Corona HandsOn#6
 
Mobile development with the corona sdk
Mobile development with the corona sdkMobile development with the corona sdk
Mobile development with the corona sdk
 
Game Development with Corona SDK and Lua - Lua Workshop 2014
Game Development with Corona SDK and Lua - Lua Workshop 2014Game Development with Corona SDK and Lua - Lua Workshop 2014
Game Development with Corona SDK and Lua - Lua Workshop 2014
 
Corona sdk
Corona sdkCorona sdk
Corona sdk
 
Разработка мобильных приложений с помощью CORONA SDK. Антон Руткевич - CTO, ...
Разработка мобильных приложений с помощью CORONA SDK.  Антон Руткевич - CTO, ...Разработка мобильных приложений с помощью CORONA SDK.  Антон Руткевич - CTO, ...
Разработка мобильных приложений с помощью CORONA SDK. Антон Руткевич - CTO, ...
 
Criando Jogos 2D com Lua + Corona SDK
Criando Jogos 2D com Lua + Corona SDKCriando Jogos 2D com Lua + Corona SDK
Criando Jogos 2D com Lua + Corona SDK
 
Web development with Lua @ Bulgaria Web Summit 2016
Web development with Lua @ Bulgaria Web Summit 2016Web development with Lua @ Bulgaria Web Summit 2016
Web development with Lua @ Bulgaria Web Summit 2016
 
Introduction to corona sdk
Introduction to corona sdkIntroduction to corona sdk
Introduction to corona sdk
 

More from Tetsuo Ono (9)

Green Hack CoronaHandsOn#2
Green Hack CoronaHandsOn#2Green Hack CoronaHandsOn#2
Green Hack CoronaHandsOn#2
 
Corona handsonvol.2 #6
Corona handsonvol.2 #6Corona handsonvol.2 #6
Corona handsonvol.2 #6
 
Corona Handson vol.2 #4
Corona Handson vol.2 #4Corona Handson vol.2 #4
Corona Handson vol.2 #4
 
Design workshop #2
Design workshop #2Design workshop #2
Design workshop #2
 
Design workshop #1
Design workshop #1Design workshop #1
Design workshop #1
 
CoronaSDK Meetup Tokyo 2013 #1
CoronaSDK Meetup Tokyo 2013 #1CoronaSDK Meetup Tokyo 2013 #1
CoronaSDK Meetup Tokyo 2013 #1
 
Corona HandsOn #1
Corona HandsOn #1Corona HandsOn #1
Corona HandsOn #1
 
Corona Handson #0
Corona Handson #0Corona Handson #0
Corona Handson #0
 
初めてのアプリを2ヶ月でリリースする方法
初めてのアプリを2ヶ月でリリースする方法初めてのアプリを2ヶ月でリリースする方法
初めてのアプリを2ヶ月でリリースする方法
 

Green Hack CoronaHandsOn#1