このチュートリアルのジグソー パズルであるプロジェクトをテストまたは公開するとき: https://www.youtube.com/watch?v=uCQuUZs3UGE
灰色の背景以外は何も描画されません。パズルの絵やパズルの形は一切描かれていません。警告も表示されます。
警告: EaselJS のフレーム番号は、1 ではなく 0 から始まります。たとえば、これは gotoAndStop および gotoAndPlay 呼び出しに影響します。(17)
しかし、それは単なる警告であって、エラーではありません。私のjavascriptコードにエラーがあるのでしょうか?これはコードで、かなり単純です。
//************
// Initialize;
var numPieces = 16;
for (var i = 0; i = < numPieces; i++)
{
var pieceName = "p" + (i + 1);
var piece = this[pieceName];
if (piece)
{
piece.name = pieceName;
piece.on("mousedown", function(evt)
{
this.scaleX = 1;
this.scaleY = 1;
this.shadow = null;
this.parent.addChild(this);
this.offset = (x:this.x - evt.stageX, y:this.y - evt.stageY);
});
piece.on("pressmove", function (evt)
{
this.x = evt.stageX + this.offset.x;
this.y = evt.stageY + this.offset.y;
});
piece.on("pressup", function(evt)
{
var target = this.parent["t"+this.name.substr(1)];
if (target && hitTestInRange(target, 30) )
{
this.x = target.x;
this.y = target.y;
}
});
}
}
function hitTestInRange( target, range )
{
if (target.x > stage.mouseX - range &&
target.x < stage.mouseX + range &&
target.y > stage.mouseY - range &&
target.y < stage.mouseY + range)
{
return true;
}
return false;
}
プロジェクトのスクリーンショットも含めました。スクリーンショット
前もって感謝します