用于构建简单的基于Web的游戏的技术？

Question

我想制作一些在浏览器中播放的非常简单的棋盘游戏。 AFAIK，实际上只有两种技术可以做到这一点：HTML5 Canvas和Flash。我认为Flash已经出局了，所以我想我应该开始学习如何使用画布。

我的问题：

1. 我应该考虑其他竞争技术/技术吗？
2. 如果画布是要走的路，我可以从哪里开始？我已经了解HTML，JavaScript和jQuery。我最感兴趣的是学习如何绘制基本形状并检测这些形状上的点击事件。

我并不过分担心支持旧浏览器。显然我想尽可能多地吸引观众，但是......我认为这是关于人们开始升级他们的浏览器的时候，如果他们想跟上世界其他地方的步伐，那就不会是您[应该]在工作中访问的网站，因此公司政策不适用。

Answer 1

在一两年前我自学jQuery，我用简单的HTML，CSS和jQuery编写了记忆游戏（你翻过磁贴并找到匹配）。我认为你甚至无需在画布上书写就可以实现各种各样的棋盘游戏。

Answer 2

1.你是对的，就高性能浏览器游戏而言，Canvas和Flash是你唯一真正的选择。好吧，java applet在技术上也是可能的。

SVG对于游戏来说是一个非常糟糕的选择。一切都是一个DOM对象，它引入了大量无法优化的开销。

Canvas可能是所有好选择中最具前瞻性的证据。 Flash在移动设备上并不是很好，如果你选择使用它，那么如果你走这条路线就会有一个较小的市场。

2.我写了一些关于making selectable, movable shapes on a Canvas的教程。我很快就应该给他们重写一次。

否则它真的取决于。如果您有特定问题，那么搜索StackOverflow非常棒，您绝不应该害怕提问。游戏和与性能相关的问题是最有趣的问题，因为有时解决方案非常不直观。

Answer 3

不确定你甚至需要画布来做你正在谈论的事情，但是你可能想要查看HTML5 / JS / Canvas的许多游戏引擎。这是一个很好的起点：https://github.com/bebraw/jswiki/wiki/Game-Engines

Answer 4

画布很好，但您还应该考虑使用 SVG ，可能还有Raphael库，它也具有良好的浏览器支持。如果您打算进行多人游戏，还应该在 WebSockets 和Socket.io库中进行调查。