开发者

Setting multiple depth layers in AS3

开发者 https://www.devze.com 2023-04-10 08:10 出处:网络
I get how to set depth in as3 - but with as2 i could begin multiple \'depth points\' using numbers - where in as3 all i can seem to do is set this object to a higher/lower depth than that object. The

I get how to set depth in as3 - but with as2 i could begin multiple 'depth points' using numbers - where in as3 all i can seem to do is set this object to a higher/lower depth than that object. The problem is (when dealing with a stack of isometric boxes, which can be placed by the user on a grid in any order) i don't want to deal with the added complexity of having every element know where every other element is, then adjust appropriately.

What I'm trying to do is set up 6 total depth numbers/positions, one for each column in a 6 x 6 grid. So anything in column 1 will begin it's depth placement at say 500, anything in column 2 will begin its depth at 1000, column 3 would be 1500 and so on.

That way, 开发者_高级运维the second i place an object on a particular column, it would tuck itself under, or place itself above all surrounding items in other columns, this to me is much much easier than somehow figuring out where 15 different sized boxes are, how they relate to one another, then figure out what depth order they need to go in.

Any ideas? as3 seems to have removed the ability to set a depth to a specific number :p


The approach can be simplified. You basically want to create 3 'container' clips and add them in order. The last one added is the top-most.

Bonus: if you want to rearrange, you can call addChild() on any clip (even already added ones) and that one will go to the top.

//// IMPORTANT STUFF ////
import flash.display.Sprite;

var top:Sprite = new Sprite;
var mid:Sprite = new Sprite;
var bot:Sprite = new Sprite;

addChild(bot);
addChild(mid);
addChild(top);

//// END IMPORTANT STUFF ////


// Move Stuff so we can visualize how this works.
// Then add some boxes so we can see what's going on.

mid.x = 20;
mid.y = 20;

bot.x = 40;
bot.y = 40;

// Add Top box
var t:Sprite = new Sprite;
t.graphics.beginFill(0xFF0000);
t.graphics.drawRect(0,0,100,100);
top.addChild(t);

// Add Middle box
var m:Sprite = new Sprite;
m.graphics.beginFill(0x00FF00);
m.graphics.drawRect(0,0,100,100);
mid.addChild(m);

// Add Bottom box
var b:Sprite = new Sprite;
b.graphics.beginFill(0x0000FF);
b.graphics.drawRect(0,0,100,100);
bot.addChild(b);
0

精彩评论

暂无评论...
验证码 换一张
取 消