Pantalla

Introducción

Los bloques de pantalla controlan la pantalla táctil del V5 Brain, lo que permite que su robot muestre texto, números y gráficos, y responda a la entrada táctil.

De forma predeterminada, la fuente para imprimir en Brain es monoespaciada pequeña, que tiene 12 filas y 48 columnas.

Para dibujar, la resolución del Cerebro es de 479 x 239 píxeles.

A continuación se muestra una lista de bloques disponibles:

Cursor de impresión: muestra texto y administra el cursor de impresión.

• imprimir en pantalla – Imprime texto o números en la pantalla del Cerebro.

• establecer cursor en fila o columna en la pantalla – Mueve el cursor a una fila y columna específicas.

• establecer el cursor en la siguiente fila de la pantalla – Mueve el cursor a la columna 1 de la siguiente fila.

• borrar fila en pantalla – Borra una fila de texto específica.

• columna del cursor de pantalla – Devuelve el número de columna donde se imprimirá el texto.

• fila del cursor de pantalla – Devuelve el número de fila donde se imprimirá el texto.

Configuración: cambia la apariencia del texto y los gráficos.

• borrar pantalla – Borra todo el texto y los dibujos de la pantalla.

• establecer fuente en pantalla – Cambia el tipo y tamaño de fuente para la visualización del texto.

• Establecer precisión de impresión en pantalla – Ajusta la cantidad de decimales para los números impresos.

• Establecer el ancho del lápiz en la pantalla – Controla el grosor de las líneas dibujadas.

• Establecer color de lápiz/fuente en pantalla – Cambia el color del texto y los contornos.

• establecer color de relleno en pantalla – Establece el color utilizado para rellenar las formas.

Dibujar: crea formas, líneas y gráficos en la pantalla Cerebro.

• dibujar píxel en la pantalla – Dibuja un solo píxel en una posición.

• dibujar línea en la pantalla – Dibuja una línea entre dos puntos.

• Dibujar rectángulo en la pantalla – Dibuja un rectángulo usando dos puntos de esquina.

• Dibujar círculo en la pantalla – Dibuja un círculo con un centro y un radio definidos.

Toque: detecta la entrada táctil en la pantalla del cerebro.

• ¿Pantalla presionada? – Devuelve si la pantalla está siendo tocada actualmente.

• posición de pantalla – Informa la coordenada X de un toque.

• cuando la pantalla – Ejecuta los bloques adjuntos cuando se presiona o se suelta la pantalla.

Cursor Imprimir

imprimir en pantalla

El bloque imprimir en pantalla muestra texto en la pantalla del robot en la posición y fuente actuales del cursor.

Mostrar texto en la pantalla del cerebro

cuando empezó
imprimir [VEXcode] en la pantalla ▶

Parámetros	Descripción
valor	El texto, número o valor de variable que se mostrará en la pantalla.
flecha expansiva	Expande el bloque para leer y establece el cursor en la siguiente fila y haz que el cursor se mueva a la siguiente fila después de este bloque.

Ejemplo

Al iniciarse, muestra el mensaje “¡Hola, robot!” en la posición inicial del cursor en la pantalla.

cuando empezó
[Display a message at the starting cursor position.]
imprimir [Hello, Robot!] en la pantalla ▶

Coloque el cursor en la fila o columna de la pantalla

Al usar el bloque Ajustar cursor a fila o columna en pantalla, el cursor se coloca en una fila y columna específicas de la pantalla. La cantidad de filas y columnas que se pueden ajustar depende de la fuente seleccionada. Con la fuente monoespaciada mediana predeterminada, se pueden mostrar con claridad hasta 8 filas y 13 columnas. El texto que se encuentre fuera de este rango puede quedar cortado o resultar difícil de leer.

Las fuentes monoespaciadas tienen caracteres del mismo ancho, lo que garantiza la uniformidad en la colocación del texto. En cambio, las fuentes proporcionales varían en el ancho de los caracteres, por lo que algunas letras ocupan más espacio que otras. Sin embargo, independientemente del tipo utilizado, el bloque “Ajustar cursor a fila/columna” posiciona el cursor según el tamaño de fila y columna, no el estilo de fuente. El tamaño de fuente se puede ajustar mediante el bloque Ajustar fuente en pantalla.

Establecer bloque de pila de cursor

Coloque el cursor en la fila [1] columna [1] en la pantalla

Parámetros	Descripción
fila	La fila del cursor.
columna	La columna del cursor.

