绘制在javascript网格（生命游戏，例如）

Question

从本质上讲，我有这个想法在我脑海中的一种进化模拟器，而不是酷似生活Conways游戏，但一个部分，他们做匹配的是，他们都将基于一个正方形网格。

现在，就个人而言，我喜欢在HTML + JavaScript和工作如此简单的应用，因为它允许快速创建用户界面，如果你没有做一些计算繁重，那么JS在浏览器是一个不错的平台。

我试图解决现在的问题涉及到绘制和更新电网。我可能失去了一些东西，但它好像有这样一个80x40网格的不容易，光计算方式。最简单的方法是将产生绝对位置和不为空方任何一个特定的背景颜色一个div。然而，可以变得很慢有任何超过60-70颜色的方块。

我肯定愿意，如果情况需要的时候切换到不同的语言，但首先我只是想知道我不会愚蠢错过了一个简单的方法与HTML + JS做到这一点。

答应该包括下面的任一种：

a）在合理的方式来绘制和更新80x40栅格（其中方块在HTML + JS改变颜色和 “移动”）

b）中，可以做到这相当快的另一种语言。我宁愿避免不必花费几天的学习之类的DirectDraw或东西。

Answer 1

为什么不建立网格作为一个HTML表？毕竟这是你想要的吗？

给每个小区计算出的ID，并创建一些JavaScript功能来更新它们。 Shoudlnt在所有成为一个问题。

您可以看看新的canvas标签在HTML 5，但距离你说什么，我不认为你需要它。

Answer 2

<canvas> 似乎是这样做的正确方法。如拉斐尔库将帮助你避免跨平台问题。另一个选项是 Processing.js 时，但它不工作在IE。

Answer 3

有关一个小格（<100×100），使用一个表，给每个小区的ID用于快速访问。

对于更大的网格，你应该考虑使用Canvas对象或嵌入的java或flash小程序。