webgl有2d精灵库吗？

Question

我希望使用WebGL构建一个2D游戏。我想要WebGL提供的硬件加速，而我无法从canvas标签中的2D画布上下文中获取它。

话虽如此，是否有使用webGL创建2D精灵的教程？或者，更好的是，是否有一个用于WebGL的2D精灵库？理想情况下，我正在寻找像cocos2d移植到WebGL的东西。

毫不奇怪，我为WebGL找到的所有演示，教程和库都专注于3D操作。是否有支持2D精灵的WebGL库？

Answer 1

我可能错了，但我认为2D画布API的设计方式使浏览器可以利用硬件加速，但他们还没有选择。我希望随着WebGL的发展，canvas 2D的实现会得到显着改善。

Answer 2

您可以在webGL here

中找到画布2D API

Answer 3

我最近向github推出了一个简单的2d库，该库是用webgl编写的，带有一个天真（但功能性）的画布后备。它使用与cocos2d相同的场景图，你可以在http://github.com/funkaster/ChesterGL上查看它 - 注意它不是100％功能，但是你可以用它作为写一个简单的2D游戏的起点

Answer 4

Pixi.js目前是最稳定和最活跃的：

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

Answer 5

3D in 3D非常容易。您只需将所有对象放在一个平面中并缩放视口以绘制该平面的所需部分。

在任何情况下，大约需要10年才能在大多数人的浏览器中找到WebGL功能。使用正确的方法，您可以在不使用画布的情况下获得很长的路，使用预渲染旋转图形的技巧是任何JavaScript游戏开发人员必须知道的，以及“精灵”动画。

重要的问题是，你只是在玩这些工具，还是在制作人们应该能够玩和享受的游戏？

Answer 6

请记住，您可以使用gl.POINTS绘制模式并在每个点而不是点绘制纹理（精灵）。你只需要使用一个采样器。它非常强大。

Answer 7

这可能有点即兴，但我认为如果有人试图为2D对象操作找到一个好的WebGL包装器，它是值得的。我强烈推荐 fabric.js ，它在canvas元素之上提供交互式对象模型。它还具有SVG-to-canvas（和canvas-to-SVG）解析器。官方网站的 demos 部分清楚地显示了此javascript库的潜力。