GettingEmscriptenToWork.wiki
author xymengxy@gmail.com
Fri, 11 May 2012 16:29:45 +0000
changeset 220 122b02f4f292
parent 219 6b25660d5bbf
child 221 9b7f99b498a5
permissions -rw-r--r--
Edited wiki page GettingEmscriptenToWork through web user interface.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     1
#summary One-sentence summary of this page.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     2
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     3
This page is a brief introduction of how to get emscripten to work.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     4
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     5
= Introduction =
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     6
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     7
This guide is not targeted to hedgewars currently but meant to help you set up the environment to get emscripten working.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     8
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
     9
= Set Up emscripten =
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    10
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    11
You can follow the steps here to set up emscripten: https://github.com/kripken/emscripten/wiki/Tutorial
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    12
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    13
Be sure to set up the correct path in ~/.emscripten. The default paths are mostly not suitable for you.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    14
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    15
Building llvm 3.0 from source has one big advantage since you can point the LLVM_ROOT to where you build it, which won't affect your local version (if it is not 3.0).
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    16
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    17
= Potential problems =
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    18
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    19
  # Make sure your node.js is the latest version, earlier versions won't work for some reasons;
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    20
  # Make sure the version of your llvm and clang is exactly 3.0. Lower versions won't compile and higher versions may fail in some cases due to the removal of llvm-ld. For Ubuntu users, 11.10 doesn't have pre-built llvm 3.0 packages so you have to build from source files. I haven't tried llvm 3.1 (which should work in theory), but to make it less troublesome, llvm 3.0 is recommended.
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    21
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    22
= How to get llvm and clang 3.0 =
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    23
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    24
If you can checkout through svn, follow the official guide (checkout release_30 branch):
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    25
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    26
http://llvm.org/docs/GettingStarted.htm
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    27
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    28
If you cannot checkout through svn for some network issues, you can find git mirrors in github here (which should work for everyone):
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    29
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    30
https://github.com/llvm-mirror/llvm (checkout release_30 branch)
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    31
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    32
https://github.com/llvm-mirror/clang (checkout release_30 branch)
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    33
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    34
https://github.com/llvm-mirror/compiler-rt (checkout release_30 branch)
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    35
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    36
Follow the official guide to build from source code (http://llvm.org/docs/GettingStarted.html).
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    37
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    38
= Some tests =
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    39
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    40
There are a lot of tests in the tests folder. You can refer to (https://github.com/kripken/emscripten/wiki/Tutorial) for more details.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    41
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    42
Here I just give some simple examples.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    43
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    44
(Assume that you are in the emscripten root directory, where you can see the 'emcc' file)
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    45
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    46
1. *hello world*
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    47
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    48
./emcc tests/hello_world.cpp
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    49
node a.out.js
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    50
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    51
You should be able to see "hello world!" in the terminal
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    52
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    53
If you want to have it run in browsers, you can type this (as in official tutorial):
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    54
./emcc tests/hello_world_sdl.cpp -o hello.html
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    55
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    56
2. *get the glgears to work in browsers*
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    57
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    58
./emcc tests/hello_world_gles.c -o hello_world_gles.html
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    59
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    60
llvm 3.1+ won't compile this demo. The reason is that this demo uses malloc which has to been compiled first from dlmalloc. However emscripten uses llvm-ld as the linker, which has been removed in llvm 3.1+, and the result is that you will encounter some strange error messages saying that "no such file or directory". If you got this message, check your llvm and clang version.
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    61
220
122b02f4f292 Edited wiki page GettingEmscriptenToWork through web user interface.
xymengxy@gmail.com
parents: 219
diff changeset
    62
3. *get the file system to work*
219
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    63
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    64
./emcc --preload-file hello_world_file.txt tests/hello_world_file.c -o hello_world_file.html
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    65
6b25660d5bbf Created wiki page through web user interface.
xymengxy@gmail.com
parents:
diff changeset
    66
Note that you must add "--preload-file hello_world_file.txt" in the command line. This line tells emcc that it should embed the file loading code into the js file. Before the application runs, all files will be loaded first. If you don't do this, it won't find this file.