반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리

HTML5 CSS Columns Google

2012. 1. 27. 21:47 | Posted by 솔웅


반응형
Hey today I introduce Columns in CSS3.
You can just move below slider then the number of columns will be changed.
If you use Firefox then type number in TextBox then hit the enter key.
(It is not working on Internet Explorer and Opera Web browser.)

오늘은 CSS3의 Columns 나누기에 대해 소개해 드리겠습니다.
일단 이 기능은 인터넷 익스플로어랑 오페라 웹 브라우저에서는 작동하지 않습니다.
테스트 하시려면 FireFox나 Google Chrome 혹은 Sapari 브라우저를 사용하셔야 합니다.
구글 크롬이나 사파리의 경우 아래 슬라이드바를 움직이시면 Column 들이 변할겁니다. 2단이었던 것이 3,4,5,6 단 등으로 바뀔겁니다.
파이어폭스일 경우는요 슬라이드바가 안 나타나고 텍스트박스가 나올겁니다.
여기에 숫자를 입력하고 엔터키를 치시면 됩니다.

Columns

-webkit-column-count: 2; 
-webkit-column-rule: 1px solid #bbb;
-webkit-column-gap: 2em;

In March 1936, an unusual confluence of forces occurred in Santa Clara County.

A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches.

Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet.

Then came the wind.

It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. A tidal bore of warm air, it tore along the columns of trees, ripped the blossoms apart and carried them off in a fluttering flood of petals like foam rolling up a beach.

This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley. It froze traffic, as drivers found themselves lost in a soft, muted whiteout. Only the streetcar, its path predetermined, passed on...


Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Not working (X)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working Well? Well.... (O)

You can down load sample source file below.
소스를 분석하시려면 아래 샘플파일을 받아서 보시면 됩니다.



반응형

HTML5 CSS Transform (Google)

2012. 1. 26. 21:18 | Posted by 솔웅


반응형
Today I am going to introduce transform effect of CSS3.
just mouse over below box then it will rotate smoothly.

오늘 보실 효과는 css3의 transform 효과 입니다.
-webkit-transform 을 이용해서 구현하시면 됩니다.

이 기능은 인터넷 익스플로어와 오페라에서는 작동하지 않네요.

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Not working (X)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working well (O)


HTML5 Presentation
CSS

Transforms

Hover over me:



You can download the Sample source code below.
아래 샘플 파일을 다운로드 받으세요.



See you again.

반응형


반응형
어제 이곳 뉴욕 주식시장에서는 개장하자마자 애플이 급등세를 보이며 6.9% 상승했습니다.
이로서 엔슨모빌을 제치고 애플이 시가총액 1위 기업이 됐습니다.
애플의 현금 보유액이 976억달러로 거의 1000억달러에 육박하고 있습니다.
100,000,000,000 달러 입니다.
한화로 하면 0 세개를 더 붙여야 하니
100,000,000,000,000 원입니다. 100조원인가요?
애플 한 회사가 미국 정부보다 돈이 더 많다는 얘기가 있습니다.

=== o === o === o ===

아이폰 하나에 수많은 부품이 들어가고 그 부품들은 중국,한국,대만,일본 등에서 만듭니다.
아래 동영상은 뉴욕타임즈(New York Times) 인터넷판에 실린 'The iPhone Economy' 라는 제목의 영상입니다.
애플이 돈은 많이 벌지만 이런 부품 공장들은 모두 외국에 있기 때문에 미국내 job창출에는 이바지 하고 있지 못하다는 내용입니다.

그리고 미국 경제가 서비스부문과 하이테크(프로그래머 등) 분야만 늘고 굴뚝 산업이 차지하는 부분이 줄어서(기계화와 저렴한 인건비가 드는 해외로 공장 이전 등)  심각한 경제문제로 되고 있다는 내용입니다.

우리나라도 잘 생각해 봐야 하는 부분 아닌가 생각 됩니다.





===== o ===== o ===== o ===== o ===== o ===== o =====

