[作为研究的一部分,我正在网上找到的开放源代码“ Pong”游戏(由Kushagra Agarwal创建)中修改了某些部分。
我正在尝试为游戏设置漂亮的背景图片,不会影响游戏体验。我已经尝试了很多方法,但到目前为止,我仅设法将背景色更改为其他颜色,而未更改为实际图像:
// 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(),插入了一个明文,并插入了一个body标签!
// Function to paint canvas
function paintCanvas() {
canvas.width = canvas.width; // Will clear the canvas
//ctx.fillStyle = "blue";
//ctx.fillRect(0, 0, W, H);
}
我不是编码员,但我对这种具有自定义背景的简单游戏(如乒乓球)感兴趣。我尝试运行支持后台的更新代码,但未成功。我将图片网址更新为有效的图片位置,但仍然没有。有什么建议么?