javascript - “精灵”在哪里定义？

Question

这个小提琴到底在哪里：（http://jsfiddle.net/wXs9J/）是“精灵”定义的？我在自己的程序中使用了相同类型的动画，但我得到以下行：“Uncaught TypeError: Cannot read property 'stateAnimations' of undefined”：

function drawSprite(sprite) {
    ctx.drawImage(
    sprite.stateAnimations[sprite.currentState].tileset.image, 
    sprite.stateAnimations[sprite.currentState].frames[sprite.stateAnimations[sprite.currentState].currentFrame].split(',')[0] * sprite.stateAnimations[sprite.currentState].tileset.tileWidth,
    sprite.stateAnimations[sprite.currentState].frames[sprite.stateAnimations[sprite.currentState].currentFrame].split(',')[1] * sprite.stateAnimations[sprite.currentState].tileset.tileHeight,
    sprite.stateAnimations[sprite.currentState].tileset.tileWidth,
    sprite.stateAnimations[sprite.currentState].tileset.tileHeight,
    Math.round(sprite.positionX),
    Math.round(sprite.positionY),
    sprite.width,
    sprite.height
);
}

先感谢您

Answer 1

物体

var player = new Sprite({
    'left': spriteLeftAnim,
    'right': spriteRightAnim
}, 'right', canvas.width / 2, canvas.height / 2, 44, 108, 100);

sprite作为方法中命名的参数传入render()

player在同一文件的全局范围内定义。

Answer 2

Sprite 构造函数在第 28 行 一个精灵（称为玩家）在第 72 行创建 这个精灵在第 107 行传递给 drawSprite