심시티 오픈 소스를 웹사이트로! micropolisJS

GitHub - graememcc/micropolisJS: A port of Micropolis to JS/HTML5

GitHub - graememcc/micropolisJS: A port of Micropolis to JS/HTML5

 

안녕하세요~

심시티 오픈 소스가 있다는 것을 아시나요?

EA가 GPL로 공개한 심시티 오픈소스 버전인 micropolis 입니다.

JS/TS + HTML 버전으로 포팅되어 있어요~

 

예전에 한번 돌려보려다가 못했었는데...

이번에 맘잡고 제대로 띄워봤어요~

0. 필요한 환경 체크하기

git 이 설치되어있나요?

nodejs 가 설치되어있나요?

 

1. git 에서 받기

git clone 로 받지 않고 zip 으로 받아서 돌리면 제대로 뜨지 않을 수 있습니다.

 

git clone https://github.com/graememcc/micropolisJS.git

 

2. npm install 및 빌드하기

해당 폴더에 들어가셔서 npm install 하고 빌드하세요~

저는 micropolisJS 폴더 입니다.

micropolisJS>npm install
micropolisJS>npm run build

 

3. webpack 설치하기

webpack은 자바스크립트 모듈을 컴파일하기 위해 필요해요.

이 심시티는 컴파일을 해야합니다~(typescript 코드가 포함되어 있으므로)

micropolisJS>npm install webpack webpack-cli --save-dev

 

4. 서버 띄우기

npx는 Node Package eXecute 의 약자로 패키지 실행에 쓰이는 명령어 입니다.

micropolisJS>npx webpack serve --mode development

 

 

5. 확인하기!

위 4번 명령은 조금 시간이 필요해요~

중요한건 아래처럼 접속해 볼 수 있는 링크와~

 

아래처럼 성공했다는 메시지죠~

 

자 이제 첫 부분에서 알려준 링크로 접속해 보세요~

아래처럼 뜨면 성공입니다!

이제 소스들을 주물럭 거리면서 즐겨보세요~

즐거운 모딩하세요!