我是一个新手,在狡猾和 js 方面,如果我可能在以下程序中犯了非常愚蠢的错误,请原谅我。以下代码有什么问题?以下代码应该创建 5*5 矩阵,其中每个块将是存储在 iceblock.jpg 中的 60 像素高和宽的冰块。
window.onload=function()
{
Crafty.init(500,500);
Crafty.canvas();
Crafty.sprite(60,"iceblock.jpg",{block : [0,0]});
Crafty.c("iceblock",function(){
init: function(){
this.addComponent("2D, Canvas, Mouse, block");
this.w = 60;
this.h = 60;
}
});
};
for(var i=0;i<5;i++)
{
for(var j=0;j<5;j++)
{
Crafty.e("iceblock").attr({x: i*60,y: j*60})
}
}
对应的 HTML 代码是:-
<!DOCTYPE html>
<head>
<script type="text/javascript" src="crafty.js"></script>
<script type="text/javascript" src="assignment.js"></script>
<title>My Crafty Game</title>
</head>
<body>
</body>
</html>
当我打开 HTML 页面时,完整的输出页面是空白的。这是图片的链接。 http://postimage.org/image/ivqfhmjt9/
PS:- 有没有一种不那么烦人的方式来缩进我们的代码,而不是在每行前面放置 4 个空格?非常耗时且乏味。