Button

Button

El componente Button crea un botón interactivo que puede hacer clic o ser presionado.
Soporta formas rectangulares o circulares y se puede configurar con dimensiones, desplazamiento de posición, soporte para pantallas táctiles y funciones que se ejecutan al hacer clic o presionar el botón.

Propiedades

Propiedad	Tipo	Descripción
shape	ButtonShape	La forma del botón: Rectangle o Circumference.
width	number	Ancho en píxeles (solo para botones de forma rectangular).
height	number	Alto en píxeles (solo para botones de forma rectangular).
radius	number	Radio en píxeles (solo para botones de forma circular).
touchEnabled	boolean	Si es true, habilita la interacción con pantallas táctiles.
offset	Vector2	Desplazamiento en los ejes X e Y con respecto al centro de la entidad.
pressed (solo lectura)	boolean	Devuelve true si el botón está actualmente presionado.
mouseOver (solo lectura)	boolean	Devuelve true si el cursor del mouse está sobre el botón.
onClick	() => void	Función que se ejecuta cuando se hace clic en el botón.
onPressed	() => void	Función que se ejecuta cuando el botón es presionado (mantiene el estado presionado mientras se mantiene la interacción).

Ejemplo

const button = new Button({
    shape: ButtonShape.Rectangle,
    width: 100,
    height: 50,
    offset: new Vector2(0, 0),
    touchEnabled: true,
    onClick: () => console.log("¡Botón clickeado!"),
    onPressed: () => console.log("¡Botón presionado!"),
});

Notas

• Las funciones onClick y onPressed se ejecutan en respuesta a las interacciones del usuario.
• El componente soporta tanto entrada de mouse como de pantalla táctil (touchEnabled).
• La detección de interacción y la ejecución de las funciones se procesan en el sistema que maneja los componentes Button. El componente solo define las propiedades y callbacks, sin ejecutar lógica de interacción directamente.