i've changed the values in html when You make load and choose to split view .. You can see a white triangle in the frame .. it's annoing because i can't find the right setup for the cubes in frame and no behavior pattern for this white triangle to appear
i have 5 different frame sizes .. one of them (shown in the preview right now) coded as "0" is added from back and as you can see, when i set ownCanvas, i have to set pushback to true .. and the z order for other parts gets mixed up those two things (correct z order, and white triangles) are my main problem right now .. function createFrame():ObjectContainer3D { var wooden:ShadingColorMaterial=new ShadingColorMaterial(_color); var rama:ObjectContainer3D=new ObjectContainer3D({pushfront:true,ownCanvas:true,z:5}); if(_frame==0){ rama.z=-5; rama.pushfront=false; rama.pushback=true; } //szczegoly ramy var bokPionowy1:Cube = new Cube({material:wooden, bothsides:true, x: (_W1+_w1)/2, y:0, z:0, width:_w1, height:_H1, depth:_d}); var bokPoziomy1:Cube = new Cube({material:wooden, bothsides:true, x: 0, y:(_H1+_h1)/2, z:0, width:_W1, height:_h1, depth:_d}); var bokPionowy2:Cube = new Cube({material:wooden, bothsides:true, x:- (_W1+_w1)/2, y:0, z:0, width:_w1, height:_H1, depth:_d}); var bokPoziomy2:Cube = new Cube({material:wooden, bothsides:true, x: 0, y:-(_H1+_h1)/2, z:0, width:_W1, height:_h1, depth:_d}); var rog1:Cube = new Cube({material:wooden, bothsides:true, x: (_W1+_w1)/2, y:(_H1+_h1)/2, z:0, width:_w1, height:_h1, depth:_d}); var rog2:Cube = new Cube({material:wooden, bothsides:true, x: (_W1+_w1)/2, y:-(_H1+_h1)/2, z:0, width:_w1, height:_h1, depth:_d}); var rog3:Cube = new Cube({material:wooden, bothsides:true, x:- (_W1+_w1)/2, y:(_H1+_h1)/2, z:0, width:_w1, height:_h1, depth:_d}); var rog4:Cube = new Cube({material:wooden, bothsides:true, x:- (_W1+_w1)/2, y:-(_H1+_h1)/2, z:0, width:_w1, height:_h1, depth:_d}); var bokPionowy1B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:(_W1-_w2)/2, y:0, z:-_s, width:_w2, height:_H1-_w2*2, depth:_D}); var bokPoziomy1B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:0, y:(_H1-_h2)/2, z:-_s, width:_W1- _h2*2, height:_h2, depth:_D}); var bokPionowy2B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:-(_W1-_w2)/2, y:0, z:-_s, width:_w2, height:_H1-_w2*2, depth:_D}); var bokPoziomy2B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:0, y:-(_H1-_h2)/2, z:-_s, width:_W1- _h2*2, height:_h2, depth:_D}); var rog1B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:(_W1-_w2)/2, y:(_H1-_h2)/2, z:-_s, width:_w2, height:_h2, depth:_D}); var rog2B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:(_W1-_w2)/2, y:-(_H1-_h2)/2, z:-_s, width:_w2, height:_h2, depth:_D}); var rog3B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:-(_W1-_w2)/2, y:(_H1-_h2)/2, z:-_s, width:_w2, height:_h2, depth:_D}); var rog4B:Cube = new Cube({material:wooden, pushback:true, pushfront:false, bothsides:true, x:-(_W1-_w2)/2, y:-(_H1-_h2)/2, z:- _s, width:_w2, height:_h2, depth:_D}); rama.addChild(bokPionowy1); rama.addChild(bokPoziomy1); rama.addChild(bokPionowy2); rama.addChild(bokPoziomy2); rama.addChild(rog1); rama.addChild(rog2); rama.addChild(rog3); rama.addChild(rog4); rama.addChild(bokPionowy1B); rama.addChild(bokPoziomy1B); rama.addChild(bokPionowy2B); rama.addChild(bokPoziomy2B); rama.addChild(rog1B); rama.addChild(rog2B); rama.addChild(rog3B); rama.addChild(rog4B); return rama; }