I won’t be able to have a detailed look at your code, however I did notice that you’ve commented out the following:

//paddleArr[i].useOwnContainer = true;
//parentLayer.getChildLayer(paddleArr[i], true);

//do2D.useOwnContainer = true;
//parentLayer.getChildLayer(do2D, true);


From memory, correct z-sorting using these classes depends on the fact that all child objects have their own individual layer – hence the explicit ‘true’ for the createNew parameter in the method call.

I’d recommend you try these classes out in a clean Flash project first and make sure DO2D’s behave correctly in terms of z-ordering. Then drop in some DO3D’s and confirm that objects are still sorted properly. Once this works you can then apply same logic to your actual project.

Also make sure you have a debugger on hand to be able to see inside your project at runtime. It’s really helpful to see object properites, how they nest etc.

Cheers, Jussi

I just wonder if the issue is related to the:
viewport.containerSprite.addLayer(parentLayer);

And I tried to change the sortMode of viewportlayer to index_sort, z_sort, nothing help /~\

This is the simplified file package, hope you may interest and see if there is any solution:
http://snap-f.net/do2D_z_Issue.zip

this is a bit of a stab in the dark but looking at these lines:

personHolderArr[i].addChild(paddleArr[i]);

personHolderArr[i].addChild(do2D);

I am wondering if you should add the paddles and characters directly to the scene by calling scene.addChild(paddleArr[i]) and scene.addChild(do2D) instead?

Just an idea, let me know how you go.

Cheers, Jussi

I wonder if my code add the do2d wrongly:
—————————————————————————
var parentLayer:ViewportLayer;
parentLayer = new ViewportLayer(viewport, null);
viewport.containerSprite.addLayer(parentLayer);

//create table models and loaded successfully
.
.
//
tables.useOwnContainer = true;
parentLayer.getChildLayer(tables, true);
scene.addChild(tables);

//create middle column models and loaded successfully
.
.
//
middleColumn.useOwnContainer = true;
parentLayer.getChildLayer(middleColumn, true);
scene.addChild(middleColumn);

//loop for creating paddle and character on a do3d and add do3d to scene
for(var i:int = 0; i<6; i++)
{
personHolderArr[i] = new DisplayObject3D();

//create paddle and loaded successfully
.
.
//
paddleArr[i].useOwnContainer = true;
parentLayer.getChildLayer(paddleArr[i], true);
personHolderArr[i].addChild(paddleArr[i]);

var do2D:DisplayObject2D = new DisplayObject2D(new Character() as DisplayObject, parentLayer, 180);
personHolderArr[i].addChild(do2D);

scene.addChild(personHolderArr[i]);
}
—————————————————————————
I suppose it is due to layering, but I cannot figure out where I code it wrongly.
I would be very appreciated if you can inspire me for any solution. Thanks

I assume you’re trying to rotate the DisplayObject2D around its Z-axis, similar to what changing the standard Flash rotation property would do (i.e. “obj._rotation = angle”)?

I don’t think this will work, as the whole idea behind billboarding is that the DisplayObject2D is always facing the same way on the two-dimensional plane (your screen).

If you’re looking for something that ‘participates’ more fully in the 3D world, including rotations around X, Y and Z axes, perhaps you can look into org.papervision3d.objects.Plane class (with a suitable material such as bitmap).

Hope this helps.

Cheers, Jussi

By the way, Tweetpond is great.

Thank you.

“Circle” is not defined in ActionScript at all, it is a movieclip you can find in the Library of the DisplayObject2DTest.fla project:

You will also notice under the “linkage” column how this movieclip has been exported to ActionScript as class “Circle”. In the Library, right click on the Circle and select Properties to view and change symbol properties.

Hope this helps.

Cheers, Jussi