WebGL是否有二维精灵库?[关闭]

我可能弄错了,但是我认为2dcanvasapi的设计方式使得浏览器可以利用硬件加速,但是他们还没有选择这样做。我希望canvas 2d的实现会随着webgl的发展而显著改进。

您可以在webgl中找到canvas 2d api here

我最近向github推送了一个在webgl上编写的简单的2d库,它有一个简单(但功能)的画布回退。它使用与cocos2d相同的场景图,您可以选中它 http://github.com/funkaster/ChesterGL -注意,它不是100%的功能,但你可以用它作为起点来编写一个简单的二维游戏

Pixi.js是目前最稳定、最活跃的:

https://github.com/GoodBoyDigital/pixi.js/

3d中的2d非常容易实现。只需将所有对象放置在一个平面中,并缩放视口即可绘制该平面的所需部分。

无论如何,大约还有10年的时间,你才能在大多数人的浏览器中找到webgl功能。有了正确的方法,你就可以在不使用画布的情况下获得很长的路,使用图形的预渲染旋转技巧是任何javascript游戏开发人员都必须知道的,除了“sprite”动画之外。

重要的问题是,你只是在玩工具,还是在做一个人们应该能够玩和享受的游戏?

请记住,您可以使用gl.points绘制模式,在每个点(而不是点)绘制纹理(精灵)。你只需要使用取样器。它真的很强大。

这可能有点即兴,但我认为这是值得的努力,以防有人试图找到一个良好的webgl包装器,用于2d对象操作。我强烈建议 fabric.js ,它在画布元素的顶部提供交互式对象模型。它还有SVG到画布(和画布到SVG)的解析器。这个 demos 官方网站的部分清楚地显示了这个javascript库的潜力。