javascript - 国际象棋棋盘的 Canvas 与 DOM

<分区>

我正在创建一个 HTML 5 国际象棋游戏。服务器端是 socket.io/node.js/backbone.js。

我现在开始为游戏板编写 View 。用 Canvas 或 DOM 元素(又名 div)表示棋盘会更容易吗？忽略浏览器兼容性。

最佳答案

真正归结为您的动机。

如果您非常了解游戏开发，并且愿意出于碰撞检测或其他目的将屏幕分成多个部分，那么您可以轻松地创建自己的自定义点击事件，基于绘制玩家点击的 Canvas ，然后使用 Canvas ，因为您将以这种方式打开更多通往高级动画和图形交互的大门。

如果您对此感到不自在，并且想要一种直接的方式来了解点击了哪个方 block ，并且想要一种简洁的方式来了解您登陆的方 block 中是否有一个单位，而不必根据您在游戏窗口中单击的 X 和 Y 来计算，然后使用 DOM - 实际上，这些都是好处，大多数其他一切都是选择其中之一的副作用。

用于动画和“润色”的 Canvas，用于事件监听器的 DOM 和基于数组(或基于属性)的方形点击通知。

关于javascript - 国际象棋棋盘的 Canvas 与 DOM，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12775731/