Javascript 在easeljs中跨越多个精灵图纸时出现口吃动画

Javascript 在easeljs中跨越多个精灵图纸时出现口吃动画,javascript,animation,sprite,easeljs,Javascript,Animation,Sprite,Easeljs,使用EaselJS,我有一个动画,用户可以通过自定义 滑块。它使用10张精灵片来显示152帧大小为1924 x的画面 1708. 动画工作,但有一个非常明显的打嗝每当 动画在精灵图纸之间跳跃。因为用户可以去 从滑块的一端到另一端,尽可能快,它可能 动画播放速度要快,以便图像保持不变 向上的但是,动画只有在滚动时才可以接受平滑 以蜗牛般的速度。我还想到了雪碧表的大小 1424 x 1708的负载可能太大,无法以如此高的速度加载。所以我 将图像大小减小到1424 x 632(我想知道移动设备上ap

使用EaselJS,我有一个动画,用户可以通过自定义 滑块。它使用10张精灵片来显示152帧大小为1924 x的画面 1708.

动画工作,但有一个非常明显的打嗝每当 动画在精灵图纸之间跳跃。因为用户可以去 从滑块的一端到另一端,尽可能快,它可能 动画播放速度要快,以便图像保持不变 向上的但是,动画只有在滚动时才可以接受平滑 以蜗牛般的速度。我还想到了雪碧表的大小 1424 x 1708的负载可能太大,无法以如此高的速度加载。所以我
将图像大小减小到1424 x 632(我想知道移动设备上appmobi的directcanvas()是否有帮助。我在SpriteSheetUtils.addReversedFrames()方面也有类似的问题-线程在这里:我仍然没有找到一种在大型精灵片之间平滑设置动画的好方法,即使在放下画架并制作一个严格的动画对象之后也是如此。如果一个动画不能放在一张纸上,我会放弃精灵片而选择图像序列。在动画完成之前预先缓存一个图像序列所有iOS浏览器上的平滑结果;即使是大的高分辨率图像。
//images were declared above in style | var chromophoreAni0 = new 
Image(); | 
var data = { 
            images: [chromophoreAniImage0, chromophoreAniImage1, 
chromophoreAniImage2, chromophoreAniImage3, chromophoreAniImage4, 
                    chromophoreAniImage5, chromophoreAniImage6, 
chromophoreAniImage7, chromophoreAniImage8, chromophoreAniImage9], 
            frames: {count: 152, width: 356, height: 316}, 
            animations: {all: [0, 151]} 
        }; 
chromophoreSpriteSheet = new SpriteSheet(data); 
chromophoreAni = new BitmapAnimation(chromophoreSpriteSheet); 
chromophoreAni.gotoAndStop(1); 
stage.addChild(chromophoreAni); 
stage.update(); 
//whenever the slider changes position | 
gotoAndStop(currentSliderFrame) |