javascript - 如何在 JavaScript 中从数组中渲染图像

Question

我正在制作一款有点像泰拉瑞亚（一款块状游戏）的游戏。我已经完成了世界生成，但我无法正确渲染它。世界是由柱子组成的，柱子里有块。

以下是世界的一小部分在程序中的样子：

[
    [ //column
        { //one block
            x: 1,
            y: 50,
            block: "dirt"
        }
    ] //column end
]

我尝试通过清除 div 进行渲染，然后附加每个可见的块，但它非常慢。如果你想看，去这个链接

而且我对画布不太了解，所以如果这是唯一的方法，我必须学习它......感谢您的帮助！

标签： javascripthtml

Answer 1

ctx.drawImage(img, x, y, 宽度, 高度);