또 한가지 우리가 생각해 봐야 할 재밌는 기사 하나 소개할까요?
2007년 4월 19일 아이폰이 처음 선보이기 직전 마이크로소프트의 한 간부가 인터뷰한 내용입니다.

Microsoft slams iPhone as 'irrelevant'

By Chris V. Thangham
Apr 19, 2007 in Business

A Microsoft executive says iPhone is an irrelevant device in the corporate market.
Apple's soon-to-be-launched iPhone will be irrelevant to business users because it is a "closed device" and does not support Microsoft Office, a senior executive with the software giant said this week. "It's a great music phone, and I'm sure it will be fantastic and have an interesting user interface," Microsoft's Asia-Pacific head of smartphone strategy Chris Sorenson told press during a recent visit to Australia. A Microsoft Executive Chris Sorenson says Apple's iPhone is an irrelevant device as far as business users are concerned because it doesn't support Office documents.

iPhone is a closed device cannot install any outside applications especially for business users and one cannot use iPhone as a messaging device like Blackberry and Smartphones.
There are currently more than one hundred and forty phone models that use Microsoft Windows Mobile Operating system.

Currently it is one of the top operating system used in the converged device market (use of e-mails, office applications on handheld devices besides the phone feature). There are other operating systems such as Nokia's Symbian OS, RIM's BlackBerry OS, and Palm OS. Soon Apple will make a dent in this converged device market, it won't happen with this iPhone release but it will be in the future with advanced devices from Apple.
Sorenson says, since Apple's iPhone has limited features compared to Windows Mobile Operating Systems devices, iPhone won't make an impact in the corporate market.

They may shine in consumer market but not in corporate, where the users want to add various applications for their businesses which iPhone lacks.
While the iPhone will focus on integrating phone, Internet browsing and iPod features, WM6 adds enterprise-targeted features such as better synchronization of data between mobile devices and office servers.

Microsoft is upgrading its windows mobile operating system to WM6 version, Sorenson says this new system will be able to do in a mobile device just like one is able to do in desktop. iPhone never said this phone is for corporate use, it is targeting the consumer market. Apple wants to keep the device simple and easy to use. Microsoft doesn't get the idea of simplicity, once they see the success of iPhone then they will learn a lesson, till then they will keep complaining.

원본은 여기로 가시면 보실 수 있습니다.

영어 실력이 부족하지만 제가 번역한 내용 아래에 덧 붙이겠습니다.

마이크로 소프트의 한 경영진은 '아이폰은 시장성이 전혀 없는 기계이다'라고 말했다.
애플이 곧 출시할 아이폰은 시장의 소비자들로부터 외면 당할 것이다. 왜냐하면 그것은 "폐쇠된 기계" 이며 마이크로 소프트 오피스를 지원하지 않기 때문이다 라고 마이크로소프트의 중견 간부가 software giant와의 인터뷰에서 밝혔다.

마이크로소프트의 아시아 태평양 스마트폰 전략 책임자인 크리스 소렌손은 최근 호주 방문기간 동안 기자들에게 "그것은 아주 좋은 음악 phone이다. 아주 환타스틱할 것이라고 확신한다. 그리고 흥미로운 유저 인터페이스를 가질 것이다." 라고 말했다.

크리스 소렌손은 또 "애플의 아이폰은 비지니스 유저들에게는 전혀 관심없는 기계일 뿐이다 왜냐하면 그것은 오피스 문서를 지원하지 않기 때문이다" 라고 말했다.

"아이폰은 아주 폐쇄적인 기계이다. 외부의 어플리케이션을 인스톨 할 수가 없다. 특히 비지니스 유저들과 블랙베리와 스마트폰 같은 메세징 기계와 같이 아이폰을 사용할 수 없는 유저들에게는 더욱 그렇다."

