[📜일지] pico-8부터 emscripten 알아보기까지 과정

취미로 게임 개발 중인데 언리얼, 유니티는 회사에서 뺀질나게 봐서 지겹고

취미로 하는 개발은 리소스 관련 작업은 최소화하고 왠만한건 코드로 다 하고 싶고 동시에 로우레벨에서 작업하고 싶었음.

그런 와중에 poom이라는 둠이식작을 보고 뭘로 만들었나 궁금해서 찾아보다가 pico-8을 알게됨.

코드작성은 lua로 하고 툴에서 코드편집, 도트찍기, 효과음 만들기, 배경음악 만들기 다 할 수 있고 뭔가 감성을 자극하는 점이 있는건 좋은데

코드길이(정확히는 토큰 수), 팔레트 제약등 너무 제약이 심해서 다른게 없나 알아봄. 기본적으로 웹에서 돌아가야하는 것을 우선순위로 삼음

그러다 발견한게 haxe라는 라이브러리인데

고유 언어로 코딩하면 그 코드에서 .js나 .cpp로 뽑아줌.

https://heaps.io/ <- 이게 haxe에 기능을 덧붙인 라이브러리인데 찾아보니까 데드셀, 에보랜드가 이걸로 만들었더라고.

근데 욕심이 생겨서 모바일로도 되나 찾아보니 되긴 되는데 기본적으로 안내가 개망이야. 대충 되긴되니까 알아서 하셈 수준.

cpp로 파일 뽑아주니까 어쨋든 되겠지만 열어보면 사람이 읽을 수 있는 코드로는 안나오더라.

딴게 없을까 고민하다가 결국 찾은게 emscripten

https://emscripten.org/

이게 c, c++ 코드를 아주 손쉽게 웹어셈블리로 컴파일해주더라. 기본적으로 SDL과 OpenGL도 지원해서 2D와 3D출력하는데도 문제없고.

c++이니까 기본적으로 윈도우에서 개발하면서 최종적으로 웹어셈블리로 컴파일하면되서 디버깅도 편함.

찾아보니 unreal, unity에서 html5로 패키징할때도 이걸 쓴다더라.

아래는 shadertoy에서 뉴클리어쓰론 회오리 장면을 만든게 있어서 pico-8하고 emscripten으로 만들어본거임.

둘다 웹에서 돌렸고 pico-8은 팔레트 제약 때문에 감쇠 표현도 못함.

pico-8 뜨는데도 한참 걸림

C++ + SDL + emscripten으로 만든 버전. 감쇠표현도 가능하고 바로 뜸

댓글 0