Ejemplo

Al iniciarse, mueve el cursor a la fila 3, columna 2 de la pantalla e imprime ‘Fila 3, columna 2’.

cuando empezó
[Display text starting at Row 3 Column 12.]
Coloque el cursor en la fila [3] columna [12] en la pantalla
imprimir [Row 3, Column 12] en la pantalla ▶

Colocar el cursor en la siguiente fila de la pantalla

El bloque establecer cursor en la siguiente fila de la pantalla mueve el cursor a la columna 1 en la siguiente fila de la pantalla del robot.

establece el cursor en el siguiente bloque de pila de fila

Colocar el cursor en la siguiente fila de la pantalla

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, imprime ‘Línea 1’ en la pantalla, mueve el cursor a la siguiente fila y luego imprime ‘Línea 2’.

cuando empezó
[Display two lines of text.]
imprimir [Line 1] en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
imprimir [Line 2] en la pantalla ▶

borrar fila en la pantalla

El bloque borrar fila en la pantalla borra una fila de texto en la pantalla del robot.

Borrar bloque de pila de filas

Limpiar la fila [1] de la pantalla

Parámetros	Descripción
fila	El número de fila a borrar.

Ejemplo

Al iniciarse, imprime texto en dos filas. La primera fila permanece, mientras que la segunda desaparece después de 3 segundos.

cuando empezó
[Only keep the text on row 1.]
imprimir [This text stays] en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
imprimir [This text disappears] en la pantalla ▶
esperar [3] segundos
Limpiar la fila [2] de la pantalla

columna del cursor de la pantalla

El bloque columna del cursor de pantalla devuelve el número de columna donde se imprimirá el texto como un entero.

bloque de reportero de columna de cursor de pantalla

(columna del cursor de la pantalla)

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, mueve el cursor a la fila 3, columna 2 de la pantalla e imprime el número de columna del cursor actual.

