多个画布棋盘游戏与单画布

时间:2013-07-04 00:29:30

标签: javascript html5 css3 html5-canvas

我是编程游戏的新手。我只是想知道,所以对于一个简单的棋盘游戏(让我们说Tic Tac Toe或Checkers),在棋盘上使用多个画布会是个好主意吗?我的意思是,每个画布都可以代表棋盘上的每个方块。

我觉得很多人都喜欢这样做,因为它保持了逻辑简单。你让CSS做所有的间距和恼人的方形分离。但我不知道这样做是否是一种好习惯。

因为我是新手,所以当我创造复杂的东西时,我觉得现在避免捷径会有所帮助。那么,你对每个棋盘广场的单独画布有什么看法?

1 个答案:

答案 0 :(得分:3)

最重要的是找到一个平衡点并理解为什么你会使用一个画布而不是分层画布。

对于tic-tac-toe游戏,只需要一个,因为没有什么需要不断更新。如果更容易维护。 事件 -driven(即,在你点击/做某事之前没有任何事情发生)这样的游戏/应用程序通常不会从多个层中受益。

当你使用多个画布时,通常是因为你有一个静态或复杂的背景(或前景),以及一些需要平滑移动的物体。这将是分层画布的一个很好的选择,因为这允许您仅清除和重绘移动对象的区域,而不是渲染背景(特别是在背景是复合的情况下)。

处理分层画布并不比复杂画布复杂得多,但您需要跟踪绘制操作的位置。您可以使用具有嵌入信息的对象来执行此操作,或者使用数组/变量来获得额外的性能。