没有 Canvas 的 HTML5 游戏?

标签 html

我正在考虑编写我的第一个 HTML5 游戏,我看到的所有内容都在谈论 Canvas,然后继续谈论诸如事件、游戏循环等内容。

我打算制作一个棋盘游戏,其中所有图像都布置在一个网格上。不需要出现游戏循环,因为在用户与游戏交互之前,一切都将保持原样。而且因为棋盘和棋子的图像被布置在网格上,我可以很容易地(据我所知)使用标签,用标准 CSS 布置,而不是将它们全部绘制到 Canvas 元素中。

那么我有理由在这里使用 Canvas 吗?仅使用“普通网页”HTML 元素来创建我的游戏界面有意义吗?

最佳答案

Canvas 非常适合制作不是正方形的游戏,例如等距或六边形方 block 游戏,或者玩家 Sprite 需要大范围移动的基于 Action 的游戏,或者像 Angry Birds 这样没有任何东西的游戏基于网格。对于其他方面,它可能有点矫枉过正,尽管由于许多现代浏览器中的硬件加速,它可能允许更快的图像处理和效果。

对于您所说的基于网格的棋盘游戏,使用普通的 HTML 元素完全没问题。如果您不需要任何花哨的图形效果,那么您可以放心地忽略 canvas 标签。

旁注:您可以使用 Canvas 制作动态骰子滚动动画。它会让事情变得更有趣,并给掷骰子增加“悬念”效果。或者您可以使用 6(或 12)张动画 gif,同样轻松。

关于没有 Canvas 的 HTML5 游戏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6846622/

相关文章:

javascript - 点击时,如何让音频一直播放?

html - HTML/CSS 中是否有等效的 XAML Grid 元素?

html - 不同宽度的div元素,将后续div堆叠在较短的列上

javascript - 如何使用 pivottable.js 创建固定表头

javascript - 在 IE11 中重新启动 gif 而无需重新加载

javascript - 内容更改时的瞬时文本突出显示

html - 文本字段未打印格式化

javascript - 插入缺失的字母 javascript 游戏

html - 如何让 translateX 转换在 firefox 中工作?

html - 如何在不移动居中的 div 内容的情况下添加 padding-left?