将背景图像添加到Javascript“ Pong”游戏中

问题描述 投票:0回答:2

[作为研究的一部分,我正在网上找到的开放源代码“ 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)会产生巨大的延迟在游戏中。

有人有主意吗?

谢谢,罗伊

javascript html canvas open-source pong
2个回答
1
投票

我认为如果您将背景图像放在body标签上看起来就不错了!

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

我注释掉了您的paintCanvas(),插入了一个明文,并插入了一个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);
}

0
投票

我不是编码员,但我对这种具有自定义背景的简单游戏(如乒乓球)感兴趣。我尝试运行支持后台的更新代码,但未成功。我将图片网址更新为有效的图片位置,但仍然没有。有什么建议么?

© www.soinside.com 2019 - 2024. All rights reserved.