<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