随着移动互联网和 HTML5 技术的发展，前端技术日新月异。node-pixi 是一种用 JavaScript 编写对场景和图形的渲染的节点库，尤其适用于基于浏览器的游戏开发。本文将介绍如何使用 npm 包 node-pixi 来创建抓取游戏。
安装 Node.js 和 npm
http://nodejs.cn/download/ 下载 Node.js 安装包，安装步骤如下：
- ---- --- ------- ------ - ---- --- ------- ---
安装 node-pixi
使用 npm 安装 node-pixi，命令如下：
- --- ------- ------ -------
安装完成后，你可以使用 node-pixi 的 API 来实现游戏开发了。
创建一个简单的抓取游戏
在这个示例中，我们将创建一个抓取游戏。游戏本身是一个满屏幕的图像，用户可以通过鼠标或手指移动来控制抓取机的位置。
引入 node-pixi
----- ---- - -------------------
创建 PIXI 应用
----- --- - --- ------------------
------ ------------------
------- -------------------
---
------------------------------------创建背景图像
----- ---------- - --- -------------------------------------------- ---------------- - ----------------- ----------------- - ------------------ -------------------------------
创建抓取机
----- ------ - --- --------------
------------------ ---------------------
-------------------
-------- --------
----- ---- - --- -------------------------
-------------------------
-移动抓取机
-------------------------------------- ----------
-------- ------------
------ - ----------
------ - ----------
-创建抓取机钩子
----- ------------ - ---------------------------------------- ----- ----- - --- ------------------------------------ -------------------- - ---- ------------- ------------------------ -------------------------- ---------------------
创建游戏循环
-------------------------
-------- ----------------
------- - ---------- - --
------- - ----------- - --
-------------- - -----
-总结
本文介绍了 npm 包 node-pixi 的使用教程，并创建了一个简单的抓取游戏的示例。希望这篇文章能够给正在学习前端技术的同学带来一些帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600572f481e8991b448e9187