我有一个非常大的 PNG 文件,我想随着时间的推移制作动画。基本上是一个使用普通旧 HTML div 的“精灵表” background-position-x
,y
你可以很容易地做到这一点。在 Haxe NME 中,我想像下面这样。
var sprite1 = new Sprite();
addChild(sprite1);
var spriteSheet = new Bitmap(Assets.getBitmapData("assets/someasset.png");
sprite1.addChild(spriteSheet);
var spriteMask = new Sprite();
spriteMask.graphics.beginFill(0xff0000, 1);
spriteMask.drawRect(0,0,400, 330);
spriteMask.endFill();
addChild(spriteMask);
sprite1.mask = spriteMask;
在 Flash 目标中,这似乎工作得很好,但在 HTML5 目标中,我得到的只是我的精灵顶部的一个红色方块。
关于如何让它发挥作用的任何想法。使用这样的东西创建动画真的很有帮助。