A component that enables sorting and manually defining render order for transparent objects. A-Frame currently defaults to transparency order based on the order of objects added to the scene.
render-order system takes a comma-delimited list of strings that name the
render order layers. The render order layers will map to a number starting from
0 and counting up from there.
render-order component can be applied to specify the layer or render
order. The value modify the three.js Object3D's
renderOrder property. The
value can either be a number or the name of a layer defined in the system.
The component will apply render order recursively by default. To define to be not recursive, set the nonrecursive ID:
Install and use by directly including the browser files:
My A-Frame Scene
Install via npm:
npm install aframe-render-order-component
Then require and use.