如何从 raylib 构建 HTML

Question

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

Answer 1

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

安装步骤非常简单：

• git 克隆https://github.com/emscripten-core/emsdk.git
• cd emsdk
• git 拉
• ./emsdk 安装最新版
• ./emsdk 激活最新
• 来源./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/ 并查看示例。