javascript - 创建水平Spritesheet的JS动画

我浏览了文档和示例，但只发现它们已过时。显然，没有针对最新版本的createjs的示例。

我需要平滑滚动水平Spritesheet。以便在新图像完全位于“窗口”之前显示图像中间。因此，页面中的位置不会移动，仅从单列水平Spritesheet显示的内容是不同的。而且，我们不会在上下滚动的图像之间切换。

我为此尽全力。

 this.sprite = new createjs.BitmapAnimation(spriteSheet);

那条线给出一个错误


  不是构造函数

 this.sprite = createjs.BitmapAnimation(spriteSheet);

给出一个错误


  不是功能


这是精灵表

https://github.com/nydehi/asp.net-mvc-example-invoicing-app/blob/master/screenshots/1.png

我现在正在执行此操作，没有错误，但未显示任何内容。

<script type="text/javascript" src="createjs-2014.12.12.min.js"></script>
<script>
  function init() {
  var data = {
        images: ["1.png"],
        frames: {width:15, height:20},
        animations: {
            stand:0,
            run:[1,5],
            jump:[6,8,"run"]
        }
    };
    var spriteSheet = new createjs.SpriteSheet(data);
    var animation = new createjs.Sprite(spriteSheet, "run");
   var stage = new createjs.Stage("demoCanvas");
 stage.addChild(animation);
        animation.gotoAndPlay("run");   //walking from left to right
stage.update();
  }
</script>

最佳答案

您可能使用的是CreateJS的最新版本（约0.8.2版），该版本不再具有BitmapAnimation类。

Older versions（0.6.0）拥有它，但是它很可能被SpriteSheet类替代。

Check here for the most recent documentation。

关于javascript - 创建水平Spritesheet的JS动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45724957/