"현재 140개 이상의 전화기 모델들이 마이크로 소프트의 윈도우즈 모바일 OS를 사용하고 있다.  현재 이 OS는 이메일, 오피스 어플리케이션 등을 사용할 수 있는 모바일폰 시장에서 가장 많이 사용하고 있는 OS 이다.
노키아의 심비안, RIM의 블랙베리와 Palm OS등 다른 모바일 OS들도 있다.
조만간 애플이 이 모바일 시장에 도전장을 내려고 한다. 미래에 나올 또 다른 애플의 더 진보된 기계라면 모를까 이 아이폰 가지고는 성공하기 힘들다."

소렌손은 "아이폰은 윈도우 모바일 OS와 비교해서 아주 제한된 기능만 가지고 있다. 이 아이폰은 이 시장에서 아무런 영향도 미치지 못할 것이다. 단순한 소비시장에서는 반짝 할지 모르겠지만 자신의 비지니스를 위해 다양한 애플리케이션을 필요로 하는 비지니스 유저들에게는 아이폰은 너무 부족하다"고 분석했다..

아이폰은 인터넷 서핑과 iPod 의 기능들 그리고 WM6를 탑재해서 사무실 서버와 모바일 기계간의 데이타 동기화와 같은 기업을 상대로 한 기능 등을 통합하는 데 초점을 맞추고 있다.

소렌손은 이에 대해 윈도우즈 모바일 OS를 WM6로 업그레이드 하고 있고 그렇게 되면 데스크탑에서 할 수 있는 모든 기능을 모바일 기계에서도 가능하게 된다고 말했다.

아이폰은 이 기계가 기업사용자를 위한 것이라고 한번도 얘기하지 않았다. 이 폰의 주 고객은 일반 소비자들이다. 애플은 단순하고 쉬운 이용법에 초점을 계속 맞출것이다. 마이크로 소프트는 단순함에 대한 개념이 없다. 아이폰이 성공한다면 그들은 이에 대해 배울 것이다.



이 기사가 나간지 4년 후 지금 우리는  모바일시장에서 애플과 마이크로 소프트가 어떤 위상에 있는지 잘 보고 있습니다.
불과 4년 전입니다. 마이크로 소프트가 저런 얘기를 할 수 있었던것이.....

반응형

New Native Web and Video API’s 소개

2012. 1. 25. 07:07 | Posted by 솔웅


반응형
Using the New Native Web and Video API’s

native webView와 native video 객체와 관련한 새로운 API가 새로 나왔습니다.
이전의 Web Popupsvideo 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일 올라왔고 아직 유료 사용자에게 밖에 공개가 안 돼 있습니다.

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


반응형

iOS - armv6 (-19033) error

2012. 1. 25. 00:56 | Posted by 솔웅


반응형
최신 버전으로 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분만에 앵그리버드 같은 게임 만드는 방법이란 주제로 진행한 내용입니다.
도움이 될 것 같아 공유합니다.




반응형


반응형
그동안 작업하던 Fire Man이라는 게임이 안드로이드 마켓에 올라 갔습니다.

아직 Lite 버전이라 부족한 부분이 많습니다.
무료이니까요 Fire Man 많이 다운 받아 주시구요.
안되는 기능 있으면 많이 알려 주세요.
점점 더 완성도 있는 게임이 될 수 있도록 도와 주세요. ^^
(안드로이드 마켓의 게임 카테고리에 있는데 한국에서 다운 받을 수 있죠???)

Fireman이 세계를 돌아 다니면서 유적지에 붙은 화재를 진화한다는 Story입니다.
지금은 Italy 한곳만 돼 있구요. 곧 USA,China,India 도 업그레이드 될 겁니다.
Korea도 나올 거구요.


아이폰 앱스토어 용으로도 곧 나올 겁니다.
(지금 테스트 중 입니다. 아마존의 Kindle Fire용으로도 나올 예정이구요.)




유튜브에 올라온 게임 설명 동영상입니다. 참고하세요.

참고로 안드로이드 마켓에서 NOWBYTE로 검색하시거나  링크를 클릭하시면 제가 만든 앱들을 보실 수 있습니다.


