IT 기술 따라잡기

Using the New Native Web and Video API’s

native webView와 native video 객체와 관련한 새로운 API가 새로 나왔습니다.
이전의 Web Popups와 video playback 의 한계를 많이 보완했습니다.

***** Web Views vs. Web Popups

이 두가지 콘셉은 상당히 비슷하지만 몇가지 다른 것이 있습니다.
- 한번에 한개 이상의 WebView를 가질 수 있음
- WebView는 다른 display객체들 처럼 회전시키거나 이동시킬 수 있다.
  (이 객체들이 native 객체들이기 때문에 아직까지는 group에 포함시킬수는 없음)
- phisics body를 적용할 수 있다.
- WebView는 반드시 확실하게(명시적으로) remove시켜야 함

***** Video Objects

Native 비디오 객체들은 그것을 계승한 media.playVideo보다 훨씬 유연합니다.

- 비디오 객체의 사이즈를 specify할 수 있다.(전체 스크린이 아니어도 된다.)
- 한 화면에 여러개의 VIDEO 객체들이 있을 수 있다.
- 비디오의 특정 위치를 프로그래밍으로 찾아서 사용할 수 있다.
- 프로그램에서 비디오를 play 시키고 pause 시킬 수 있다.
- 다른 display 객체들처럼 비디오 객체들도 움직이거나 회전시킬 수 있다.
  (이 객체들이 native 객체들이기 때문에 아직까지는 group에 포함시킬수는 없음)
- physics body를 적용할 수 있다.

***** native.newWebView() 사용법

신택스(syntax)는 아래와 같습니다.
native.newWebView( left, top, width, height [, listener] )

보다 자세한 사항은  API documentation 에 있습니다.

아래 예제가 있습니다.
local webView = native.newWebView( 0, 0, 320, 250 )
webView:request( "http://coronasdk.tistory.com" )

이 예제는 320*250 크기의 웹뷰를 생성하고 그 안에 http://coronasdk.tistory.com 를 display합니다.
request()함수 안에는 local HTML파일도 불러올 수 있습니다.

아래 예제는 웹뷰에 리스너를 단 예제입니다.

local function webListener( event )
    local url = event.url  -- reference to url being requested

    if event.errorCode then  -- is nil when there is no error
        native.showAlert( "Error!", event.errorMessage, { "OK" } )
    end
end

local webView = native.newWebView( 0, 0, 320, 250, webListener )
webView:request( "http://fakewebsitethatshouldthrowerror.com" )

보시면 webListener라는 리스너를 달아서 에러가 발생하면 alert화면을 띄워 줍니다.
이벤트의 파라미터로는 event.url, event.errorCode, event.errorMessage 가 있습니다.

아래 예제는 WebView를 회전(rotate) 시키는 예제 입니다.

local webView = native.newWebView( 0, 0, 100, 100 )
webView:request( "http://coronasdk.tistory.com/" )
webView.x = 200
webView.y = 240
webView.rotation = 45

-- let's close the webView
webView:removeSelf()
webView = nil

좀 더 자세한 사항은 API Documentation을 참조하세요.

그리고 샘플 코드는 /SampleCode/Interface/WebViewPhysics 에 있습니다.
(이 샘플 파일은 Corona build 2012.731 이후 버전에 있습니다.)

- 로컬 content를 load 할 때 약간의 버그가 있습니다. 이 버그는 조만간 수정될 예정입니다. -

***** native.newVideo()usage

native video object는 리스너가 없기 때문에 이해하가 더 쉽습니다.
비디오 객체를 생성하고 위치를 찾거나 이동시키거나 회전시키거나 physics를 적용하는 일만 하면 됩니다.
그리고 이 모든 일이 끝났으면 remove시키면 됩니다.

신택스는 아래와 같습니다.
native.newVideo( left, top, width, height )

보다 자세한 내용은 여기를 참조하세요.

아래 예제는 비디오 객체를 생성하고 비디오 파일을 로딩하고 특정 지점을 찾고 움직이고 회전시키고 그리고 최후에는 이 객체를 remove 시키는 예제 입니다.

local video = native.newVideo( 0, 0, 220, 275 )
 
-- load a video and jump to 0:30
video:load( "myvideo.m4v", system.DocumentsDirectory )
video:seek( 30 )
 
