PixiJS入门学习

277 阅读2分钟

近期业务需要使用PixiJS进行开发,便对其进行了学习。新技术的学习建议在一开始的时候要了解清楚比较核心的几个关键点。

比如pixi是什么?能够解决什么问题?适用于哪些业务场景?不适用于哪些业务场景?优点是什么?缺点有哪些等等,本文只做简单的入门介绍,不涉及具体的API使用及代码实现,后续会持续更新文章

pixi是什么

pixi是一个渲染引擎,它使用WebGL(或Canvas)来显示图像和其他的2D内容视觉

适用的业务场景

基于Web的更加专注、快速和高效的渲染引擎,可以使用pixijs 非常适合在线游戏、教育内容、交互式广告、数据可视化等任何需要复杂图形的基于Web的应用程序

不适用的业务场景

如果需要的是一个完整的游戏开发框架,具有原生绑定和丰富的UI库,需要探索其他选项

优点有哪些

速度快:从头开始,渲染管道的构建就是为了从用户的浏览器中获得尽可能多的性能

功能多样性:例如pixijs使用SimpleRope绘制绘制小径和轨迹。使用Graphics绘制多边形、线条、圆形和其他图元,Text提供与sprite一样高性能的全文渲染支持。即使在绘制简单的图像时,PixiJS本身也支持 spritesheets 以实现高效加载和易于开

原生:WebGL 是用于访问用户 GPU 以实现快速渲染和高级效果的 JavaScript API

开源、易于扩展、易部署

缺点有哪些

不是框架,pixi更专注于渲染图形内容

专注于2D构建,不是3D构建

无法提供对于摄像头、定位服务、通知等访问权限和服务

不提供开箱即用的UI库

不提供数据存储相关工具,需要自行查找或实现

不提供开箱即用的音频库,需要配合其他专业的音频库使用

开发环境需自行配置

参考链接:pixijs.io/guides/basi…