1

我是一个新手,在狡猾和 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 个空格?非常耗时且乏味。

4

1 回答 1

3

如需参考,请参阅此线程https://groups.google.com/forum/?fromgroups#!topic/craftyjs/OkG5rFb3tqo

或者这里的代码http://jsfiddle.net/cYxeZ/

于 2012-06-17T13:37:24.800 回答