Pixi.js学习 （一） Pixi的安装与配置

操作系统：

版本    Windows 11 家庭中文版
版本    23H2
安装日期    ‎2024/‎5/‎28
操作系统版本    22631.3593
体验    Windows Feature Experience Pack 1000.22700.1003.0

前言

Pixi是一个非常快的2D sprite渲染引擎，可以帮助我们显示、动画和管理交互式图形，这样就可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。

此系列文章需要：HTML ，JavaScript 基础知识

学习目的：使用Pixi制作一个小游戏

操作系统：

版本    Windows 11 家庭中文版
版本    23H2
安装日期    ‎2024/‎5/‎28
操作系统版本    22631.3593
体验    Windows Feature Experience Pack 1000.22700.1003.0

一、Pixi 下载与安装

Pixi官网：Pixi.js中文网

第一步：下载pixi.mini.js文件 

官方下载网址：Releases · pixijs/pixijs · GitHub

CSND下载链接：

https://download.csdn.net/download/qq_56376552/89379295?spm=1001.2014.3001.5501

记住当前下载路径，后面需要用到。

二、Pixi.js HBuilderX 集成环境 

2.1 HBuilderX 集成环境的安装与配置：

此步骤过长，因此另开一篇文章

文章链接：CSDN

2.2 测试集成环境准备：

鼠标点击左上方的 文件 点击 新建 点击 项目：

鼠标点击 普通项目 选择 基本HTML项目

输入项目名称： 测试环境

最后点击右下角的 创建

此时在项目管理器 生成一个名为：测试环境 的项目 鼠标点击一下展开此项目：