Dibujar formas e imágenes

Todo el renderizado de LÖVE se realiza mediante love.graphics. Llame a sus funciones dentro de love.draw; el motor muestra el fotograma cuando termina el callback.

Puede dibujar formas primitivas, imágenes, texto y líneas, además de gestionar colores y transformaciones. Todo se vuelve a dibujar desde cero en cada fotograma.

love.graphics.rectangle recibe un modo y, después, la posición y el tamaño. El modo puede ser 'fill' para una forma sólida o 'line' para dibujar solo el contorno.

Las coordenadas comienzan en la esquina superior izquierda de la ventana; x aumenta hacia la derecha e y aumenta hacia abajo.

love.graphics.circle(mode, x, y, radius) dibuja un círculo centrado en x, y. Al igual que los rectángulos, acepta 'fill' o 'line'.

Para dibujar óvalos, use love.graphics.ellipse con radios horizontal y vertical independientes. Puede pasar un argumento adicional de segmentos para controlar la suavidad.

love.graphics.setColor establece el tinte de todo lo que se dibuje después. En las versiones modernas de LÖVE, los componentes van de 0 a 1, por lo que el blanco es 1, 1, 1.

El color es un estado persistente: una vez establecido, se aplica a todos los dibujos posteriores hasta que vuelva a cambiarlo. Restablézcalo al blanco antes de dibujar imágenes que quiera mostrar sin tinte.

love.graphics.line conecta una serie de puntos x, y. love.graphics.setLineWidth controla el grosor de las líneas y las formas contorneadas.

Puede pasar muchos puntos a la vez para dibujar una trayectoria conectada, lo que resulta práctico para estelas, recorridos o dibujos vectoriales sencillos.

Cargue las imágenes una sola vez en love.load mediante love.graphics.newImage. Esto devuelve un objeto Image que debe guardar en una variable para reutilizarlo.

No cargue nunca imágenes dentro de love.draw, ya que eso volvería a leer el archivo en cada fotograma y perjudicaría gravemente el rendimiento.

love.graphics.draw(image, x, y) renderiza una imagen en la posición indicada. De forma predeterminada, la esquina superior izquierda de la imagen se sitúa en x, y.

Los argumentos adicionales permiten añadir rotación, escala y desplazamiento del origen, lo que proporciona un control total sobre la apariencia de cada sprite.

La signatura completa es draw(image, x, y, r, sx, sy, ox, oy). Aquí, r es la rotación en radianes, y sx y sy son factores de escala.

El desplazamiento del origen ox, oy establece el pivote. Para rotar alrededor del centro de una imagen, establezca el origen en la mitad de la anchura y la altura de la imagen.

love.graphics.print(text, x, y) dibuja una cadena usando la fuente actual. love.graphics.setFont cambia la fuente activa.

Cree fuentes personalizadas con love.graphics.newFont('font.ttf', 24) en love.load. Recuerde que el color también tiñe el texto, igual que las figuras.

LÖVE borra la pantalla automáticamente en cada fotograma, pero puede establecer el color de borrado con love.graphics.setBackgroundColor en love.load.

Para obtener control manual dentro de un renderizado personalizado, love.graphics.clear rellena el búfer con un color. La mayoría de los juegos solo establece el fondo una vez y deja que el motor se encargue del borrado.

Un Quad selecciona una región rectangular de una imagen, lo que permite que una sola hoja de sprites contenga muchos fotogramas. Créelo con love.graphics.newQuad.

Pase el quad a love.graphics.draw(image, quad, x, y) para renderizar únicamente esa región. Esta es la base de la animación de sprites.

Dibuje con love.graphics dentro de love.draw: rectángulos, círculos, líneas, imágenes y texto. setColor tiñe los dibujos posteriores y mantiene su estado.

Cargue las imágenes una sola vez en love.load con newImage y, después, renderícelas con draw, añadiendo rotación, escala y quads para las hojas de sprites.