반응형

Facebook Single Sign-On

2012. 1. 21. 00:46 | Posted by 솔웅


반응형
이 글은 Implementing Facebook Single Sing-On 으로 올라온 Corona SDK 튜토리얼을 번역한 글입니다.
이번주에 Corona SDK에서 새로 추가된 주요 기능에 대한 튜토리얼은 Game Center Integration, ScrollView Widget, Facebook Single Sign-On 이렇게 세가지 입니다.
오늘 facebook Single Sign-On을 다루면 모두 다 소화하고 가는 거네요.

Implementing Facebook Single Sign-On
Jonathan Beebe

Corona SDK 의 Facebook Single Sign-On 기능은 iOS와 Android 모바일 디바이스에서 가능합니다. (그리고 만들기에 안드로이드 쪽이 사용이 훨씬 간편합니다.)
이 기능은 Corona Build 2011.707 이후 버전에서만 지원 됩니다.
오늘 날짜 기준으로 Corona에서는 Build 2011.704를 무료 배포 버전으로 오픈했기 때문에 유료 구매자가 아니면 707 버전이 공개될 때까지 기다리셔야 됩니다.

***** Your Facebook App

우선 여러분의 앱을 Facebook에 등록해야 합니다.
그러면 여러분은 App ID를 받으실 수 있습니다. 그 이후에 앞으로 진행하는 일들을 하실 수 있습니다.
아래 링크를 따라가서 여러분의 앱을 등록 하세요.

https://developers.facebook.com/apps

저도 이 부분은 등록을 한적이 한번도 없어서요 자세히 설명을 드리지는 못하겠네요.

우선 위 링크로 가면 이 화면이 나옵니다. (facebook에 로그인을 안 했으면 로그인 하라는 화면부터 나올 겁니다.)



Create New App 버튼을 누르면 App Display Name 과 App Namespace를 넣으라는 화면이 나옵니다.

오른쪽에 ?에 마우스를 올려 놓으시면 그게 뭔지 설명이 나옵니다.

그리고 동의란을 체크하고 Continue버튼을 누릅니다.




다시한면 Security Check를 위한 화면이 나오고 해당 텍스트를 입력 한 다음에 submit을 누르면....




이렇게 핸드폰 번호나 신용카드로 인증과정을 사전에 거쳐야 다음 사항을 진행 할 수 있다고 나옵니다.
그 다음 과정은 진행해 보지 않았습니다.
지금 회사라서 주말에 집에서 차근차근 해 봐야겠습니다.

일단 이 과정들을 모두 거쳐서 햅이 등록됐다고 치고 다음 단계를 보겠습니다.


앱이 등록된 후 Native iOS App 이나 Native Android App를 체크해야 합니다.

iOS앱에서는 iOS Bundle ID가 Corona를 빌드한 provisioning profile과 같아야 합니다. 그리고 iPhone App Store ID 란에 여러분의 iTunes App ID를 넣어야 합니다. 여러분의 앱이 iTunesConnect 포탈에 추가 됐으면 여러분의 앱에 App Store ID가 부여 됐을 겁니다. (앱을 업로드하기 이전에도 받을 수 있습니다.)

아직 여러분의 앱이 iTunes App ID가 없다면 다른 iTunes App ID를 쓰셔도 됩니다. 하지만 나중에 앱이 ID를 받게 되면 곧바로 바꾸셔야 합니다.

제대로 된 bundle ID와 정확한 iTunes ID를 입력하는 것은 아주 중요합니다. 그렇지 않으면 여러분 앱에 Facebook을 implementation 하지 못합니다.

***** build.settings
이 부분은 iOS에만 해당 되는 것입니다. 안드로이드용 앱에는 build.settings에 아무것도 할 필요가 없습니다.

