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 Brain es de 480 x 240 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, números o valores de variables 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 – Indica el número de columna donde se imprimirá el texto.

• fila del cursor de pantalla – Indica 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 – Establece cuántos lugares decimales se mostrarán al imprimir números.

• establecer ancho del lápiz en la pantalla – Establece el grosor de las líneas dibujadas y los contornos de las formas.

• establecer color de lápiz/fuente en pantalla – Establece el color del texto, píxeles, líneas y contornos de formas.

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

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 coordenada.

• 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 – Informa si la pantalla está siendo tocada en ese momento.

• posición de pantalla – Informa la coordenada x o y seleccionada de la última pulsación de pantalla.

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

Cursor Imprimir

imprimir en pantalla

El bloque de pila imprimir en pantalla imprime texto, números o valores de variables en la pantalla del sistema 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.
y colocar el cursor en la siguiente fila	Seleccione la flecha ( ▶ ) para expandir el bloque y decir y colocar el cursor en la siguiente fila, de modo que el cursor se mueva a la columna 1 de la siguiente fila después de imprimir.

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

El bloque Colocar cursor en fila y columna en pantalla mueve el cursor a una fila y columna específicas en la pantalla del cerebro. El siguiente bloque Imprimir en pantalla comenzará a imprimir en esa ubicación. La cantidad de filas y columnas que se pueden mostrar cómodamente depende de la fuente seleccionada. Con la fuente monoespaciada mediana predeterminada, se pueden mostrar claramente hasta 8 filas y 13 columnas. El texto colocado fuera de este rango puede quedar cortado o ser difícil de leer.

Las fuentes monoespaciadas tienen caracteres del mismo ancho, lo que garantiza una colocación uniforme del texto. En cambio, las fuentes proporcionales varían en ancho de carácter, por lo que algunas letras ocupan más espacio que otras. Sin embargo, independientemente del tipo de fuente, el bloque de pila establecer cursor en fila y columna en pantalla posiciona el cursor según el tamaño de fila y columna, no según el estilo de fuente. El tamaño de la fuente se puede ajustar mediante el bloque de pila establecer 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 a la que mover el cursor.
columna	La columna a la que se debe mover el 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 de pila establecer cursor en la siguiente fila de la pantalla mueve el cursor a la columna 1 de la siguiente fila en la pantalla del Cerebro.

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 de pila borrar fila en pantalla borra una sola fila de texto en la pantalla del Cerebro.

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 de informe Columna del cursor de pantalla informa el número de columna donde se imprimirá el texto como un número 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 de informe fila del cursor de pantalla informa el número de fila donde se imprimirá el texto como un número 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 de pila borrar pantalla elimina todos los dibujos y el texto de la pantalla del Cerebro.

bloque de pila de pantalla limpia

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 utilizarán para mostrar el texto en la pantalla del cerebro. Esta fuente se aplicará a todo el texto que se imprima posteriormente.

establecer bloque de pila de fuentes

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

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

Captura de pantalla de la pantalla V5 Brain con números y letras impresos en blanco en la esquina superior izquierda en fuente MONO 12. Muestra AZ en una línea, que ocupa aproximadamente un cuarto del ancho de la pantalla. En la esquina inferior izquierda se lee 80 columnas y 20 filas. monoespaciada extra pequeña	monoespaciada pequeña	[La misma imagen que la anterior, con fuente Mono 20. Muestra AZ en una línea, ocupando casi dos tercios del ancho de la pantalla. En la esquina inferior izquierda se lee 48 columnas y 12 filas.] (/_static/img/fonts/mono20.png) monoespaciada media
monoespaciada grande	monoespaciada extra grande	monoespaciada súper grande
proporcional medio	proporcional grande	proporcional extra grande
proporcional súper grande

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 la cantidad de decimales que se mostrarán al imprimir números en la pantalla principal. Esta precisión de impresión se aplicará a todos los números que se impriman 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	Precisión de impresión a utilizar: 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 permite ajustar el grosor de las líneas dibujadas y los contornos de las formas.

establecer ancho de pluma bloque apilable

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

Parámetros	Descripción
ancho	El ancho del lápiz, en píxeles, va 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 de pila establecer color de lápiz/fuente en pantalla establece el color del texto, los píxeles, las líneas y los contornos de las formas.

Bloque de pila de color de pluma/fuente

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

Parámetros	Descripción
color	El color del bolígrafo y la fuente a utilizar: 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 de pila establecer color de relleno en pantalla establece el color de relleno que se utiliza al dibujar 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	Color de relleno a utilizar: rojo verde azul negro blanco amarillo naranja morado 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 de pila dibujar píxel en pantalla dibuja un píxel en la coordenada x e y seleccionada utilizando el [color del lápiz] actual (#set-pen–font-color-on-screen).

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

Al iniciarse, dibuja cuatro píxeles que marcan las esquinas de un pequeño cuadrado.

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 de pila dibujar línea en pantalla dibuja una línea desde la primera coordenada de la pantalla (x1, y1) hasta la segunda coordenada de la pantalla (x2, y2) utilizando el [ancho del lápiz] (#set-pen-width-on-screen) y el [color del lápiz] (#set-pen–font-color-on-screen ) 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 (479, 239) 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 de pila dibujar rectángulo en pantalla dibuja un rectángulo usando el [ancho del lápiz] (#set-pen-width-on-screen), el [color del lápiz] (#set-pen–font-color-on-screen) y el [color de relleno] (#set-fill-color-on-screen ) actuales.

dibujar un bloque apilable 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 de pila dibujar círculo en la pantalla dibuja un círculo usando el [ancho del lápiz] (#set-pen-width-on-screen), el [color del lápiz] (#set-pen–font-color-on-screen) y el [color de relleno] (#set-fill-color-on-screen ) 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 pulsada

El bloque booleano pantalla presionada indica si la pantalla táctil del sistema está siendo presionada en ese momento.

• Verdadero – Se está presionando la pantalla.

• Falso – No se está pulsando la pantalla.

Bloque booleano pulsado en la pantalla

<¿pantalla presionada?>

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

Al iniciarse, cambia el color de la pantalla después de presionarla.

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

Al pulsar la pantalla, se muestra el primer mensaje. El código espera a que se suelte la pantalla y solo continúa después de volver a pulsarla para mostrar el segundo mensaje.

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 de información posición en pantalla informa la coordenada seleccionada de la última pulsación en pantalla. La coordenada x va de 0 (izquierda) a 479 (derecha). La coordenada y va de 0 (arriba) a 239 (abajo).

Bloque de reportero de posición de pantalla

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

Parámetros	Descripción
eje	La coordenada de la última pulsación de pantalla a informar: x – La posición horizontal o y – La posición vertical

Al pulsar la pantalla del cerebro, se dibuja un círculo en el lugar donde se pulsó.

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 de sombrero when screen ejecuta la pila de bloques adjunta cuando se presiona o se suelta la pantalla del cerebro.

cuando se bloquea el sombrero de pantalla

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

Parámetros	Descripción
estado	Cuándo ejecutar la pila de bloques adjunta: pressed se ejecuta cuando se presiona la pantalla, y released se ejecuta cuando se suelta la pantalla.

Al pulsar la pantalla del cerebro, se dibuja un círculo en el lugar donde se pulsó.

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