添加背景图片到Javascript "Pong"游戏

Adding background image to a Javascript "Pong" game

本文关键字：quot Pong 游戏 背景图片 添加 Javascript      更新时间：2023-09-26

作为我研究的一部分，我正在修改我在网上找到的开源"Pong"游戏的一些部分(由Kushagra Agarwal创建)。

Game's Fiddle

我正在尝试为游戏设置一个漂亮的背景图像，这不会影响游戏体验。
我已经尝试了很多方法，但到目前为止，我只设法改变背景颜色成不同的颜色，但不是一个实际的图像:

// Function to paint canvas
function paintCanvas() {
    ctx.fillStyle = "blue/black/whatever";
    ctx.fillRect(0, 0, W, H);


试图计算出ctx.fillStyle来显示图像并不顺利，因为paintCanvas()不断循环，如果获得其他值，然后是"颜色"字符串(例如重500kb的背景图像)，它将在游戏中造成巨大的延迟。

有人知道吗?

谢谢的,罗伊

我认为它看起来很好，如果你只是把一个背景图像在body标签!

<body background="someImage">
</body>

我注释掉了你的paintCanvas()，插入了一个clear，并插入了一个body标签!

http://jsfiddle.net/XLKFC/11/

// Function to paint canvas
function paintCanvas() {
    canvas.width = canvas.width; // Will clear the canvas
    //ctx.fillStyle = "blue";
    //ctx.fillRect(0, 0, W, H);
}
相关文章：