전체 글

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 Cocos Creaor에서 비디오를 재생시켜보도록 하겠습니다. 영상은 각자 준비해주세요! (MP4를 권장) 컴포넌트 등록1. 아래와 같이 Video라는 빈 노드를 만들어 놓습니다. 일단 저는 원격지 동영상을 재생시킬 것은 아니기 때문에 (원격지가 필요하다면 Resource Type을 Remote로 그리고 원격지 URL을 넣어줍시다.) 타입을 Local로 했습니다. 이제 클립 부분에 확장자가 mp4인 동영상을 드래그해줍니다. 저는 유튜브에서 창모 노래를 받아서 넣어보았습니다. 2. Video 이벤트를 관리할 Video 핸들러를 아래와 같이 만들어줍니다.- onLoad에서는 비디오 플레이어의 이벤트를 수신할 함수를 등록해줍니다.- handleVi..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 데이터 저장/가져오기 코드 cc.Class({ extends: cc.Component, properties: { score: 1000, bestScore: 0 }, loadBestScore: function () { var self = this; FBInstant.player.getDataAsync(["score"]).then(function (data) { if (typeof data["score"] !== "undefined") { self.bestScore = data["score"]; } console.log('최고 점수', self.bestScore); }).catch(function(reason) { console.log('loadBes..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 앱 페이지에서 Leaderboard 만들기 일단 리더보드를 적용하려는 앱의 페이지로 가서 인스턴트 게임 - 리더보드로 들어가주면 다음과 같은 화면이 나옵니다. 리더보드를 특정 컨텍스트에 대해서만으로 제한하려면 컨텍스트 리더보드 옵션을 예로 설정한 후 이름을 지정하고 변경 사항을 저장합니다. (이름은 내부에서만 사용할 것이므로 이름에 대한 고민은 살짝 접어두고 global_leaderboad나 context_leaderboard 식의 이름으로 지정해줍니다.) Cocos cretor에서 코드 작성cc.Class({ extends: cc.Component, properties: { score: 100 }, saveScoreToLeaderBoard: fu..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. Leaderboard 인스턴트 게임 리더보드 관련 SDKgetLeaderboardAsync( )이 인스턴트 게임에 속한 특정 리더 보드를 가져옵니다.Parametersname string 리더보드의 이름. 인스턴트 게임의 각 리더보드에는 고유한 이름이 있어야함.ExamplesFBInstant.getLeaderboardAsync('my_awesome_leaderboard') .then(leaderboard => { console.log(leaderboard.getName()); // 'my_awesome_leaderboard' });Throws LEADERBOARD_NOT_FOUNDThrows NETWORK_FAILUREThrows CLIENT_UN..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. context 관련 SDK 현재 게임 컨텍스트에 관련된 함수와 프로퍼티들을 포함함. getID( ) A unique identifier for the current game context. This represents a specific context that the game is being played in (for example, a particular messenger conversation or facebook post). The identifier will be null if game is being played in a solo context. This function should not be called until FBInstant.s..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. player 관련 SDK 현재 플레이어와 관련된 함수와 프로퍼티들을 포함하고 있습니다. (FBInstant.player로 접근) getID( ) 플레이어를 위한 유니크한 식별자로서 아이디를 줌. 페이스북 유저들의 플레이어 아이디는 지속적으로 페북에 의해 관리되며, 게임에 적용된다고 합니다. 이 함수는 FBInstant.initializeAsync()로부터 resolve를 받기 전에 실행시키지말라고 합니다. (이 부분에 대해서는 수차례 언급하고 있으니 앞으로는 생략하도록 하겠습니다.)Examples// This function should be called after FBInstant.initializeAsync() // resolves. var p..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 이제 테스트를 해보려고 하는데.. 이전 포스트에서 Cocos Creator를 이용해 Facebook Instant Games 플랫폼에 앱을 올리고 테스트하는 방법에 대해 올렸었죠. 하지만 저는 사실 성공하지 못했습니다. 앱을 빌드하고 페이스북에서 접속하라는 방법대로 접속했으나 '대한민국'이 접속 제한 지역에 포함돼있었던 것입니다. 아래와 같이 '죄송합니다. 회원님의 지역에서는 아직 이 기능이 지원되지 않습니다.' 라는 문구가 띄워졌습니다.. 인스턴트 게임 개발자 커뮤니티에서 수소문해본 결과 다음과 같은 방법을 알려주셨습니다. 두 방법 모두 페이스북 '화이트리스트' 요청을 하라는 조언이었습니다.페이스북 파트너 엔지니어에게 직접 호소해본다. (실패)페..

Facebook Instant GamesCocos Creator v1.9부터는 페이스북 인스턴트 게임즈 플랫폼을 위한 게임을 만드는 것을 지원한다고 합니다. 우리 개발자들은 이제 페이스북 인스턴트 게임즈 플랫폼의 기술적 기준에 맞춰 빠르게 게임을 퍼블리싱 할 수 있을 것 같네요. 페북 게임은 WeChat 미니 게임이나, QQ Play 게임과 달리 순수한 HTML5 환경에서 작동합니다. 이것은 폰 뿐만 아니라 데스크탑 브라우저에서 동작할 수도 있다는 것을 의미하죠. 뿐만아니라 개발이나, 디버깅 또한 더 편리해졌다는 것입니다. Cocos Creator가 제공하는 부분:Facebook Instant Games SDK와 통합된 로직, 자동 초기화(페이스북 게임에서는 초기화를 지원하고 있다), 관련된 API를 직..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. Facebook Instant Game SDK에 대해 정리한 문서 FBInstant 페이스북 인스턴트 게임즈 SDK의 최고 레벨 네임스페이스입니다. initializeAsync( )SDK 라이브러리를 초기화함. 다른 SDK 함수를 호출하기 전에 무조건 호출되어야함.ExamplesFBInstant.initializeAsync().then(function() { // Many properties will be null until the initialization completes. // This is a good place to fetch them: var locale = FBInstant.getLocale(); // 'en_US' var platfo..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 이 글은 페이스북 인스턴트 게임 만드는 방법에 대해 알아보는 글 입니다. 어떻게 시작해야할지 눈 앞이 깜깜하기 때문에 Facebook for developers에서 제공하는 Quick Start 글을 공부하며 이 포스트를 작성합니다. 포스트를 진행하기 앞서 이 포스트에 포함된 내용을 다루는 Tic-Tac-Toe라는 인스턴트 게임의 소스코드를 첨부합니다. 1. 앱 설정 2. SDK 사용을 위한 첫 단계 3. 테스트 및 업로드 4. 컨텍스트 업데이트 5. 봇 설정 6. 다음 단계 1. 앱 설정 일단 페이스북 앱을 만들어야한다고 하네요. 이 링크로 들어가 봅시다. 들어가면 위와 같은 앱의 목록이 나옵니다. 그리고 앱의 이름을 정해줍니다. 저는 아직..