WebAssembly 入门

通过编译Cube 2/Sauerbraten来记录下wasm的一些心得

建议1：最好还是linux or Mac OS X 环境 

笔者环境为ubuntu，win10环境下也可以通过安装子系统来进行。

前置准备 

1 先更新sudo apt-get update

2 安装gcc依赖 sudo apt-get install build-essential

3 安装cmake sudo apt-get install cmake

4 安装python （2.7版本）sudo apt-get install python2.7

5 安装nodejs sudo apt-get install nodejs

6 安装java sudo apt-get install default-jre

7 创建一个文件夹用来存放所需文件 mkdir wasm

8 克隆包到文件夹 

    cd wasm 

    git clone https://github.com/juj/emsdk.git

    git clone https://github.com/kripken/BananaBread.git

    cd emsdk

安装emsdk

1 ./emsdk update

2 ./emsdk install latest 这个过程会比较漫长，需要一个较好的网络环境和一杯咖啡

3 ./emsdk activate latest

4 注册到环境变量 source ./emsdk_env.sh

5 接下来通过一个官方demo来简单测试下是否成功安装各组件

建立一个新的c文件-hello.c

#include <stdio.h>

int main(int argc, char ** argv) {

printf("Hello, world!\n");

}        

执行emcc hello.c -s WASM=1 -o hello.html

6 建立一个服务器来启动

1 node 方式 emrun --no_browser --port 8080 .

2 python 方式 python -m SimpleHTTPServer 8080 in folder(你刚才用来放hello.c的文件夹)

3 win情况下用iis创建，但是有需要注意的地方，需要手动注册mime类型data，wasm为application/octet-stream。

7 打开浏览器输入localhost:8080/hello.html, 如果成功会看到hello world

编译Cube 2/Sauerbraten

1 cd BananaBread/cube2/src/web

2 win用户请检查是否安装过minGW，可能会造成影响

3 make 

4 启动服务器，enjoy game！