-- play video and move/rotate
video:play()
video.x = 50
video.y = 150
video.rotation = 90
 
-- pause the video and remove
video:pause()
video:removeSelf()
video = nil

예제 파일은  SampleCode/Interface/VideoViewPhysics 에서 볼 수 있습니다.
(이 샘플 파일은 Corona build 2012.731 이후 버전에 있습니다.)
보다 자세한 사항은 API documentation을 이용하세요.

위 내용 원본은 여기에 있습니다.
이 원본을 바탕으로 제가 간단히 요약 번역 했습니다.

native display들은 시뮬레이터에서 지원하지를 못합니다.
그리고 Corona build 2012.731 버전은 2012년 1월 24일 올라왔고 아직 유료 사용자에게 밖에 공개가 안 돼 있습니다.

다음에는 샘플코드를 분석해 보도록 하겠습니다.

최신 버전으로 Corona SDK를 업데이트 하고 새 앱인 Fireman을 아이폰용으로 빌드하려고 했더니 아래 메세지가 나오더라구요.

Your application built but failed to pass Apple's validation tests.
Your application cannot be uploaded to the App Store until it passes Apple's validation tests, though you may install it directly to provisioned devices.

warning: iPhone/iPod Touch: application executable is missing a required architecture.  At least one of the following architecture(s) must be present: armv6 (-19033)

이 에러는 찾아 봤더니 Corona SDK 710 버전 이후 부터는 Xcode 버전 4.2 이상이 되어야 한 답니다.

제 Corona SDK 버전은 726 이고 Xcode 버전은 3,2.5 라서 안 됐나 봅니다.

이와 관련된 질문과 대답은 아래 코로나 SDK 포럼에 있습니다.
http://developer.anscamobile.com/forum/2011/12/20/warning-armv6-19033

그리고 Xcode 다운로드는 아래 사이트에서 하시면 됩니다.
http://developer.apple.com/xcode/

새로 나오는 코로나 SDK 책 표지 디자인 공모

오는 2월 MobiDojo studio 의 Michelle Fernandez가 Corona Game Development Beginner's Guide라는 책을 출판 할 예정입니다.
현재 출판을 위한 집필은 모두 완성된 상태이며 단지 표지 디자인을 고민 중입니다.
1월 28일까지 이 책에 쓰일 표지 디자인을 공모합니다.
채택이 되면 아래와 같은 혜택이 있습니다.
1) 표지 디자인이 책에 사용되어질 겁니다.
2) 출판 되면 책 두권을 무료로 드립니다.
3) $100 의 상금을 받게 됩니다.
4) Corona SDK PRO 1년 사용권

이 외에 표지 디자인에 사용되지는 않지만 별도로 두명의 작품을 더 선정해서 Packt Game Library의 연회원으로 가입 시켜 드립니다.
이 연회원비는 $120 인데 이 비용을 지불할 필요없이 연회원이 되실 겁니다.

응모하실 작품은 photography@packtpub.com 으로 보내 주시면 됩니다.
보내실 작품은 아래 사항을 따라 주시면 됩니다.
1. 300dpi 해상도
2. 최소 너비 7인치 높이 5인치 (최대 길이는 제한 없음)
3. CMYK 칼라 모드
4. JPEG 파일 (채택이 되면 TIFF나 .PSK 파일을 주셔야 합니다.)
5. 파일 사이즈 2MB 이하

심사위원은 Ms. Fernandez와 팀원들이 할 겁니다.
예술적인 부분과 게임을 연상시키는 visual impact를 볼 겁니다.
물론 코로나도 연상되어야 하겠죠.

Deadline은 2012년 1월 28일  입니다.
참고로 이 링크1, 링크2 는 예전에 코로나 아이콘 콘테스트 등의 링크 입니다.

시간이 얼마 없지만 도전하고 싶은 분들 그리고 도전하실 분들 건투를 빕니다.

앵그리버드 (Angry Bird) 게임 만들기

아래 동영상은 영국 Brighton에서 진행된 Corona SDK 데모 중  Seb Lee-Delisle 가 30분만에 앵그리버드 같은 게임 만드는 방법이란 주제로 진행한 내용입니다.
도움이 될 것 같아 공유합니다.