LÖVE.js 项目教程

1. 项目介绍

LÖVE.js 是一个将 LÖVE 游戏引擎移植到 Web 平台的开源项目。LÖVE 是一个用于创建 2D 游戏的框架，而 LÖVE.js 通过使用 Emscripten 技术，使得开发者可以在浏览器中运行 LÖVE 游戏。LÖVE.js 不是 LÖVE 的重新实现，而是直接移植了 LÖVE v0.10.0 的代码，因此在功能上与原生 LÖVE 保持一致。

2. 项目快速启动

2.1 环境准备

• 安装 Python 2.7（Python 3.5 及更高版本不支持）
• 克隆 LÖVE.js 仓库

git clone https://github.com/TannerRogalsky/love.js.git
cd love.js
git submodule update --init --recursive

2.2 打包游戏

将你的游戏打包成 Emscripten 可读的格式：

cd debug
python /emscripten/tools/file_packager.py game.data --preload [path-to-game]@/ --js-output=game.js

确保在路径后添加 @/，这会将你的游戏放置在 Emscripten 文件系统的根目录。

2.3 测试游戏

启动一个简单的 Web 服务器进行测试：

python -m SimpleHTTPServer 8000

然后在浏览器中打开 localhost:8000 进行测试。

2.4 发布游戏

如果测试通过，可以将游戏打包并发布：

cd release
python /emscripten/tools/file_packager.py game.data --preload [path-to-game]@/ --js-output=game.js

将 release-compatibility 文件夹复制到 Web 服务器上即可。

3. 应用案例和最佳实践

3.1 应用案例

• Mari0: 一个结合了马里奥和传送门的游戏，展示了 LÖVE.js 在复杂游戏中的应用。
• Friendshape: 一个简单的图形绘制游戏，展示了 LÖVE.js 在图形处理方面的能力。
• Mr. Rescue: 一个救援主题的游戏，展示了 LÖVE.js 在动作游戏中的应用。

3.2 最佳实践

• 性能优化: 在 release-performance 模式下编译游戏，禁用异常捕获和内存增长，以提高性能。
• 内存管理: 在 Module 对象中设置 TOTAL_MEMORY，以确保游戏有足够的内存运行。
• 兼容性测试: 在不同浏览器中测试游戏，确保兼容性。

4. 典型生态项目

• Emscripten: 用于将 C/C++ 代码编译为 WebAssembly 的工具链，是 LÖVE.js 的核心依赖。
• LÖVE: 原生的 LÖVE 游戏引擎，提供了丰富的 API 和工具，用于创建 2D 游戏。
• Punchdrunk: 另一个 LÖVE 的 Web 移植项目，提供了不同的实现方式。

通过本教程，你应该能够快速上手 LÖVE.js，并在浏览器中运行你的 LÖVE 游戏。