介绍
LemonJS 是一款轻量级的 JavaScript 游戏引擎，可以帮助开发者构建 2D 游戏。
npm 包 lemonjs-browser 是 LemonJS 的一个浏览器版本，在浏览器中即可使用 LemonJS，非常方便。使用 npm 包可以让您更方便地管理依赖关系、更新版本等等。
这篇文章将介绍如何使用 npm 包 lemonjs-browser 来构建您的 2D 游戏。
安装
在使用 lemonjs-browser 开发游戏之前，您需要安装 Node.js 和 npm。
安装完毕后，在您的项目中使用以下命令来安装 lemonjs-browser：
npm install lemonjs-browser
安装后，您可以在项目中引入 lemonjs-browser，例如：
const Lemon = require('lemonjs-browser');创建游戏画布
在开始使用 LemonJS 之前，您需要创建一个游戏画布。可以使用 HTML 的 Canvas 元素来创建它。
例如，在 HTML 中创建以下 Canvas 元素：
<canvas id="game-canvas" width="800" height="600"></canvas>
使用以下 JavaScript 代码来获取 Canvas 元素：
const canvas = document.getElementById('game-canvas');创建游戏场景
在 LemonJS 中，场景是游戏中的元素集合，例如角色、道具等等。
可以使用 Scene 类来创建游戏场景。例如：
const gameScene = new Lemon.Scene(canvas);
创建角色
在 LemonJS 中，角色是可以在游戏画布中移动的元素。
可以使用 Sprite 类来创建角色。例如，创建一个循环移动的矩形：
-- -------------------- ---- -------
----- ------ - --- --------------
------ --- ------------------------ --- -------
----- ----------------- -
------------ ---
----------------- - -----------------
--------------------------------- ---------------- ----------------- -------------------
-- ---------------- - ------------- -
--------------- - ------------------
-
-- ---------------- - -------------- -
--------------- - -------------------
-
-
---添加角色到场景中
可以使用 Scene 类的 addChild 方法将角色添加到场景中。例如：
gameScene.addChild(myRect);
更新游戏
使用 LemonJS 开发的游戏，需要在更新游戏状态的时候，调用场景的 updateGame 方法。
例如，在每秒钟更新游戏一次：
setInterval(updateGame, 1000);
function updateGame() {
gameScene.updateGame();
}运行游戏
一切准备就绪后，调用场景的 start 方法开始游戏。例如：
gameScene.start();
结论
LemonJS 是一款快速、轻巧的 2D 游戏引擎，npm 包 lemonjs-browser 让您可以更方便地在浏览器中使用它。通过本文章的学习和实践，您可以快速地构建出 2D 游戏。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61396