javascript - 任何有关使用纯 DOM 而不是 Canvas 制作 javascript 游戏的电子书

Question

好吧，我已经慢慢学习 html 和 javascript 两个月了。我想开始制作游戏，到目前为止我已经使用包装器(Andromo)为Android制作了一个流行测验应用程序和猜数字游戏。我想开始制作平台游戏，所以我开始在网上寻找教程并获取电子书。电子书和在线书的问题是，当涉及到 Action 游戏部分时，它们总是切换到 Canvas 。 我不明白为什么我不能只使用 DOM 而不是 Canvas 来制作游戏。我不喜欢 Canvas 的原因是有些东西似乎意味着让你永远打字。大多数在线示例都会在屏幕上画一个点，这需要大量代码。例子Javascript DOM 在屏幕上制作图像

<img src="powerman.png" width="50 height="50" >

现在，如果你在 Canvas 上做它就像这样

var canvas = document.querySelector("canvas");
var draw   = canvas.getContext("2d");

var monster = new Image();
monster.addEventListener("load",loadHandler,false);
monster.src= "powerman.png";

function loadHandler()
{
draw.drawImage(monster,0,0);

这似乎是大量不必要的编码，我不明白当 Canvas 对每个简单的事情都有一行又一行的编码时，它应该如何更快。这只是为了显示图像，当你在屏幕上移动一个 Angular 色时，忘记在 DOM 上你只需输入你要进入的方向，在 Canvas 上你必须clearect() 并删除上一个图像作为你的移动，这太多了。我几乎感觉 Canvas 就是为了让人们放弃编码而制作的。 我喜欢编码，但它必须对我有意义。这就是为什么如果您知道任何有关使用纯 DOM 制作平台游戏的电子书或教程，将会非常有帮助。

Answer 1

您可能找不到任何有关该主题的书籍，因为使用 DOM 来创建游戏不是一个好主意。然而，它可能适用于一些图形不那么密集的游戏。如果你有兴趣，谷歌几年前就制作了一款没有 Canvas 的游戏。你可以看一下:http://macek.github.io/google_pacman/