Todos los ejemplos · Sprites y 2D

Carteles en píxeles

Qué enseña este ejemplo

drawText(pixels, texto, x, y) escribe dentro de una imagen pintada en código, y coloca el texto igual que createText. Una vez en los píxeles, el texto es parte del dibujo: el cartel del motel se balancea y sus letras con él.

Sin fuente usa la que lleva el motor, que no hay que cargar, así que el cartel del motel se pinta directamente en el cuerpo de la escena. El letrero VACANCY parpadea: solo se repinta su franja y solo esa franja se manda con updatePixelTexture.

Un .ttf tiene que llegar antes. El cartel amarillo se pinta dentro de un useWatch sobre sus fuentes, que se ejecuta al empezar (cuando aún no hay con qué escribir) y otra vez cuando llegan. smooth: false dibuja la fuente de píxeles con bordes duros, cada píxel dentro o fuera.

Las ovejas son dos fillEllipse cada una: un círculo estirado a su propio ancho y alto, con el mismo borde escalonado que fillCircle.

Arrancando