2012-06-10 33 views
1

我有一個非常大的PNG文件,我想隨着時間的推移動畫。基本上,使用普通的HTML格子background-position-xy的「精靈表」你可以做到這一點很容易。在Haxe NME中,我希望如下所示。我可以在Haxe NME HTML5目標中屏蔽雪碧嗎?

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的目標我得到的是在我的精靈的頂部的紅色方塊。

關於如何使這個工作的任何想法。用這樣的東西創建動畫會非常有幫助。

回答

2

遺憾的是,在Jeash(NME的HTML5)中都沒有實現mask和scrollRect。 https://bugs.launchpad.net/jeash/+bug/1001797

+0

Philippe,我真的知道我可以做位圖數據交換來解決我的問題,但是如果他們會爲html5目標添加遮罩以便我不必創建20-30位圖並保存他們在某種陣列中只是爲了做一些複雜的動畫。 – mattwallace

+0

你也可以在一個位圖數據中「繪製」 - 它對於你繪製的圖像來說就像一個正方形的蒙版。 – Philippe