学习如何用pixi.js开发微信小游戏

发布日期： 2020-10-29 阅读量： 作者： 网络

微信小程序开发栏目介绍如何用pixi.js开发微信小游戏。

学习如何用pixi.js开发微信小游戏

1.使用PixiJS渲染引擎

微信小游戏是一个不同于浏览器的 JavaScript 运行环境，没有 BOM 和 DOM API。然而pixi.js是用 JavaScript 结合其他 HTML5 技术来显示媒体，创建动画或管理交互式图像。是依赖浏览器提供的 BOM 和 DOM API 的。所以如果要在微信小游戏中使用pixi.js，需要对引擎进行改造。

不过小游戏提供了对大部分 Canvas 2d 和 WebGL 1.0 特性的支持，支持情况参见 RenderingContext，pixi.js它能自动侦测使用WebGL还是Canvas来创建图形。

无论是怎样的引擎，最终在游戏运行时所做的大部分事情都是 随着用户的交互更新画面和播放声音。小游戏的开发语言是 JavaScript，那么在引擎的底层就需要通过 JavaScript 调用绘制 API 和音频 API。

一段 JavaScript 代码在运行时可以调用的 API 是依赖于宿主环境的。我们最常用的 console.log 甚至都不是 JavaScript 语言核心的一部分，而是浏览器这个宿主环境提供的。常见的宿主环境有浏览器、Node.js 等。浏览器有 BOM 和 DOM API，而 Node.js 则没有；Node.js 有 fs、net 等 Node.js 核心模块提供的文件、网络 API，而浏览器则不具备这些模块。例如，下面这段在浏览器中可以正常运行的代码，在 Node.js 中运行就会报错。

let canvas = document.createElement('canvas')复制代码

# 微信小游戏 # 微信小程序开发

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2965 】【 SEO推广2799 】

上一篇: 如何使用 Flex 布局实现类似边距塌陷的效果？

下一篇: HTML DOM 模型：如何用 JavaScript 操作网

学习如何用pixi.js开发微信小游戏

随便看看