iOS는 CFBundleURLTypes키를 넣어야 합니다. 그 안에 CFBundleURLSchemes 키를 넣기 위해서요.
아래 샘플 코드가 있습니다.
settings = {
    iphone = {
        plist = {
            UIApplicationExitsOnSuspend = false,
            CFBundleURLTypes =
            {
                {
                    CFBundleURLSchemes =
                    {
                        "fbXXXXXXXXXXXXXX",
                    }
                }
            }
        }
    }
}
괄호가 너무 복잡하게 돼 있죠? 그냥 이거 복사해서 쓰세요.

디폴트로 UIAppLicationExitsOnSuspend는 기본으로 false로 세팅돼 있습니다.  그래서 이 부분을 명시하지 않아도 false로 세팅됩니다.
위에 굳이 false로 선언한 것은 만약 이것이 false가 아니면 작동하지 않기 때문에 그것을 remind하기 위해 넣었습니다.
"fbXXXXXXXXXXXXXX 부분에 X표시들은 여러분의 Facebook App ID를 넣으셔야 할 부분입니다.
이 CFBundleURLSchemes에 더 많은 URL schemes를 넣으실 수 있습니다.
CFBundleURLSchemes =
{
    "fb1234567890",
    "YourCustomScheme",
    "AndAnotherOne"
}

Test, test, test!
이렇게 세팅하면 facebook 싱글 사인 온 작업을 할 수 있습니다.
하지만 반드시 테스트를 해 보는건 기본이죠.

facebook.login()함수를 call했을 때 Facebook app이 디바이스에 인스톨 돼 있으면 그것이 나올 겁니다. 그리고나서 당신의 앱을 인증하라고 나올 겁니다. (아직 한번도 인증과정을 거치지 않았다면요)
facebook앱이 없다면 웹브라우저가 실행 될 겁니다. 그리고 유저가 로그인 과정을 다 거치면 다시 원래 앱으로 돌아 올 겁니다.
(이 과정에서 UIApplicationExitsOnSuspend 에 false로 선언되어 있어야 제대로 동작합니다.)

자 여기까지가 Facebook Single Sign-On 을 implemation하는 과정입니다.
facebook쪽 등록하는 부분하고 Corona SDK에서 iPhone인 경우 build.setting에 등록하는 부분이 좀 작업을 해야 하네요.
반면에 안드로이드 쪽은 Facebook쪽에만 등록을 시키면 그 다음엔 별다른 세팅 없이 진행 시킬 수 있나 봅니다.

여기까지 완료 됐으면 이제 facebook single sign on 을 할 기본 환경이 갖춰진 것이구요.
이제 여러분이 코딩하면서 facebook을 이용하면 됩니다.


여기를 클릭하시면 위와같이 Corona SDK의 facebook관련 API를 보실 수 있구요.


SampleCode-Networking-facebook으로 가시면 위와같은 샘플 앱이 있습니다.

이 부분은 나중에 자세히 다뤄 보겠습니다.

반응형

HTML5 Transitions (-webkit-transition)

2012. 1. 20. 11:15 | Posted by 솔웅


반응형
Basically JavaScript is for dynamic display in Web Programming.
In HTML5 Not only JavaScript but also CSS has excellent dynamic display functions.

One of the Thing is below webkit-transition.
-webkit-transition

HTML5 는 JavaScript와 CSS와 협력해서 여러 효과를 냅니다.
주로 JavaScript 가 동적인 효과를 주는데 사용되는데요. 이제 CSS에서도 이런 동적인 효과를 줄 수 있습니다. webkit 중에 transition을 사용하시면 됩니다.

Just Click the Right and Left Button then you can see it.
왼쪽 오른쪽 버튼을 눌러보세요.


HTML5 Presentation
CSS

Transitions


Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Working well (O)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working well (O)


The Red rectangle below is moving smoothly with using webkit-transition.
아래 사각형은 아주 자연스럽게 움직이죠?
Animation 효과도 줄수 있고 게임에서도 이용할 수 있지 않을까요?

아래 소스코드가 있습니다. 다운 받아 가세요.
Download the source code below.


반응형

Game Center Integration (iOS)

