IT 기술 따라잡기

local button = display.newImage( "button.png" )
button.x = display.contentWidth / 2
button.y = display.contentHeight - 50

저장한 후 에뮬에서 실행해 보시면 아래와 같이나올 거예요.



자 그럼 이미지를 버튼으로 만들고 그 버튼을 누르면 글자 색이 변하도록 할까요?
우선 이미지의 변수가 button 으로 선언 돼 있죠?
여기에다가 리스너를 달아주면 됩니다.

button:addEventListener( "tap", button )

이 의미는 button에 리스너를 달아주는데 tap 이벤트가 일어나면 button 이라는 함수를 실행한다는 의미입니다.
그러면 이제 button 이라는 함수를 만들어야 겠죠?
코로나에서 함수선언은 이렇게 합니다.

function 이름
-- 내용
end

이런 식 입니다.

그러면 tap 이벤트에 반응하는 button 함수를 만들겠습니다.

function button:tap( event )

end

이 함수 안에 원하는 걸 넣으면 됩니다.
우선 랜덤하게 RGB 값을 설정하도록 하죠.

function button:tap( event )
        local r = math.random( 0, 255 )
        local g = math.random( 0, 255 )
        local b = math.random( 0, 255 )
end


이렇게 하시면 됩니다. 이 설정된 RGB 값을 저 위에 선언했던 텍스트에 적용 시키는 것만 넣으면 됩니다.
이 경우에는 setTextColor() 함수를 쓰면 됩니다.

선언했던 텍스트 변수 이름이 textObject 였습니다. 그래서 아래처럼 해야 되겠죠?
textObject:setTextColor( r, g, b )

함수 전체를 보면 이렇게 됩니다.

function button:tap( event )
        local r = math.random( 0, 255 )
        local g = math.random( 0, 255 )
        local b = math.random( 0, 255 )
        textObject:setTextColor( r, g, b )
end

그러면 main.lua 파일에 아래 코드를 추가해 보세요.
function button:tap( event )
        local r = math.random( 0, 255 )
        local g = math.random( 0, 255 )
        local b = math.random( 0, 255 )
        textObject:setTextColor( r, g, b )
end
button:addEventListener( "tap", button )

저장 후 실행 해 보세요.



이제 이미지를 누르면 글자 색이 변하게 됩니다.
그러면 이제 버튼을 누르면 글자 색이 변하면서 소리가 나도록 할까요?
그러면 button:tap 함수 안에 소리가 나도록 하는 코딩을 하면 될겁니다.

우선 main.lua 가 있는 폴더에 사운드 파일을 복사해 넣으세요.
저는 pop2_wab.wav 파일을 사용하겠습니다.



이제 button:tap(event) 함수 안에 아래와 같이 코딩해 넣으세요.
media.playEventSound( "pop2_wav.wav" )

저장 후 실행 해 보세요.



이제 이미지를 클릭하면 글자 색이 바뀌면서 소리도 날 거예요.
오늘 여러분은 첫번째 코로나 앱으로 화면에 텍스트,이미지 뿌리기와 이벤트 리스너 달기 등을 배웠습니다.

정리하면

1. 터미널 화면에 글자 뿌리기. (에러 체크할 때 유용함)
2. 디바이스 화면에 글자 뿌리기.
3. 글자에 색 넣기
4. 글자 위치 조정하기
5. 디바이스 화면에 이미지 뿌리기.
6. 이미지 위치 조정하기
7. display.contentWidth, display.contentHeight 사용하기
8. 이미지에 리스너 달기
9. 리스너 이벤트 발생시 처리하는 함수 만들기
10 랜덤 함수  math.random 사용하기.

11. 사운드 파일 사용하기

대충 이정도를 배웠습니다.
글자나 이미지 위치도 조정해 보시고 coronasdk.com 에 가셔서 오늘 사용한 함수 API 를 살펴보시면 훨씬 도움이 될겁니다.

그럼 다음 시간에 계속 이어가도록 하겠습니다.