相关疑难解决方法(0)

Canvas/WebGL 2D tilemap 网格工件

我正在创建一个简单的 2D 网络游戏,它可以与您的典型瓷砖地图和精灵一起使用。

扭曲是我想要平滑的相机控制,包括平移和缩放(缩放)。

我尝试使用 Canvas 2D API 和 WebGL,在两者中我都无法避免流血的网格线伪影,同时还支持正确缩放。

如果重要的话,我所有的图块的大小都是 1,并缩放到所需的任何大小,它们的所有坐标都是整数,我使用的是纹理图集。

这是使用我的 WebGL 代码的示例图片,其中不需要细的红/白线。 在此处输入图片说明

我记得几年前用桌面 GL 编写精灵图块地图,具有讽刺意味的是使用类似的代码(或多或少相当于我可以用 WebGL 2 做的事情),而且它从来没有出现过任何这些问题。

我正在考虑接下来尝试基于 DOM 的元素,但我担心它不会感觉或看起来不流畅。

2d webgl html5-canvas

2
推荐指数
1
解决办法
1205
查看次数

标签 统计

2d ×1

html5-canvas ×1

webgl ×1