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