'일상의 법칙/개인 공부'에 해당되는 글 2건

서론


언젠가 게임을 만들어보는 것이 목표였지만...

개발자는 디자이너가 없고, 작가가 없는게 문제죠.

(디자이너는 개발자와 작가가 없고, 작가는 디자이너와 개발자가 없는 아이러니...)


그러니 스토리도 없고, 디자이너의 도움도 별로 필요 없는

퍼즐게임을 만들자는게 처음 생각이었습니다.


바닥부터 시작하기엔 부담이 크니 게임 엔진을 알아보았습니다.


언리얼 엔진? 대기업에 취업하기엔 괜찮겠지만 혼자하기엔 오버킬.

유니티 엔진? 역시 혼자 하기엔 좀 큰 편. 3D는 아직 별 생각 없음.

고닷 엔진? 무료긴 한데 아직 좀 복잡함...

컨스트럭트? 이거 원래 무료였던 것 같은데 언제 유료가 됐지?

렌파이? 이놈의 스토리...못쓰겠어요...


이렇게 고민하던 차에 페이저(Phaser)를 선택했습니다.

아직 무료! 간단한 개발!

문제점이라고 하면 한글 강좌가 적다는 점인데...


개발자는 원래 구글링하면서 개발하는거 아니겠습니까?




※ 본 게시물은 강좌처럼 보이지만, 일기장에 좀 더 가깝습니다.

작업한 내용을 올리긴 하겠습니다만, 설명은 친절 할 수 있습니다.

코딩에 대한 최소한의 지식이 있으셔야 이해하기 쉬우실겁니다.



스도쿠 게임을 만들기로 한 이유는...

그냥 스도쿠 게임을 좋아해서 입니다.

관심이 있어야 끝까지 만들 수 있을 것이거든요.


일단 페이저 세팅을 해봐야겠습니다.

페이저 세팅에 필요한 것은 몇 개 없습니다.

이것이 페이저를 선택한 이유이기도 합니다.


0) 자바스크립트로 코딩하고 웹브라우저로 바로 볼 수 있습니다.

비주얼 스튜디오나 gcc같은 컴파일러가 필요 없습니다.



1) 메모장으로 편집하기엔 좀 아쉬우니 Atom이라는 에디터를 써봅시다. 이미 잘 쓰고 계신 툴이 있으면 그거 쓰세요.

https://atom.io/

없으시면 여기 가셔서 받으시면 됩니다. 무룝니다.



2) 페이저는 다운받을 용량도 작습니다

https://phaser.io/

위의 공식 홈페이지 방문하셔서 Download로 가시거나, 아래 링크로 가셔서

https://phaser.io/download/stable (요기로 가게됨)


min.js를 받습니다.

phaser.min.js라는 이름의 파일 딸랑 1개 입니다.



3) 웹서버는 세팅해야합니다. 하지만 요즘엔 어렵지 않게 가능합니다.

저는 파이썬을 설치할 일이 있어서, 파이썬을 이용합니다.

파이썬 2.7 설치하세요. (3.x대 하셔도 되는데, 저는 2.7을 설치해서...)


https://www.python.org/downloads/release/python-2713/

32비트 윈도우면 Windows x86 MSI installer,

64비트 윈도우면 Windows x86-64 MSI installer 받으시면 됩니다.


설치하시면 웹서버는 아래 첨부된 파일 또는

명령프롬프트 명령어로 실행 가능합니다. (첨부된 파일 이용 추천)

RunHttpServer.bat

python -m http.server 8080


4) 세팅 테스트용 샘플을 받아둡니다.

index.html

첨부파일을 받으시거나, 아래 링크가셔서 HTML 소스를 긁어다가 index.html로 만드시면 됩니다.

https://phaser.io/tutorials/getting-started-phaser3/part5


폴더 하나 만들어서 때려넣습니다.



위와 같이 세팅이 다 되었으면 아래와 같이 됩니다.


샘플 index.html 파일 만들었고,

phaser.min.js 파일 받았고,

웹 서버 실행할 RunHttpServer.bat도 넣었습니다.


참고로, RunHttpServer.bat는 실행한 위치에있는 html 파일을 기본 위치로 판단하므로 다른곳에 두지 않도록 하세요.


1) RunHttpServer.bat를 눌러서 서버를 실행합니다.


서버가 8080 포트로 실행되었다고 뜨는 군요.


2) 그럼 8080포트로 우리 웹서버에 접속해봅시다.

로컬 웹서버는 localhost 또는 127.0.0.1로 접속 가능합니다.

8080포트를 쓰기로 했으니, 뒤쪽에 :8080을 붙여줘야겠죠.


즉...

http://127.0.0.1:8080 또는 http://localhost:8080 으로 접속하면 됩니다.


짜잔!

다음과 같이 샘플이 잘 뜨는군요.



페이저 세팅이 완료되었습니다.


다음 시간에는 코드를 작성해보겠습니다.


끝나기 전에!

실행한 서버를 종료하시려면, 실행하면서 떴던 검은색 명령 프롬프트 창 닫으시면 됩니다.

작업하실 때는 띄워놓고 계속 쓰시다가, 개발 끝나면 그때 닫으시면 됩니다.


블로그 이미지

젓가락아저씨

현실에서 직접 경험한 일상의 것들에 대한 공유. 그리고 삶이라는 게임, 진짜 게임, 그 사이의 무언가에 대한 이야기들

,

온라인 광고 시스템의 대략적인 구조

Advertisers - Agency - DSP - Ad Exchange - SSP - Publisher - Audience



온라인 광고 시스템과 연관된 여러가지 용어들

- 오디언스(Audience): 컨슈머(Consumer)라고도 할 수 있으며, 보통 광고를 보게되는 소비자들을 의미한다.

- 퍼블리셔(Publisher): 인벤토리(Inventory)를 소유하고, 오디언스들이 방문하는 곳. 일반적으로 각종 미디어(매체)가 해당된다. 일반 블로그나 웹사이트등은 퍼블리셔이다.

- 인벤토리(Inventory): 퍼블리셔 내에서 광고가 게재될 수 있는 공간. 배너나 광고가 들어갈 수 있는 공간을 의미한다.

- 광고주(Advertisers): 오디언스에게 광고를 하고자 하는 주체. 인벤토리를 구매하여 광고를 올리려고 한다.


- DSP (Demand Side Platform): 광고주를 위한 플랫폼. 투자 수익률이 높은 인벤토리를 구매할 수 있도록 도와주는 곳.

- SSP (Supply Side Platform): 퍼블리셔를 위한 플랫폼. 수익률이 가장 좋은 광고를 파악해서 노출시킬 수 있도록 도와주는 곳.


- Ad network: 기본적으로는 퍼블리셔들과 광고주들을 연결시켜주는 중개 업체를 칭한다. 최근에는 Ad Exchange 용어가 등장하면서, 조금 의미가 모호해진 것 같다.

- Ad Exchange: 퍼블리셔나 광고주들은 물론, 여러 Ad network을 포함하여 중개하는 Ad network보다 더 큰 개념의 중개 플랫폼을 칭한다.


- CPM (Cost per mille): 1000회 노출에 따른 광고비.

- eCPM (effective CPM): 광고의 단가를 알고, 광고 노출 수를 알 때 계산 가능한 예상 수익


블로그 이미지

젓가락아저씨

현실에서 직접 경험한 일상의 것들에 대한 공유. 그리고 삶이라는 게임, 진짜 게임, 그 사이의 무언가에 대한 이야기들

,