Setting up emscripten SDK

emscripten 是一個以 LLVM為基礎的系統，主要目的是將 C, C++ 開發的程式碼利用 LLVM 轉成 javascript 程式碼，讓 C, C++ 程式可以呈現 Website 中。要使用 C, C++ 開發 Web 程式碼，可以使用 emscripten SDK 來開發程式，如此可以省略許多不必要的環境設定過程。

在 emscripten 網站中提供各種不同平台的 emscripten SDK，在 Windows 平台，最直接的是使用 Installer 來安裝，但為了移植性，底下是採用 portable 版本：

1. 下載 emscripten portable 版本，解壓縮到指定的目錄
2.  切換到解壓縮目錄，開啟 Command Line，輸入 emsdk update
3.  此時會下載 emscripten SDK 最新版的安裝檔，完成後，再輸入 emsdk install latest
4.  安裝完成後，設定環境變數： emsdk activate latest --global  // --global option was env for all user
5. Testing :
• compile hello.c : emcc hello.c  // output a.out.js
•  node a.out.js   # show "Hello World" in screen
• compile hello.cpp : em++ hello.cpp -o hello.html  // output .html file
• compile sdl.cpp from emscripten : em++ sdl.cpp -o sdl.html

emscripten SDK 與 Wt C++ Web Toolkit 不同，emscripten 直接將 C, C++ 轉成 jascript or html 輸出， Wt 是一個 C++ Web Toolkit Library，要知道如何使用 Wt Library，但是， emscripten SDK 則不需要，不過，要執行較精確及效率是數學問題或程式，需要考慮是否適和使用 emscripten SDK 來開發。

在 emsctipten SDK 目錄中(emscritpen/tests/)，提供許多程式碼來測試，在 Google Drive src/emscripten 中放置一支 sdl2_imageTexture.cpp 程式，是使用 SDL2_Image Library 來擷取 .png 圖檔，但是，目前 emscripten SDK是 1.25.0 版本，預設是安裝 SDL 1.x 版的 Library，在 emsdk 中編譯會找不到 SDL2_Image Library，雖然 emscripten 已經有 ports 到 git server，不知如何加入到 emsdk 中，以後有空再處理這個問題。

再找尋資料時，看到用 CSS 畫 Doreamon，是很酷的作法：http://hamisme.blogspot.tw/2014/09/doreamon-with-css.html