HTML5中国象棋棋盘

Question

我有一个关于中国象棋的项目。 首先，我必须在船上创建一个董事会和大约32名西洋棋棋子。 我应该使用1个画布创建板然后在其上绘制32个图像或创建1个画板然后创建32个画布，每个画布用于1个棋子。因为我想拖放棋子，但是如果只使用1个画布我必须重绘太多似乎不太好。我该怎么办，你可以给我一些建议或给我一些相同的教程。谢谢！

Answer 1

KineticJS是一个Javascript库，可以帮助你。它支持在画布等上拖动东西。这是一个使用Kinetic和HTML5画布的简单教程：http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-tutorial/

Answer 2

这可能是一个偏好的问题，所以请耐心等待。我只会使用一个画布并直接将它们画在上面。

在大多数游戏中（包括HTML 5），渲染都非常“冒烟”，真实数据存储在幕后的丑陋结构中。尝试使用多个画布将一些数据（特别是位置）拉到渲染层。虽然这可能仍然有效，但如果您在幕后保留所有数据，并使用数学来确定渲染位置以及鼠标点击是否有效，您将可以更好地控制发生的事情。一个对象，你需要开始拖动。