時間の経過とともにアニメーション化したい非常に大きな PNG ファイルがあります。background-position-x
基本的には、プレーンな古い HTML divを使用した「スプライト シート」で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 ターゲットでは、スプライトの上に赤い四角が表示されるだけです。
これを機能させる方法についての考え。このようなものを使用してアニメーションを作成すると、非常に役立ちます。