삽질하는플머

Emscripten 가지고 놀기 3. (feat. event.c)

탐구생활/WEB 관련

이전 글 


Emscripten 가지고 놀기 1. (feat. CodeLite)

Emscripten 가지고 놀기 2. (feat. GLFW, ZLib) 




이제 1편에서 만들었던 예제에 2편의 라이브러리들을 링크 해 보자. 

CodeLight 의 Project Settings 창을 열어 다음과 같이 설정해준다. 


타겟 

 Linker Options

 Libraries

 Debug, Release

 -framework OpenGL

 glfw;z

 Web

 -s USE_GLFW=3;-s FULL_ES2=1

 z







main.cpp 는 다음과 같이 만들어준다. 



#include <GLFW/glfw3.h>

#include <zlib.h>


#include <stdio.h>


int main(int argc, char **argv)

{

    printf("ZLib version: %s\n", zlibVersion());

    

    int major, minor, rev;

    glfwGetVersion(&major, &minor, &rev);

    printf("GLFW version: %d.%d.%d\n", major, minor, rev);

    

    return 0; 

}



실행시킨 결과는 다음과 같다. 




타겟을 Web 으로 바꿔서 빌드한 결과







GLFW의 event.c 는 베이스로 삼기에 참 좋은 예제라고 생각한다. 일부를 발췌해서 아래와 같이 만들어 보자. 

event.c 의 내용과 비교해 신경써야 할 부분은 다음 두가지이다. 


1. 윈도 생성시 OpenGL ES 2.0 을 지정. 

2 루프문 처리에 emscripten_set_main_loop() 함수를 사용. 


이렇게 Emscripten에서 다르게 처리해야 하는 부분은 "#ifdef EMSCRIPTEN" 으로 묶여있으니 참고하자. 



main.cpp


더보기




Func.cpp


더보기




Debug 빌드 테스트




Web 빌드 테스트








Emscripten 에 대해 수박 겉핥기로 간단히 가지고 놀아 보았다. 

생성된 JS 파일을 열어보면 그럭저럭 읽을만 하다. 

여기까지는 로컬파일에서도 테스트가 되지만 "-O2" 이상의 최적화 옵션을 주면 asm.js 로 빌드되고 웹서버가 필요하다. 

(파이썬의 SimpleHTTPServer 추천)

"-s WASM=1" 을 추가해 요즈음 핫한 웹어셈블리도 만들어 볼 수 있으니... 모쪼록 즐거운 삽질이 되시기를...