2012. 1. 20. 06:26 | Posted by 솔웅


반응형
Tutorial: Game Center Integration (iOS)
Jonathan Beebe

iOS의 게임센터를 이용할 수 있는 기능이 daily build 2012.725에 포함 됐습니다.
이 iOS 의 Game Center를 어떻게 이용해야 하는지 살펴보겠습니다.
이번에 선보인 iOS Game Center 이용 기능은 기존의 gameNetwork API의 연장입니다.

iOS Game Center를 이용하기 위해 Apple side에서 어떤 일을 해야 하고 (iTunes Connect), 코로나에서는 어떤 셋업이 필요한지 그리고 여러분의 앱에서 이 기능을 제대로 이용하려면 어떻게 해야 되는지에 대해 간단히 알아보겠습니다.

Game Center는 다른 game networks(OpenFeint, Papaya)와 비교해서 좀 다른식으로 적용해야 합니다. build.settings와 System Event 파트를 다룰 때 이 부분을 이야기 하겠습니다.

***** iTunes Connect
Link: Visit the iTunes Connect Portal

Game Center를 이용하기 위해 Apple 쪽에서 해야 할 일에 대해서는 자세히 언급하지는 않겠습니다.
간단히 말해서 여러분은 여러분의 앱에서 Game Center 기능을 이용하기 위해 우선 Leaderboard(high score boards)와 Achievements 를 생성해야 합니다.
또한 개개의 Leaderboard와 Achievement ID도 할당해 줘야 합니다.

1. Manage Your Application 링크를 클릭


2. 여러분의 앱 아이콘을 클릭


3. 오른쪽에 있는 파란색의 Manage Game Center 버튼을 클릭



4. Enable 버튼을 클릭


5. Leaderboard 와 Achievements 부분에 있는 Edit(Set up) 을 클릭


6. Leaderboards와 Achievements를 추가


7. 각각의 Leaderboard ID와 Achievement ID



물론 여러분의 게임에 Achievements(혹은 Leaderboard)를 넣고 싶지 않다면 이 부분은 그냥 지나가셔도 됩니다.

***** build.settings

주목:이 파트는 여러분들이 Game Center를 이용하려고 하던지 OpenFeint와 Game Center를 동시에 이용하려고 하던지 어떤 경우에도 아주 중요합니다.
만약 여러분이 OpenFeint를 사용하지 않고 오직  Game Center만 사용하려고 한다면 코로나에 openfeint 컴포넌트를 앱에서 빼내 버리고 컴파일 하라고 알려줘야 합니다.

그 방법은 아래와 같이 components 테이블에 빈 대괄호만 넣어 주면 됩니다.
settings =
{
    iphone =
    {
        components = {}
    }
}

OpenFeint와 Game Center 를 모두 사용하시려면 openfeint 컴포넌트를 사용할 거라고 build.settings에서 확실히 알려 줘야 합니다.
settings =
{
    iphone =
    {
        components = { "openfeint" }
    }
}

build.settings와 관련해서 알아야 할 또 하나는 Leaderboards 와 Achievements를 셋업하지 않고 테스트만 하고자 할 경우 여러분은 GKTapper Xcode 샘플을 이용해서 구현 할 수 있습니다.
그러기 위해서는 아래와 같이 하시면 됩니다.
settings =
{
    iphone =
    {
        plist =
        {
            CFBundleIdentifier = "com.appledts.GKTapper",  -- temporary line for testing!
        },
        components = {}
    }
}

***** System Events and initCallback
일반적으로 gameNetwork.init()은 main.lua 처음 시작할 때 불려 집니다. 그리고 앱이 끝날 때까지 다시 불려질 일은 없습니다. Game Center를 이용하는 방법은 이 gameNetwork.init()과 비교해서 크게 두가지 다른 점이 있습니다.
Game Center는 iOS안의 system-wide 프로세스입니다. 유저들은 앱이 suspend될 때마다 Game Center에서 로그 아웃 됩니다. 그래서 앱이 applicationStart 시스템 이벤트를 Receive 받을 때마다 gameNetwork.init()을 불러야 할 겁니다. 이것이 첫번째 다른 점 입니다.
두번째 다른 점은 init request가 마무리 됐을 때 한번 불려지는 initCallback 함수 입니다.

