1

私はjsだけでなく狡猾な初心者なので、次のプログラムで非常にばかげたエラーを犯した可能性がある場合はご容赦ください。次のコードの何が問題になっていますか？次のコードは、iceblock.jpgに保存されているように、各ブロックが60ピクセルの高さと幅のアイスブロックになる5*5マトリックスを作成することになっています。

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 に答える