cuando empezó
[Display the cursor's current column.]
Coloque el cursor en la fila [3] columna [15] en la pantalla
imprimir (columna del cursor de la pantalla) en la pantalla ▶

fila del cursor de la pantalla

El bloque fila del cursor de pantalla devuelve el número de fila donde se imprimirá el texto como un entero.

bloque de reportero de filas del cursor de pantalla

(fila del cursor de la pantalla)

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, mueve el cursor a la fila 6, columna 2 de la pantalla e imprime el número de fila actual del cursor.

cuando empezó
[Display the cursor's current row.]
Coloque el cursor en la fila [3] columna [2] en la pantalla
imprimir (fila del cursor de la pantalla) en la pantalla ▶

Ajustes

pantalla clara

El bloque borrar pantalla borra todos los dibujos y textos de la pantalla del robot.

borrar bloqueo de pantalla

pantalla clara

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Al iniciarse, dibuja un círculo con centro (120,120) y radio de 40 píxeles. Después de 2 segundos, la pantalla se borra.

cuando empezó
[Draw a circle, and clear it after 2 seconds.]
dibuja el círculo [120] [120] [40] en la pantalla
esperar [2] segundos
pantalla clara

establecer fuente en pantalla

El bloque establecer fuente en pantalla define la fuente y el tamaño que se usarán para mostrar el texto en la pantalla del robot. Esta fuente se aplicará a todo el texto impreso posteriormente.

establecer bloque de pila de fuentes

Establezca la fuente en [monoespaciado v] [medio v] en la pantalla

Parámetros	Descripción
estilo	El estilo de fuente: monoespaciado proporcional
tamaño	Tamaño de fuente (ejemplos a continuación): extra pequeño pequeño mediano grande extra grande supergrande Nota: Los tamaños extra pequeño y pequeño no están disponibles para fuentes proporcionales.

monospaced extra small	monospaced small	monospaced medium
monospaced large	monospaced extra large	monospaced super large
proportional medium	proportional large	proportional extra large
proportional super large

Ejemplo

Cuando se inicia, establece la fuente en ‘monoespaciada extra grande’ e imprime ‘VEX’ en la pantalla.

cuando empezó
[Display text using a larger font]
Establezca la fuente en [monoespaciado v] [extra grande v] en la pantalla
imprimir [VEX] en la pantalla ▶

Establecer la precisión de impresión en la pantalla

El bloque establecer precisión de impresión en pantalla define el formato de precisión utilizado para mostrar los números en la pantalla del robot. Esta precisión de impresión se aplicará a todos los números impresos posteriormente.

Establecer bloque de pila de precisión de impresión

Establezca la precisión de impresión en [0.1 v] en la pantalla

Parámetros	Descripción
precisión	Establece la precisión de impresión en: 1 0,1 0,01 0,001 Todos los dígitos

Ejemplo

Cuando se inicia, establece la precisión de impresión en dos decimales e imprime 1/3 como 0,33 en la pantalla.

cuando empezó
[Print 1/3 as 0.33.]
Establezca la precisión de impresión en [0.01 v] en la pantalla
imprimir ([1] [math_division v] [3]) en la pantalla ▶

establecer el ancho del lápiz en la pantalla

El bloque establecer ancho del lápiz en pantalla establece el ancho del lápiz utilizado para dibujar líneas y formas.

Establecer bloque de ancho de pluma

Establezca el ancho del lápiz en [10] en la pantalla

Parámetros	Descripción
ancho	El ancho del lápiz en píxeles en un rango de 0 a 32.

Ejemplo

Cuando se inicia, establece el ancho del lápiz en 10 píxeles y dibuja un rectángulo con la esquina superior izquierda en (50,50), ancho de 130 píxeles y alto de 60 píxeles.

cuando empezó
[Draw a rectangle with a pen width of 10.]
Establezca el ancho del lápiz en [10] en la pantalla
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

Establecer el color del lápiz/fuente en la pantalla

El bloque establecer color de lápiz/fuente en la pantalla establece el color del lápiz utilizado para dibujar líneas, formas y texto en la pantalla del robot.

establecer el color de fuente del bolígrafo

Establezca el color del lápiz/fuente en [rojo v] en la pantalla

Parámetros	Descripción
color	Establece el color del lápiz a: rojo verde azul negro blanco amarillo naranja morado cian transparente

Ejemplo

Cuando se inicia, establece el color del lápiz en naranja y dibuja un rectángulo con la esquina superior izquierda en (50, 50), ancho 130 píxeles y alto 60 píxeles.

cuando empezó
[Draw a rectangle with orange borders.]
Establezca el color del lápiz/fuente en [naranja v] en la pantalla
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

establecer el color de relleno en la pantalla

El bloque establecer color de relleno en pantalla establece el color de relleno utilizado cuando se dibujan formas.

Establecer bloque de pila de color de relleno

Establezca el color de relleno en [rojo v] en la pantalla

Parámetros	Descripción
color	Establece el color de relleno a: rojo verde azul negro blanco amarillo naranja púrpura cian transparente

Ejemplos

Al iniciarse, establece el color de relleno en morado y dibuja un rectángulo. Está en (50, 130) con un ancho de 100 píxeles y una altura de 60 píxeles.

cuando empezó
[Draw a purple rectangle.]
Establezca el color de relleno en [púrpura v] en la pantalla
dibuja el rectángulo [50] [130] [100] [60] en la pantalla

Dibujar

dibujar píxeles en la pantalla

El bloque dibujar píxel en pantalla dibuja un píxel en la coordenada de pantalla especificada (x, y) en el color de lápiz actual.

dibujar bloque de pila de píxeles

Dibuja el píxel [0] [0] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x para dibujar el píxel de 0 a 479.
y	La coordenada y para dibujar el píxel de 0 a 239.

Ejemplo

Cuando se inicia, dibuja un píxel en el centro de la pantalla en las coordenadas (120, 120).

cuando empezó
[Draw the pixels marking the corners of a square.]
Dibuja el píxel [250] [100] en la pantalla
Dibuja el píxel [275] [100] en la pantalla
Dibuja el píxel [250] [125] en la pantalla
Dibuja el píxel [275] [125] en la pantalla

dibujar una línea en la pantalla

El bloque dibujar línea en la pantalla dibuja una línea desde la primera coordenada de pantalla especificada (x1, y1) hasta la segunda coordenada de pantalla especificada (x2, y2) utilizando el ancho del lápiz y el color del lápiz actuales.

bloque de pila de línea de dibujo

dibuja la línea [0] [0] [10] [10] en la pantalla

Parámetros	Descripción
x1	La coordenada x en píxeles del inicio de la línea de 0 a 479.
año1	La coordenada y en píxeles del inicio de la línea de 0 a 239.
x2	La coordenada x en píxeles del final de la línea de 0 a 479.
y2	La coordenada y en píxeles del final de la línea de 0 a 239.

Ejemplo

Al iniciarse, dibuja una línea diagonal desde la esquina superior izquierda (0,0) hasta la esquina inferior derecha (240,240) de la pantalla.

cuando empezó
[Draw a line from the top left to bottom right of the screen.]
dibuja la línea [0] [0] [479] [239] en la pantalla

dibujar rectángulo en la pantalla

El bloque dibujar rectángulo en pantalla dibuja un rectángulo usando el ancho del lápiz, el color del lápiz y los colores de relleno actuales.

dibujar bloque rectangular

dibuja el rectángulo [0] [0] [10] [10] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x en píxeles de la esquina superior izquierda del rectángulo de 0 a 479.
y	La coordenada y en píxeles de la esquina superior izquierda del rectángulo de 0 a 239.
ancho	El ancho del rectángulo en píxeles.
altura	La altura del rectángulo en píxeles.

Ejemplo

Cuando se inicia, dibuja un rectángulo en la pantalla con la esquina superior izquierda en (50,50), ancho de 130 píxeles y alto de 60 píxeles.

cuando empezó
[Draw a rectangle on the screen.]
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

dibujar un círculo en la pantalla

El bloque dibujar círculo en pantalla dibuja un círculo usando el ancho del lápiz, el color del lápiz y los colores de relleno actuales.

Dibujar bloque de pila circular

dibuja el círculo [0] [0] [10] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x en píxeles del centro del círculo de 0 a 479.
y	La coordenada y en píxeles del centro del círculo de 0 a 239.
radio	El radio del círculo en píxeles.

Ejemplo

Al iniciarse, dibuja un círculo en la pantalla con el centro en (120,120) y un radio de 40 píxeles.

cuando empezó
[Draw a circle on the screen.]
dibuja el círculo [120] [120] [40] en la pantalla

Tocar

¿pantalla presionada?

El bloque ¿Pantalla presionada? devuelve un valor booleano que indica si la pantalla táctil del cerebro está siendo presionada actualmente.

• Verdadero – Se está presionando la pantalla.

• Falso: la pantalla no está presionada.

Dibujar bloque de pila circular

<¿pantalla presionada?>

Parámetros	Descripción
	Este bloque no tiene parámetros.

Al iniciarse, dibuja un círculo en la pantalla con el centro en (120,120) y un radio de 40 píxeles.

cuando empezó
[Change the screen's color after it's pressed.]
esperar hasta <¿pantalla presionada?>
Establezca el color de relleno en [verde v] en la pantalla
dibuja el rectángulo [0] [0] [479] [239] en la pantalla

When the screen is pressed, the first message is shown. The code then waits until the screen is released, and only continues after the screen is pressed again to show the second message.

cuando empezó
[Display different messages after the screen is pressed.]
esperar hasta <¿pantalla presionada?>
imprimir [First message!] en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
[Lift finger to press the screen again.]
esperar hasta <no <¿pantalla presionada?>>
esperar hasta <¿pantalla presionada?>
imprimir [Second message!] en la pantalla ▶

posición de la pantalla

El bloque posición de pantalla devuelve la coordenada x o y de la ubicación donde se presionó por última vez la pantalla táctil del Cerebro.

Dibujar bloque de pila circular

(posición de pantalla [incógnita v])

Parámetros	Descripción
eje	¿De qué eje se debe devolver la posición? x – 0 a 479 y – 0 a 239

Al iniciarse, dibuja un círculo en la pantalla con el centro en (120,120) y un radio de 40 píxeles.

cuando empezó
[Display a circle where the screen is pressed.]
esperar hasta <¿pantalla presionada?>
Establezca el color de relleno en [blanco v] en la pantalla
dibuja el círculo (posición de pantalla [incógnita v]) (posición de pantalla [y v]) [20] en la pantalla

cuando la pantalla

El bloque cuando pantalla ejecuta la pila de bloques adjunta cuando se presiona o se suelta la pantalla Cerebro.

Dibujar bloque de pila circular

cuando la pantalla cerebral [presionado v] :: hat events

Parámetros	Descripción
estado	Cuándo ejecutar la pila de bloques adjunta: presionado liberado

Al iniciarse, dibuja un círculo en la pantalla con el centro en (120,120) y un radio de 40 píxeles.

cuando la pantalla cerebral [presionado v] :: hat events
[Color the screen with polka dots by pressing it repeatedly.]
Establezca el color de relleno en [rojo v] en la pantalla
dibuja el círculo (posición de pantalla [incógnita v]) (posición de pantalla [y v]) [20] en la pantalla