为什么以下javascript代码不起作用? (使用Crafty.js)

时间:2012-06-17 12:56:52

标签: javascript

我是一个新手,狡猾的和js,所以请原谅我,如果我可能在下面的程序中犯了非常愚蠢的错误。 以下代码有什么问题?下面的代码应该创建5 * 5矩阵,其中每个块都是60块像素的高冰块,存储在iceblock.jpg中。

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个空格?非常耗时且乏味。

1 个答案:

答案 0 :(得分:3)