Bill Board

A billboard is a mesh or texture that is always facing the camera, regardless of how the camera moves. This effect is commonly used for sprites, particles, or text in 3D space. In Babylon.js, the billboardMode property makes a mesh behave as a billboard.

BillBoard can assume the following values:

TYPE	VALUE	DESCRIPTION
`BILLBOARDMODE_NONE`	0	Mesh rendering is not affected by camera orientation.
`BILLBOARDMODE_X`	1	Mesh faces the camera’s X-axis (positive X faces right).
`BILLBOARDMODE_Y`	2	Mesh faces the camera’s Y-axis (positive Y faces up).
`BILLBOARDMODE_Z`	4	Mesh faces the camera’s Z-axis (positive Z faces forward).
`BILLBOARDMODE_ALL`	7	Mesh constantly faces the camera (combination of X, Y, and Z).

No BillBoard

Mesh rendering is not affected by camera orientation.

<>
  <box name='box' position={new Vector3(0, 0.5, 0)} />
  <ground name='ground' options={{ width: 5, height: 5 }} />
</>

Always face the camera

Mesh constantly faces the camera (combination of X, Y, and Z).

<>
  <box name='box' position={new Vector3(0, 0.5, 0)} billboardMode={7} />
  <ground name='ground' options={{ width: 5, height: 5 }} />
</>

Learn More

For additional info, please refer to Babylon.js documentation: https://doc.babylonjs.com/features/featuresDeepDive/mesh/billboardMode.

Bounding Boxes Highlight