如何从raylib生成HTML

Question

我是一个初级程序员，我想知道如何用raylib构建HTML。我试着看了看GitHub https://github.com/raysan5/raylib/wiki/Working-for-Web-(HTML5)，我无法理解它。你能为我写一个简单的一步一步的教程吗？请

Answer 1

从一开始，您就必须安装emscripten。正如在网站上所指出的，"Emscripten是WebAssembly的完整编译器工具链，使用LLVM，特别关注速度、大小和Web平台。“

安装步骤简单易用：

https://github.com/emscripten-core/emsdk.git

• cd

• git克隆latest

• ./emsdk emsdk

• git拉

• ./emsdk

activate latest

• source ./emsdk_env.sh

在完成这些步骤之后，您将把emscripten安装到您已经克隆的目录中。

然后，您需要编译raylib以便在Web中使用：

转到raylib/src目录并打开Makefile，找到定义EMSDK_PATH变量的位置，并相应地对其进行编辑以适应您的设置。如果您将emscripten下载到/home/user/emsdk目录中，那么将其放在那里：

EMSDK_PATH ?= /home/user/emsdk

还修正了PYTHON_PATH定义。

然后启动执行make

make -e PLATFORM=PLATFORM_WEB -B注意到-e选项。该选项允许向makefile传播和覆盖环境变量。

Generated libraylib.a is placed in raylib\src\libraylib.a directory.

之后，您可以cd到raylib/examples/中，修复上面描述的Makefile，然后再次启动make -e PLATFORM=PLATFORM_WEB -B。

在此之后，您将能够在该目录中启动python3 -m http.server，导航到浏览器中的http://0.0.0.0:8000/并查看示例。