아래 소스는 network 제공자로 Game Center를 사용할 때 gameNetwork.init()을 어떻게 사용해야 하는지를 보여주는 코드입니다.

local gameNetwork = require "gameNetwork"
local loggedIntoGC = false

-- called after the "init" request has completed
local function initCallback( event )
    if event.data then
        loggedIntoGC = true
        native.showAlert( "Success!", "User has logged into Game Center", { "OK" } )
    else
        loggedIntoGC = false
        native.showAlert( "Fail", "User is not logged into Game Center", { "OK" } )
    end
end

-- function to listen for system events
local function onSystemEvent( event )
    if event.type == "applicationStart" then
        gameNetwork.init( "gamecenter", initCallback )
        return true
    end
end
Runtime:addEventListener( "system", onSystemEvent )

initCallback 리스너 함수를 보면 event 테이블에는 한개의 프로퍼티 event.data 가 있습니다. 이것은 Game Center 에 로그인이 성공하면 true가 되고 실패하면 nil이 됩니다.
유저가 로그인 상태가 아닐 경우 체크해서 어떤 핸들링을 할 수가 있습니다.
좀 더 자세한 사실은 gameNetwork.init() documentation 를 보세요.


***** Game Center Request
Game Center를 사용할 때 아래 열거한 것들을 gameNetwork.request()와 함께 사용될 수 있습니다.
    •    setHighScore
    •    loadScores
    •    loadLocalPlayer
    •    loadPlayers
    •    loadFriends
    •    loadAchievements
    •    unlockAchievement
    •    resetAchievements
    •    loadAchievementDescriptions
    •    loadFriendRequestMaxNumberOfRecipients
    •    loadLeaderboardCategories

보다 자세한 용도를 보려면 gameNetwork.init() documentation 를보세요.
대부분의 위 request들은 요청한 데이터를 받기 위한 리스너를 가질 수 있습니다.
Game Center request(요청) 들에서 가장 헛갈리는 부분은 이 이벤트 테이블을 통해서 어떤 데이터가 당신의 callback 리스너에 전달 되느냐 입니다. 다시 한번 말씀드리자면 보다 자세한 사항은 gameNetwork.init() documentationOfficial Game Kit Documentation 안의 해당 페이지를 통해 알아 볼 수 있습니다.
만약에 fail일 경우 JSON 스트링을 통해 event table에 encode됩니다. 그리고 전화기의 native alert으로 전화기 화면에 표시 됩니다. 아래 샘플 예제를 참조하세요.
local gameNetwork = require "gameNetwork"
local json = require "json"

-- callback listener for Game Center requests
local function requestCallback( event )
    if event.type == "loadFriends" then
        local data = json.encode( event.data )
       
        -- show encoded json string via native alert
        native.showAlert( "event.data", data, { "OK" } )
    end
end

gameNetwork.request( "loadFriends", { listener=requestCallback } )

***** Corona GCTapper Sample
이상으로 GameCenter의 아주 기본적인 사항들을 살펴 봤습니다.
Corona SDK에서는 Apple의 GKTapper Xcode Sample 을 수정해서 Corona에서 사용할 수 있도록 했습니다.
아래 링크를 클릭하시면 그것을 이용한 샘플 코드를 받아 보실 수 있습니다.
View the Corona Game Center Sample Project on Github

위 내용 원본은  Corona SDK 웹싸이트에있습니다.
http://blog.anscamobile.com/2012/01/tutorial-game-center-integration-ios/

오늘은 iOS Game Center를 사용하기 위한 기초 지식을 공부했구요.
다음엔 위에 다운 받은 샘플 파일을 분석할 생각입니다.

반응형