很少有JavaScript库允许使用WebGL渲染2D图形。我发现,最受欢迎的是 three.js所 和 pixi.js。它们都允许您使用WebGL或canvas渲染器(对于不支持WebGL的设备)。
我想问你在以下术语中哪些库更好:
- 我希望它仅用于2D图形,因此3D支持是完全可选的。
- 性能非常重要 - 很多元素,文本,平滑缩放,翻译等等的能力都是非常重要的。
- 画布渲染器(当设备不支持WebGl时很重要)我希望使用两个渲染器看到相同(或非常相似)的结果。
如果有另一个图书馆,我应该在这个特殊情况下调整,请随时告诉它:)
我有完全相同的用例,只是试过两个。对于5000个精灵及以上,加载大量静态精灵(来自相同图像)的三个.js更快,但是动画只有少数精灵在pixi中提供更好的帧率(再次,对于5000个精灵)。 (这是在桌面上的Chrome和IE9上测试过的)
最大的区别在于Canvas渲染器,其中pixi的自动检测为相同的代码提供与WebGL相同的结果(如果更慢),但是三个.js的Canvas渲染器 不支持Sprite类型 意思是实现可移植代码,你必须使用粒子。如果你不使用那么多的精灵,并且大多数都有四边形或三角形,那就不是问题了。
如果教程等的可用性完全成问题,那么three.js就更加成熟,因此有更多的材料。
否则,对于同时渲染的最多约2-3k个元素,我会选择pixi。