html - 如何从 raylib 构建 HTML

Question

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

标签： htmlcraylib

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 into raylib/examples/，如上所述修复 Makefile 并make -e PLATFORM=PLATFORM_WEB -B再次启动。

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