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

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

近两年，网络平台掀起了一股互动游戏热潮。三大电商平台都不约而同地推出来一些互动小游戏（种树、养宠物、大富翁等），其目的在于通过趣味游戏提高APP日活，增强用户粘性，进而转化成订单。在这种趋势下，前端中的细分领域——WebGL成了新的技术热点。淘系技术部推出了互动引擎EVAJS，…

很多内容写的比较粗略，所以还望大家不要太过吐槽，后续我会给完善的。 1. 空间与转换 当图形被绘制在屏幕上的时候，无论是2D还是3D，都会有其自己的空间，也会有其自己的转换数据。 在计算机图形学中，通常是才用齐次坐标来表示空间内的点,在三维空间内，会使用四元向量来表示。 一般w…

Phaser是一个开源的HTML5游戏框架，支持桌面和移动HTML5游戏，支持Canvas和WebGL渲染。官方文档齐全，上手也比较容易。 Phaser的功能主要还有预加载、物理引擎、图片精灵、群组、动画等。 更多详细内容可以查看Phaser官网，我的学习过程是主要是边看Pha…

上一篇文章《用 JSX 实现 Carousel 轮播组件》中，我们实现了一个 “基础” 的轮播组件。为什么我们叫它 “基础” 呢？因为其实它看起来已经可以满足我们轮播组件的功能，但是其实它还有很多缺陷我们是没有去完善的。 虽然我们已经在里面实现了两个功能，一是可以自动轮播，二是…