본문 바로가기
공부/Cocos Creator

코코스엔진 적응기 - 1. 설치와 기본세팅

by svcbn 2024. 6. 19.

취업을 하게 된 나...

앞으로 사용할 엔진인데, 백수 기간 동안 놀았던 것도 충분히 지겨워서
입사 기간까지 시간이 좀 있으니 맛 좀 보고 가기로 마음 먹었다.


 

1. Cocos Dashboard 설치

 

Cocos - The world's top 2D&3D engine, game / smart cockpit /AR/VR/ virtual character / education

The world's top lightweight, efficient, cross-platform digital content development platform can meet different development needs for 3D, 2D, AR&VR and other unique content creation, and can provide complete solutions in frontier fields such as smart cockpi

www.cocos.com

타 엔진으로 비교하자면, Unity Hub 정도의 역할

설치를 하려고 하면, Visual Studio와 C++ 환경이 필요하다고 하는데, 일단 VSC 를 사용하는 것이 목표이다.
이미 설치 되어 있기는 한데... 흠


2. 회원가입 및 설치

설치된 Cocos Dashboard를 실행시키면 역시 회원가입을 요구한다.
그다지 특별하거나 어려운 항목은 없음.

딱히 아는게 없으니 최-신 버전으로 설치하겠습니다.

찾아본 바로는 3.x.x 버전은 2D + 3D 개발이 가능하고,
2.x.x 버전은 2D 개발만 가능한 것 같기는 하다.

 


3. IDE 설치

VSC에서 Typescript 컴파일 환경을 만들어 보자.

다른 언어를 사용할 때는 그냥 컴파일러만 설치 하면 됐었던 것 같은데,
다른 튜토리얼들을 찾아봤을 때 npm을 통해 typescript 컴파일러를 설치해야 한다고 하고,
npm을 사용하기 위해 node.js를 설치해야 되고,
node,js는 웹 브라우저 구동 언어인 javascript를 아무데서나 구동할 수 있도록 해주는 플랫폼이라고 하고,
왜 이렇게 돌아가는 과정을 거쳐야 하는지 잘 모르겠다.... 누가 좀 알려줘...

아무튼 순서대로 설치 가봅시다.

1. node.js 설치

 

그 다음은 typescript를 설치 해야 하는데, 항상 처음 셋팅이 가장 어려운 것 같음...

 

[1] Typescript 설치 환경 구축

package.json 생성 node.js와 vscode가 설치 되어 있다고 가정하고 시작한다. 새 프로젝트를 만들고 싶은 폴더를 vscode로 열고 터미널을 켜 아래 코드를 실행한다. npm init 을 통해 새 프로젝트의 npm package

velog.io

벨로그를 보고 테스트용 프로젝트 폴더에 설치했고, 추가로 글로벌에도 설치했음.