Spritesheet 动画 easeljs-0.7.1.min.js

Posted

技术标签:

【中文标题】Spritesheet 动画 easeljs-0.7.1.min.js【英文标题】:Spritesheet animation easeljs-0.7.1.min.js 【发布时间】:2014-06-28 18:18:38 【问题描述】:

我正在尝试制作一个不断循环的 spritesheet 动画,但我的代码出现了问题。图像没有显示在屏幕上并且仍然出现此错误:未捕获的类型错误:无法读取 null 的属性“move_obj”。有人可以帮我解决这个问题吗?

function init() 
    canvas = document.getElementById("canvas");
    stage = new createjs.Stage(canvas);
    score = 0;

     var munt = new Image();
     munt.src = "imgs/sprite.png"; 
     munt.onload = Tiltie;



function Tiltie(event)

    var munt = event.target;
    var container = new createjs.Container();
    stage.addChild(container);

    var spriteSheet  =  new createjs.SpriteSheet(
        munt, //image to use
        100, //width of each sprite
        100, //height of each sprite
           
            move_obj: [0, 9]
        );


    bmpSeq = new createjs.BitmapAnimation(spriteSheet);

    bmpSeq.regX = bmpSeq.spriteSheet.frameWidth/2|0;
    bmpSeq.regY = bmpSeq.spriteSheet.frameHeight / 2 | 0;

    bmpSeq.gotoAndPlay("move_obj");

    bmpSeq.currentFrame = 0;
    stage.addChild(bmpSeq);



    Ticker.addListener(window);
    // Best Framerate targeted (60 FPS)
    Ticker.setInterval(17);

【问题讨论】:

您使用的是什么版本的 CreateJS?这段代码看起来相当陈旧,您的一些方法已被弃用和删除。 【参考方案1】:

老Q :) 虽然不太熟悉这个版本,我可以推荐使用新的 EaselJS v0.8.0+ 吗? 至于 Spritesheet Animations,我已经为 EaselJS 构建了一个基本设置,您所要做的就是声明一些参数,然后就完成了。 此外,我的设置使用了来自 EaselJS 的一些新的额外库,它们提供对 WebGL 的支持,包括一些修复,check it out here

如果您需要任何帮助,请告诉我,干杯

【讨论】:

以上是关于Spritesheet 动画 easeljs-0.7.1.min.js的主要内容,如果未能解决你的问题,请参考以下文章

在 EaselJS 中为 spritesheet 设置动画时遇到问题

Windows Phone 应用程序中的 SpriteSheet 动画

使用 Unity EditorWindow 从 Spritesheet 创建动画?

unity3d 4.3中spritesheet动画的每秒帧数是多少?

如何在 javascript 中减慢我的 spritesheet 动画?

C# 中的 Spritesheet 动画