html - 实现 HTML5 等距游戏的最佳方式?

标签 html canvas webgl isometric

你会说什么,使用canvas还是webGL?

我在某处读到,canvas 的性能不是很好,因为目前它是基于 DOM 或类似的东西。另一方面,webGL 还没有得到很好的支持。而且我猜它也更难学。

游戏是“2.5”D - 它不需要 3D。但 wegGL 对于良好的效果来说是有意义的,因为它是在显卡中处理的。事实上,它在浏览器之间没有得到很好的支持,这是我可以忍受的,如果我看到它确实提供了使用 Canvas 无法获得的优势(性能、效果等)。

我不介意更陡峭的学习曲线。重要的是游戏具有良好的可扩展性,最终表现良好,并且大多数功能都有可能实现。

希望得到一些好的意见,先谢谢了!

最佳答案

2D Canvas 在这里会很适合你。

数学计算将比使用 WebGL 容易得多,而且 2D Canvas 现在在每个主要桌面浏览器上都进行了硬件加速,并且在移动设备上比 WebGL 享有更广泛的支持。

Canvas 并不慢,因为它是一个 DOM 元素,理想情况下,您唯一接触 DOM 的时间是在获取上下文时。根据记录,触摸 DOM 总是很慢,但您只需要做一次。

StackOverflow 上有一些关于等距 Canvas 游戏的教程,以及 Neurofluxation 提出的一些好问题,但他出于某种原因从问题中删除了大部分相关代码,这有点遗憾。

关于html - 实现 HTML5 等距游戏的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9445723/

相关文章:

javascript - 启用 javascript 的浏览器是否承认 noscript?

html - CSS - 在 DIV 上以响应式背景和全高图像显示为中心的图像

javascript - HTML5 Canvas 闪烁文字?

javascript - 使用 HTML/Javascript 绘制椭圆

html - 将输入放在标签旁边

html - 试图将子 div 放在父 div 上

javascript - HTML Canvas 跟踪

javascript - vec3.unproject()鼠标碰撞问题

javascript - 由samplerCube引起的GL_INVALID_OPERATION

javascript - cors 污染图像上的映射颜色变换