从JavaScript动画对象原型设置变量

时间:2013-10-02 16:34:49

标签: javascript canvas sprite

我试图通过一本关于使用JS Canvas进行动画制作的书来举例。

其中一个示例使用以下调用从原型创建一个sprite:

sprite = new Sprite('runner',
                        new SpriteSheetPainter(runnerCells),
                        [ runInPlace, moveLeftToRight ]);

“runnerCells”是对JS数组的引用,用于确定spritesheet上动画的每个单元格的位置。我不知道如何以允许我将“runnerCells”更改为其他数组以创建不同动画的方式访问“sprite”变量。有什么建议吗?

您可以在此处查看完整示例: http://corehtml5canvas.com/code-live/ch06/example-6.9/example.html

相关的JS库位于此处: http://corehtml5canvas.com/code-live/ch06/example-6.9/example.js

1 个答案:

答案 0 :(得分:1)

我可能错了,但它看起来不像Sprite暴露它的SpriteSheetPainter实例。您可以尝试不匿名传递它,但创建一个变量,以便您可以引用它并传递该变量

var ssp = new SpriteSheetPainter(runnerCells)
var sprite = new Sprite('runner',
                        ssp,
                        [ runInPlace, moveLeftToRight ]);
console.log(ssp.cells);