전체 글

Dynamic FontCurrently Cocos Creator only supports TTF format for dynamic font. Just drag font file (with .ttf extension) into Assets panel, the font asset will be imported. 다이나믹 폰트현재 Cocos Creator는 TTF포맷의 폰트만 지원합니다. 단지 폰트를 Asset에 드래그한 후, 폰트 적용을 원하는 Label Component의 Font 프로퍼티에 드래그 앤 드롭해줍니다. 1. Asset 탭의 적정한 곳에 ttf 포맷의 파일을 드래그 앤 드롭 해줍니다. 2. 폰트 적용을 원하는 라벨의 Font 프로퍼티에 드래그 앤 드롭 해줍니다. 3. 적용 된 폰트를 확인합니다..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 자바스크립트에 객체 정의 방법에는 리터럴 표기와 생성자 함수가 있다. 언어적으로 Object()나 Array() 같은 내장 생성자 함수를 지원하고 있는데, 이를 사용하는 것보다 리터럴 표기법을 사용하면 어떤점이 좋은지 다룬다. 이번 포스팅에서는 객체 리터럴 방식을 알아보도록 한다. 1. 객체 리터럴 방식 객체 리터럴을 이용한 객체 생성 자바스크립트의 객체는 단순히 이름 : 값의 쌍이다. 값에는 원시 데이터 타입, 객체 심지어 함수까지 올 수 있으며 이 때의 함수는 메서드라고 부른다. 그러므로 사용자가 만든 객체는 언제든지 그 값이 바뀔 수 있다. 또한 네이티브 객체의 프로퍼티도 변경이 가능하다. 또한 객체 정의 후 프로퍼티 및 함수를 추가할 ..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 이 글은 필자가 속해 있는 팀의 코딩 컨벤션(스타일 가이드)를 맞추기 위해 '더글라스 크락포드의 자바스크립트 코드 컨벤션'을 참고하여 작성한 것 입니다. 무조건 이 규칙들이 좋은 것은 아니니, 팀원들의 규칙들을 잘 통합하여 각자 팀만의 코딩 컨벤션을 적용하길 권장합니다. 1. 코딩 컨벤션(스타일 가이드)가 필요한 이유2. 들여쓰기3. 연산자4. 괄호5. 주석6. 기본 리터럴7. 객체 리터럴8. 변수 선언9. 함수 선언10. 문장 규칙11. 가독성을 위한 공백 1. 코딩 컨벤션(스타일 가이드)가 필요한 이유 대학 시절, 컴공과를 다니던 황OO군은 아무것도 없는 공백에 필요한 코드를 작성하여 '동작'을 목적으로 '성적'을 목적으로 의식의 흐름따라..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 자바스크립트에서 문자열 -> 숫자(string to integer, float), 숫자 -> 문자열(int, float to string)로 타입 변환하는 방법을 알아봅니다.1. 숫자 -> 문자2. 문자 -> 숫자 숫자 -> 문자 1. 숫자 뒤에 "" 붙이는 방법 (추천)var num = 1000, string = [];for (var i = 0; i < 10000; i++) {string[i] = 1000 + "";} 2. String 함수 사용var num = 1000, string = [];for (var i = 0; i < 10000; i++) {string[i] = String(1000);} 3. toString 함수 사용var nu..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 setInterval 함수를 실행해보시면 알겠지만, 지정한 delay 이후에 실행합니다. 즉 (delay - callback - delay - callback - ...) 순으로 진행한다는 것입니다. setInterval을 사용할 때 callback 부터 실행하도록 하는 간단한 방법을 알아보도록 하겠습니다. 방법function startInterval(seconds, callback) { callback(); return setInterval(callback, seconds * 1000); }매개변수로 시간, 콜백함수를 받는 startInterval 함수를 만듭니다. 함수는 실행하자마자 callback을 실행하고 setInterval을 시작하..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 포스팅 순서1. 개념 및 구현2. 수도코드(pseudocode)3. 구현 및 최적화 수도코드function A*(start, goal) // 이미 실행했던 노드들 '닫힌 목록' closedSet := {} // 아직 실행하지 않았지만 이제 탐색할 노드들 '열린 목록' // 초기에는, 시작 노드만 들어있습니다. openSet := {start} // 각가장 효율적인 경로를(노드들을) 담습니다. cameFrom := the empty map // 각 노드별 시작 노드로부터의 거리를 담습니다. (기본 비용은 Infinity, 최소비용을 찾는 것이므로) gScore := map with default value of Infinity // 처음 노드는 시작..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 포스팅 순서1. 개념 및 구현2. 수도코드(pseudocode)3. 구현 및 최적화 서론 길찾기 알고리즘은 말 그대로 시작점과 목표점 사이의 최단 거리 길을 찾아주는 알고리즘입니다. RPG에서 벽 너머의 맵을 클릭했을 때 캐릭터가 최단거리로 파바박 움직이는 것이 바로 길찾기 알고리즘을 사용한 것이죠. 가장 많이 사용하는 A* (A star) 알고리즘을 알아보도록 하겠습니다. 이 알고리즘은 초보자들에게 좀 어려울 수 있죠. 인터넷에 있는 글들은 이미 A*에 대해서 기본 지식이 있는 사람들을 위한 글이 많지만 이 글은 초보자를 위한 글입니다. 또한 프로그래밍에 대한 것도 포함되어 있지 않습니다. (다음 포스팅에서 다루도록 하겠습니다.) 1. 탐색 영역..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 타입 타입이란, 한글로 자료형입니다. int형, short형, float형, bool형, 객체 등이 있습니다.int a = 10;bool isKilled = false;Character human = new Character( ); 와 같이 변수를 선언할 때 앞에 붙여 사용합니다. 정적언어, 정적타입 모두 같은 의미로 쓰이고 있습니다. 쉬운 개념이므로 이 단어가 나왔을 때 쫄지 않기 위해 알아보도록 하겠습니다. ^^ 정적언어 정적언어라는 것은 위에서 언급한 '타입' 즉 자료형을 컴파일 시에 결정하는 것 입니다. 우리가 잘 아는('이름을 잘 아는') C, C#, C++, Java 등의 언어가 있습니다. 이들 언어는 변수에 들어갈 값의 형태에 따라 자..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. Cocos2D - JS 는 여타(Phaser, CreateJS 등) HTML5 게임 개발 라이브러리와 다르게 프로젝트 환경설정을 html파일이나 js파일에서가 아닌 project.json이라는 파일에서 설정합니다. 속성 값은 아래의 표를 참고하세요. 속성명 옵션 설명 debugMode 0, 1, 2, 3, 4, 5, 6 0: close all 1: info level 2: warn level 3: error level 4: info level with web page 5: warn level with web page 6: error level with web page showFPS true or false toggle FPS visibility i..

이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 에러코드 Assert failed: Unsupported format for depth and stencil buffers. Using defaultAssertion failed: (0), function convertAttrs, file /Users/Hwang/Desktop/TutorialV3CPP/cocos2d/cocos/platform/ios/CCGLViewImpl-ios.mm, line 107. 해결법AppDelegate 파일들의 추가된 내용이 빠져있는 예제를 돌리다가 생길 수 있다(최신 버전 받으면 기본적으로 들어가 있음), 빠지면 에러를 뿜어낸다. [AppDelegate.h] virtual void initGLContextAttrs();..