春风若有怜花意，可否许ta再少年！是时候该摇起WBG的战旗了吧

安装开发所用到的插件

插件介绍

1. stats-js
stats.js 是一个轻量级的网页性能监控工具库,它可以用来监控网页或JavaScript应用的运行性能。
stats.js 的主要功能包括:
• FPS(每秒帧数)统计 - 可以看到网页动画的运行帧率
• MS(毫秒)统计 - 显示脚本执行的毫秒数
• 内存占用统计 - 显示网页占用的内存大小

2. dat.gui
dat.GUI是一个轻量级的图形用户界面JavaScript库,用于调试、编辑和原型设计。它可以通过创建滑块、按钮、下拉菜单等界面元素,用视觉方式控制代码中的变量。
dat.GUI的几个主要特性:
• 简单易用的API,可以快速创建各种控件来调节变量
• 实时更新变量,界面和数据双向绑定
• GUI设置可以保存成JSON配置文件
• 支持JavaScript对象和WebGL shader的变量控制
• 无任何依赖,文件体积小

3. pixi.js(本效果用到的主要插件)
PixiJS是一个2D网页游戏图形渲染引擎,它提供了一系列工具来帮助开发复杂、高性能的动画和视觉效果。
PixiJS的一些主要特性:
• 硬件加速 - 使用WebGL来实现GPU加速渲染,性能出色。
• 精灵(Sprite)系统 - 可以很方便地进行动画、操控显示对象。
• 高质量图像渲染 - 支持贴图、透明效果等,实现复杂的视觉效果。
• 高效的事件系统 - 支持交互事件如点击、移动等。
• 兼容性好 - 可以兼容各种移动和桌面平台。
• 社区活跃 - 使用人数多,文档丰富。
使用PixiJS可以方便地制作2D小游戏、动画演示、数据可视化等 webapp。它是一个功能强大且上手简单的2D网页图形框架。
总体来说,PixiJS是一个非常值得推荐的2D网页动画渲染库,文档丰富,社区活跃,是开发动画、游戏类webapp的绝佳选择。

完整代码