<m-label>

The m-label element is used to display text on a plane in a 3D scene.

<m-label
    content="Hello World!"
    font-size="80"
    alignment="center"
    y="2"
    width="10"
></m-label>
  • The text content to be displayed on the label.

  • The width of the label in meters. Default value is 1 meter.

  • The height of the label in meters. Default value is 1 meter.

  • The emissiveness strength of the label (how much perceived light it will emit). Default value is 0.

  • The font size of the text in centimeters. Default value is 24 centimeters.

  • The color of the text on the label. Accepts color values in formats such as "#FF0000", "red", or "rgb(255,0,0)". If not specified, the default color is "black".

  • The padding around the text in centimeters. Default value is 8 centimeters.

  • left

    center

    right

    The horizontal alignment of the text. Default value is left.

    • A boolean that indicates whether the element should be drawn with debug information (e.g. axes helper). Default value is false.

    • The position of the element along the X-axis in meters. Default value is 0.

    • The position of the element along the Y-axis in meters. Default value is 0.

    • The position of the element along the Z-axis in meters. Default value is 0.

    • The rotation of the element around the X-axis in degrees. Default value is 0.

    • The rotation of the element around the Y-axis in degrees. Default value is 0.

    • The rotation of the element around the Z-axis in degrees. Default value is 0.

    • The scale of the element along the X-axis. Default value is 1.

    • The scale of the element along the Y-axis. Default value is 1.

    • The scale of the element along the Z-axis. Default value is 1.

    • Whether the element is visible (true) or hidden (false) in the scene. Default value is true.

    • The name of a bone in the parent element's skeletal mesh to which this element will be attached. If not specified, the element will attach to the origin of its parent.

    • Whether or not this object should participate in collision detection by other systems. Default value is true. If set to true, the object will be considered for collision tests.

    • If set, the time in milliseconds between user collision events being sent to the element. By default collision events are not sent.

    • A script expression to be executed when a user starts colliding with the element. Receives a CollisionStartEvent.

    • A script expression to be executed when a user moves the collision point they are colliding at on the element. Receives a CollisionMoveEvent.

    • A script expression to be executed when a user stops colliding with the element. Receives a CollisionEndEvent.

    • The color of the element. Accepts color values in formats such as "#FF0000", "red", or "rgb(255,0,0)". If not specified, the default color is "white".

    • A unique identifier for the element, used for selection and manipulation through scripting. It must be unique within the document.

    • A space-separated list of class names that can be used for scripting purposes.

    • Whether the element is clickable (true) or not (false). Default value is true. If false, any click will pass through as if the element was not present.

    • A script expression that is executed when the element is clicked. Events are also dispatched to "click" event listeners.

    • Whether the element casts shadows onto other elements (true) or not (false). Default value is true.

This is an m-label example with color properties.

<m-label
    color="green"
    font-color="sage"
    content="Hello World!"
    font-size="80"
    alignment="center"
    y="2"
    width="10"
></m-label>

This is an m-label example with dimension properties.

<m-label
    y="5"
    width="4"
    height="7"
    content="Hello World!"
    font-size="80"
    alignment="center"
    color="pink"
></m-label>

This is an m-label example with position properties.

<m-label
    x="2"
    y="3"
    z="2"
    width="10"
    content="Hello World!"
    font-size="80"
    alignment="center"
    color="pink"
></m-label>

This is an m-label example with rotation properties.

<m-label
    y="5"
    width="10"
    rx="40"
    ry="-35"
    rz="40"
    content="Hello World!"
    font-size="80"
    alignment="center"
    color="pink"
></m-label>
WEBUNREAL
m-label✓✓
content✓✓
width✓✓
height✓✓
font-size✓✓
font-color✓✓
padding✓✓
alignment✓✓
emissive✗✓
debug✓✓
x✓✓
y✓✓
z✓✓
rx✓✓
ry✓✓
rz✓✓
sx✓✓
sy✓✓
sz✓✓
visible✓✓
socket✓✗
collide✓✓
collision-interval✓✗*
oncollisionstart✓✗*
oncollisionmove✓✗*
oncollisionend✓✗*
color✓✓
id✓✓
class✓✓
onclick✓✓
clickable✓✗
cast-shadows✓✗