Javascript Html5画布问题

这是我正在做的一个游戏。我不明白为什么它不起作用。我这里有小提琴

//创建画布
var canvas=document.createElement（“canvas”）；
var ctx=canvas.getContext（“2d”）；
canvas.width=512；
canvas.height=480；
document.body.appendChild（画布）；
//背景图像
var bgrady=false；
var bgImage=新图像（）；
bgImage.onload=函数（）{
bgrady=true；
};
bgImage.src=”http://6269-9001.zippykid.netdna-cdn.com/wp-content/uploads/2013/11/Woods-Wallpaper.jpg";
//船舶形象
var shipredy=false；
var shipImage=新图像（）；
shipImage.onload=函数（）{
shipImage=true；
};
shipImage.src=”http://s29.postimg.org/3widtojzn/hero.png";
//星象图
var astroidReady=假；
var astroidImage=新图像（）；
astroidImage.onload=函数（）{
astroidReady=正确；
};
astroidImage.src=”http://s29.postimg.org/4r4xfprub/monster.png";
//游戏物品
var船舶={
速度：256；
};
var星形体={}；
var健康=100；
window.keyStates={}；
addEventListener（'keydown'，函数（e）{
keyStates[e.keyCode | | e.key]=true；
e、 预防默认值（）；
e、 停止传播（）；
}，对）；
addEventListener（'keyup'，函数（e）{
keyStates[e.keyCode | | e.key]=false；
e、 预防默认值（）；
e、 停止传播（）；
}，对）；
变量重置=函数（）{
星体宽度=10；
星体高度=10；
astroid.x=32+（Math.random（）*（canvas.width-64））；
astroid.y=32+（Math.random（）*（canvas.height-64））；
船速=256；
对于（键状态中的var p）键状态[p]=false；
};
//更新游戏对象
函数更新（修改器）{
如果（keyStates[38]==true）{//玩家正在等待
astroid.x-=ship.speed*修改器；
}
如果（keyStates[40]==true）{//Player按住
astroid.x+=ship.speed*修改器；
}
如果（keyStates[37]==true）{//Player holding left
星形线.y-=船速*修改器；
}
如果（keyStates[39]==true）{//Player holding right
星形线.y+=船速*修改器；
}
if（星体宽度）<200{
星体宽度+=10；
星体高度+=10；
}
如果（星体宽度）>200{
重置（）；
}
//他们在动吗？
if（keyStates[32]==true&&ship.x
删除值后的
；

if astroid.width < 200{

需要在
if
条件周围加括号

错误控制台很有帮助！但是现在它只是陷入了一个无限循环的
怪兽图像没有定义
。只要…回去，更仔细地编写代码，然后使用错误控制台！它在那里是有原因的！
你的代码有什么问题吗？你应该在这里发布你的相关代码。如果你的链接消失，这个问题就解决了没用。怎么办？只是发表评论，因为它不允许你发布带有代码的链接，这不是发布代码。它需要代码是有原因的。画布没有显示@BIC。你的问题严重缺乏必要的帮助信息。请修改你的问题。你正在定义
astroidImage
（顺便说一句，拼写错误）但是尝试使用
monsterImage
。
var ship = {
    speed: 256; 
};

if astroid.width < 200{

if astroid.width > 200{