Bildschirm#

Einführung#

Die Screen-Blöcke steuern den Touchscreen des V5 Brain und ermöglichen es Ihrem Roboter, Text, Zahlen und Grafiken anzuzeigen und auf Berührungseingaben zu reagieren.

Standardmäßig wird für den Druck auf Brain die Schriftart monospaced small verwendet, die 12 Zeilen und 48 Spalten hat.

Für Zeichenaufgaben beträgt die Auflösung des Brain 480 x 240 Pixel.

Der V5 Brain-Bildschirm mit roten Gitterlinien zeigt das Layout von insgesamt 12 Zeilen und 48 Spalten. Die Pixelabmessungen betragen 479 Pixel Breite und 239 Pixel Höhe. Die obere linke Ecke beginnt bei (0,0) Pixel und Zeile 1, Spalte 1, während die untere rechte Ecke bei (479, 239) Pixel und Zeile 12, Spalte 48 endet.

Nachfolgend finden Sie eine Liste der verfügbaren Blöcke:

Druckcursor – Text anzeigen und Druckcursor verwalten.

Einstellungen – Darstellung von Text und Grafiken ändern.

Zeichnen – Erstellen Sie Formen, Linien und Grafiken auf dem Brain-Bildschirm.

Touch – Erkennt Berührungseingaben auf dem Bildschirm des Gehirns.

  • Bildschirm gedrückt – Meldet, ob der Bildschirm gerade berührt wird.

  • Bildschirmposition – Gibt die ausgewählte x- oder y-Koordinate des letzten Bildschirmkontakts an.

  • when screen – Führt die zugehörigen Blöcke aus, wenn der Bildschirm gedrückt oder losgelassen wird.

Cursor Drucken#

Cursor auf Zeile/Spalte auf dem Bildschirm setzen#

The set cursor to row column on screen stack block moves the cursor to a specific row and column on the Brain screen. The next print on screen block will start printing at that location. How many rows and columns can comfortably fit depends on the selected font. With the default monospaced medium font, up to 8 rows and 13 columns can be displayed clearly. Text placed beyond this range may be cut off or become difficult to read.

Monospaced fonts have characters that are all the same width, making text placement consistent. In contrast, proportional fonts vary in character width, so some letters take up more space than others. However, regardless of which type is used, the set cursor to row column on screen stack block positions the cursor based on row and column size, not font style. The font size can be adjusted using the set font on screen stack block.

Cursor-Stapelblock setzen#
setze Cursor auf Zeile [1] Spalte [1] auf Bildschirm

Parameter

Beschreibung

Reihe

Die Zeile, in die der Cursor bewegt werden soll.

Spalte

Die Spalte, in die der Cursor bewegt werden soll.

Beispiel

Beim Start bewegt das Programm den Cursor auf Zeile 3, Spalte 2 des Bildschirms und gibt „Zeile 3, Spalte 2“ aus.#
wenn gestartet
[Display text starting at Row 3 Column 12.]
setze Cursor auf Zeile [3] Spalte [12] auf Bildschirm
drucke [Row 3, Column 12] auf Bildschirm ▶

Ein Screenshot des V5 Brain, der Zeile 3, Spalte 12 im oberen Bereich nahe der Bildschirmmitte an dieser Position anzeigt.

Cursor auf die nächste Zeile auf dem Bildschirm setzen#

Der Stapelblock set cursor to next row on screen bewegt den Cursor in Spalte 1 der nächsten Zeile auf dem Brain-Bildschirm.

Cursor auf die nächste Zeile des Stapelblocks setzen#
setze Cursor in nächste Zeile auf Bildschirm

Parameter

Beschreibung

Dieser Block hat keine Parameter.

Beispiel

Beim Start wird „Zeile 1“ auf dem Bildschirm ausgegeben, der Cursor in die nächste Zeile bewegt und dann „Zeile 2“ ausgegeben.#
wenn gestartet
[Display two lines of text.]
drucke [Line 1] auf Bildschirm ▶
setze Cursor in nächste Zeile auf Bildschirm
drucke [Line 2] auf Bildschirm ▶

Ein Screenshot des V5 Brain-Bildschirms mit zwei Zeilen weißem Text in der oberen linken Ecke. Die obere Zeile lautet „Zeile 1“, die zweite Zeile direkt darunter „Zeile 2“.

Zeile auf dem Bildschirm löschen#

Der Zeile auf dem Bildschirm löschen-Block löscht eine einzelne Textzeile auf dem Brain-Bildschirm.

Zeile Stapelblock löschen#
lösche Zeile [1] auf Bildschirm

Parameter

Beschreibung

Reihe

Die zu löschende Zeilennummer.

Beispiel

Beim Start wird der Text in zwei Zeilen ausgegeben. Die erste Zeile bleibt sichtbar, während die zweite Zeile nach 3 Sekunden verschwindet.#
wenn gestartet
[Only keep the text on row 1.]
drucke [This text stays] auf Bildschirm ▶
setze Cursor in nächste Zeile auf Bildschirm
drucke [This text disappears] auf Bildschirm ▶
warte [3] Sekunden
lösche Zeile [2] auf Bildschirm

Bildschirmcursorspalte#

Der Reporterblock Bildschirmcursorspalte gibt die Spaltennummer, in der der Text ausgegeben werden soll, als ganze Zahl aus.

Bildschirmcursor-Spalte Reporterblock#
(Bildschirm-Cursor-Spalte)

Parameter

Beschreibung

Dieser Block hat keine Parameter.

Beispiel

Beim Start bewegt sich der Cursor auf Zeile 3, Spalte 2 des Bildschirms und gibt die aktuelle Cursorspaltennummer aus.#
wenn gestartet
[Display the cursor's current column.]
setze Cursor auf Zeile [3] Spalte [15] auf Bildschirm
drucke (Bildschirm-Cursor-Spalte) auf Bildschirm ▶

Ein Screenshot des V5 Brain-Bildschirms, der den Text 15 in Weiß im oberen linken Quadranten des Bildschirms, in Zeile 3, Spalte 15, zeigt.

Bildschirmcursorzeile#

Der Reporterblock Bildschirmcursorzeile meldet die Zeilennummer, in der der Text gedruckt werden soll, als ganze Zahl.

Bildschirmcursorzeilenreporterblock#
(Bildschirm-Cursor-Zeile)

Parameter

Beschreibung

Dieser Block hat keine Parameter.

Beispiel

Beim Start bewegt das Programm den Cursor auf Zeile 6, Spalte 2 des Bildschirms und gibt die aktuelle Cursorzeilennummer aus.#
wenn gestartet
[Display the cursor's current row.]
setze Cursor auf Zeile [3] Spalte [2] auf Bildschirm
drucke (Bildschirm-Cursor-Zeile) auf Bildschirm ▶

Ein Screenshot des V5 Brain-Bildschirms, der den Text 3 in Weiß im oberen linken Quadranten des Bildschirms, in Zeile 3, Spalte 2, zeigt.

Einstellungen#

Bildschirm freigeben#

Der Bildschirm löschen-Block löscht alle Zeichnungen und Texte vom Gehirnbildschirm.

Bildschirm löschen Stapelblock#
Bildschirm löschen

Parameter

Beschreibung

Dieser Block hat keine Parameter.

Beispiel

Beim Start wird ein Kreis mit Mittelpunkt (120,120) und Radius 40 Pixel gezeichnet. Nach 2 Sekunden wird der Bildschirm gelöscht.#
wenn gestartet
[Draw a circle, and clear it after 2 seconds.]
zeichne Kreis [120] [120] [40] auf Bildschirm
warte [2] Sekunden
Bildschirm löschen

Schriftart auf dem Bildschirm festlegen#

Der Schriftart auf dem Bildschirm festlegen-Block bestimmt Schriftart und -größe für die Textanzeige auf dem Brain-Bildschirm. Diese Schriftart wird für alle nachfolgend gedruckten Texte verwendet.

Schriftart-Stapelblock festlegen#
setze Schrift auf [Festbreitenschrift v] [mittel v] auf Bildschirm

Parameter

Beschreibung

Stil

Die Schriftart: nichtproportional oder proportional

Größe

Schriftgröße (Beispiele unten):

  • extra klein
  • klein
  • mittel
  • groß
  • extra groß
  • super groß
Hinweis: Die Größen Extra klein und klein sind für proportionale Schriftarten nicht verfügbar.

Screenshot des V5 Brain-Bildschirms mit weißen Zahlen und Buchstaben in MONO 12-Schriftart in der oberen linken Ecke. AZ wird einzeilig angezeigt und erstreckt sich über etwa ein Viertel der Bildschirmbreite. In der unteren linken Ecke steht „80 Spalten und 20 Zeilen“.
monospaced extra small

Dasselbe Bild wie das vorherige, jedoch mit der Schriftart Mono 15. Es zeigt AZ in einer Zeile, fast über die halbe Bildschirmbreite. In der unteren linken Ecke steht 68 Spalten und 16 Zeilen.
monospaced small

Dasselbe Bild wie das vorherige, Schriftart Mono 20. Es zeigt AZ in einer Zeile, die sich über fast zwei Drittel der Bildschirmbreite erstreckt. In der unteren linken Ecke steht 48 Spalten und 12 Zeilen.
monospaced medium

Dasselbe Bild wie das vorherige, Schriftart Mono 30. Es zeigt AZ in einer Zeile, fast über die gesamte Bildschirmbreite. In der unteren linken Ecke steht 32 Spalten und 8 Zeilen.
monospaced large

Dasselbe Bild wie das vorherige, Schriftart Mono 40. Es zeigt AX in einer Zeile, die sich über die gesamte Bildschirmbreite erstreckt. In der unteren linken Ecke steht 24 Spalten und 6 Zeilen.
monospaced extra large

Dasselbe Bild wie das vorherige, jedoch mit der Schriftart Mono 60. Es zeigt AP in einer Zeile, die sich über die gesamte Bildschirmbreite erstreckt. Unten steht: 16 Spalten und 4 Zeilen.
monospaced super large

Dasselbe Bild wie das vorherige, jedoch mit Prop-20-Schriftart. Es zeigt AZ in einer Zeile, die sich über fast zwei Drittel der Bildschirmbreite erstreckt. In der unteren linken Ecke steht 48 Spalten und 12 Zeilen.
proportional medium

Dasselbe Bild wie das vorherige, jedoch mit Prop-30-Schriftart. Es zeigt AZ in einer Zeile, die sich fast über die gesamte Bildschirmbreite erstreckt. In der unteren linken Ecke steht 32 Spalten und 8 Zeilen.
proportional large

Dasselbe Bild wie das vorherige, jedoch mit Prop-40-Schriftart. Es zeigt „AU“ in einer Zeile, die sich über die gesamte Bildschirmbreite erstreckt. In der unteren linken Ecke steht „24 Spalten und 6 Zeilen“.
proportional extra large

Dasselbe Bild wie das vorherige, jedoch mit Prop-60-Schriftart. Es zeigt „AN“ in einer Zeile, die sich über die gesamte Bildschirmbreite erstreckt. Unten steht „15 Spalten und 4 Zeilen“.
proportional super large

Beispiel

Beim Start wird die Schriftart auf „Monospace Extra Large“ eingestellt und „VEX“ auf dem Bildschirm ausgegeben.#
wenn gestartet
[Display text using a larger font]
setze Schrift auf [Festbreitenschrift v] [extra groß v] auf Bildschirm
drucke [VEX] auf Bildschirm ▶

Ein Screenshot des V5 Brain-Bildschirms, der den Text „VEX“ in einer größeren Schriftart als der Standardschrift in der oberen linken Ecke zeigt.

Druckgenauigkeit auf dem Bildschirm einstellen#

Der Druckgenauigkeit auf dem Bildschirm festlegen-Block bestimmt, wie viele Dezimalstellen beim Drucken von Zahlen auf dem Brain-Bildschirm angezeigt werden. Diese Druckgenauigkeit gilt für alle nachfolgend gedruckten Zahlen.

Druckgenauigkeits-Stapelblock einstellen#
setze Druckgenauigkeit auf [0.1 v] auf Bildschirm

Parameter

Beschreibung

Präzision

Die zu verwendende Druckgenauigkeit:

  • 1
  • 0,1
  • 0,01
  • 0,001
  • Alle Ziffern

Beispiel

Beim Start wird die Druckgenauigkeit auf zwei Dezimalstellen eingestellt und 1/3 wird als 0,33 auf dem Bildschirm ausgegeben.#
wenn gestartet
[Print 1/3 as 0.33.]
setze Druckgenauigkeit auf [0.01 v] auf Bildschirm
drucke ([1] [math_division v] [3]) auf Bildschirm ▶

Ein Screenshot des V5 Brain-Bildschirms, der den Text „0.33“ in der oberen linken Ecke zeigt.

Stiftbreite auf dem Bildschirm einstellen#

Der Stiftbreite auf dem Bildschirm festlegen-Block bestimmt die Dicke gezeichneter Linien und Konturen.

Stiftbreite einstellen Stapelblock#
setze Stiftbreite auf [10] auf Bildschirm

Parameter

Beschreibung

Breite

Die Stiftbreite in Pixeln, von 0 bis 32.

Beispiel

Beim Start wird die Stiftbreite auf 10 Pixel eingestellt und ein Rechteck mit der oberen linken Ecke bei (50,50), einer Breite von 130 Pixeln und einer Höhe von 60 Pixeln gezeichnet.#
wenn gestartet
[Draw a rectangle with a pen width of 10.]
setze Stiftbreite auf [10] auf Bildschirm
zeichne Rechteck [50] [50] [130] [60] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms, der ein Rechteck mit dicken Rändern im oberen linken Quadranten des Bildschirms zeigt.

Stift-/Schriftfarbe auf dem Bildschirm einstellen#

Der Stift-/Schriftfarbe auf dem Bildschirm festlegen-Block legt die Farbe von Text, Pixeln, Linien und Formkonturen fest.

Stift-/Schriftfarbenstapelblock#
setze Stift-/Schriftfarbe auf [rot v] auf Bildschirm

Parameter

Beschreibung

Farbe

Die zu verwendende Stift- und Schriftfarbe:

  • rot
  • grün
  • blau
  • schwarz
  • weiß
  • gelb
  • orange
  • lila
  • cyan
  • transparent

Beispiel

Beim Start wird die Stiftfarbe auf Orange eingestellt und ein Rechteck mit der oberen linken Ecke bei (50, 50), einer Breite von 130 Pixeln und einer Höhe von 60 Pixeln gezeichnet.#
wenn gestartet
[Draw a rectangle with orange borders.]
setze Stift-/Schriftfarbe auf [orange v] auf Bildschirm
zeichne Rechteck [50] [50] [130] [60] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms, der ein orangefarbenes Rechteck im oberen linken Quadranten des Bildschirms zeigt.

Füllfarbe auf dem Bildschirm festlegen#

Der Stapelblock Bildschirmfüllfarbe festlegen legt die Füllfarbe fest, die beim Zeichnen von Formen verwendet wird.

Füllfarbe für Stapelblock festlegen#
setze Füllfarbe auf [rot v] auf Bildschirm

Parameter

Beschreibung

Farbe

Die zu verwendende Füllfarbe:

  • rot
  • grün
  • blau
  • schwarz
  • weiß
  • gelb
  • orange
  • lila
  • cyan
  • transparent

Beispiele

Beim Start wird die Füllfarbe auf Lila gesetzt und ein Rechteck gezeichnet. Es befindet sich bei (50, 130) mit einer Breite von 100 Pixeln und einer Höhe von 60 Pixeln.#
wenn gestartet
[Draw a purple rectangle.]
setze Füllfarbe auf [lila v] auf Bildschirm
zeichne Rechteck [50] [130] [100] [60] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms, der ein violett gefülltes Rechteck im unteren linken Quadranten des Bildschirms zeigt.

Ziehen#

Pixel auf dem Bildschirm zeichnen#

Der Stapelblock draw pixel on screen zeichnet ein Pixel an der ausgewählten x- und y-Koordinate unter Verwendung der aktuellen pen color.

Pixelstapelblock zeichnen#
zeichne Pixel [0] [0] auf Bildschirm

Parameter

Beschreibung

X

Die x-Koordinate zum Zeichnen des Pixels von 0 bis 479.

y

Die y-Koordinate zum Zeichnen des Pixels von 0 bis 239.

Beispiel

Beim Start werden vier Pixel gezeichnet, die die Ecken eines kleinen Quadrats markieren.#
wenn gestartet
[Draw the pixels marking the corners of a square.]
zeichne Pixel [250] [100] auf Bildschirm
zeichne Pixel [275] [100] auf Bildschirm
zeichne Pixel [250] [125] auf Bildschirm
zeichne Pixel [275] [125] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms, der eine Ansammlung von Pixeln zeigt, die die Ecken eines Quadrats nahe der Bildschirmmitte darstellen.

Linie auf dem Bildschirm zeichnen#

Der Stapelblock draw line on screen zeichnet eine Linie von der ersten Bildschirmkoordinate (x1, y1) zur zweiten Bildschirmkoordinate (x2, y2) unter Verwendung der aktuellen pen width und pen color.

Linie zeichnen Stapelblock#
zeichne Linie [0] [0] [10] [10] auf Bildschirm

Parameter

Beschreibung

x1

Die x-Koordinate in Pixeln des Linienanfangs von 0 bis 479.

y1

Die y-Koordinate in Pixeln des Linienanfangs von 0 bis 239.

x2

Die x-Koordinate in Pixeln des Linienendes von 0 bis 479.

y2

Die y-Koordinate in Pixeln des Linienendes von 0 bis 239.

Beispiel

Beim Start wird eine diagonale Linie von der oberen linken Ecke (0, 0) zur unteren rechten Ecke (479, 239) des Bildschirms gezeichnet.#
wenn gestartet
[Draw a line from the top left to bottom right of the screen.]
zeichne Linie [0] [0] [479] [239] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms zeigt eine dünne diagonale Linie quer durch die Mitte, von der oberen linken Ecke zur unteren rechten Ecke.

Rechteck auf dem Bildschirm zeichnen#

Der Stapelblock Rechteck auf Bildschirm zeichnen zeichnet ein Rechteck unter Verwendung der aktuellen Stiftbreite, Stiftfarbe und Füllfarbe.

Rechteck zeichnen Stapelblock#
zeichne Rechteck [0] [0] [10] [10] auf Bildschirm

Parameter

Beschreibung

X

Die x-Koordinate in Pixeln der oberen linken Ecke des Rechtecks ​​von 0 bis 479.

y

Die y-Koordinate in Pixeln der oberen linken Ecke des Rechtecks ​​von 0 bis 239.

Breite

Die Breite des Rechtecks ​​in Pixeln.

Höhe

Die Höhe des Rechtecks ​​in Pixeln.

Beispiel

Beim Start wird ein Rechteck auf dem Bildschirm gezeichnet, dessen obere linke Ecke bei (50,50) liegt, das eine Breite von 130 Pixeln und eine Höhe von 60 Pixeln hat.#
wenn gestartet
[Draw a rectangle on the screen.]
zeichne Rechteck [50] [50] [130] [60] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms zeigt ein Rechteck mit einem dünnen weißen Rand im oberen linken Quadranten.

Zeichne einen Kreis auf den Bildschirm#

Der Zeichenkreis auf dem Bildschirm-Block zeichnet einen Kreis unter Verwendung der aktuellen Stiftbreite, Stiftfarbe und Füllfarbe.

Zeichne einen Kreis und stapel Blöcke#
zeichne Kreis [0] [0] [10] auf Bildschirm

Parameter

Beschreibung

X

Die x-Koordinate des Mittelpunkts des Kreises in Pixeln von 0 bis 479.

y

Die y-Koordinate des Mittelpunkts des Kreises in Pixeln von 0 bis 239.

Radius

Der Radius des Kreises in Pixeln.

Beispiel

Beim Start wird ein Kreis auf dem Bildschirm gezeichnet, dessen Mittelpunkt bei (120, 120) liegt und der einen Radius von 40 Pixeln hat.#
wenn gestartet
[Draw a circle on the screen.]
zeichne Kreis [120] [120] [40] auf Bildschirm

Ein Screenshot des V5 Brain-Bildschirms zeigt einen Kreis mit einem dünnen weißen Rand in der Mitte.

Berühren#

Bildschirm gedrückt#

Der boolesche Block Bildschirm gedrückt gibt an, ob der Touchscreen des Gehirns gerade gedrückt wird.

  • Wahr – Der Bildschirm wird gedrückt.

  • Falsch – Der Bildschirm wird nicht gedrückt.

Bildschirm gedrückt Boolescher Block#
<Bildschirm gedrückt?>

Parameter

Beschreibung

Dieser Block hat keine Parameter.

Beim Start ändert sich die Bildschirmfarbe nach dem Berühren des Bildschirms.#
wenn gestartet
[Change the screen's color after it's pressed.]
warte bis <Bildschirm gedrückt?>
setze Füllfarbe auf [grün v] auf Bildschirm
zeichne Rechteck [0] [0] [479] [239] auf Bildschirm
Beim Drücken des Bildschirms wird die erste Meldung angezeigt. Anschließend wartet der Code, bis der Bildschirm losgelassen wird, und fährt erst fort, wenn der Bildschirm erneut gedrückt wird, um die zweite Meldung anzuzeigen.#
wenn gestartet
[Display different messages after the screen is pressed.]
warte bis <Bildschirm gedrückt?>
drucke [First message!] auf Bildschirm ▶
setze Cursor in nächste Zeile auf Bildschirm
[Lift finger to press the screen again.]
warte bis <nicht <Bildschirm gedrückt?>>
warte bis <Bildschirm gedrückt?>
drucke [Second message!] auf Bildschirm ▶

Bildschirmposition#

Der Bildschirmpositions-Reporterblock meldet die ausgewählte Koordinate des letzten Bildschirmkontakts. Die x-Koordinate reicht von 0 (links) bis 479 (rechts). Die y-Koordinate reicht von 0 (oben) bis 239 (unten).

Bildschirmposition Reporterblock#
(Bildschirm [x v] Position)

Parameter

Beschreibung

Achse

Die Koordinate des letzten Bildschirmkontakts, die gemeldet werden soll: x – Die horizontale Position oder y – Die vertikale Position

Beim Drücken auf den Brain-Bildschirm wird an der Druckstelle ein Kreis gezeichnet.#
wenn gestartet
[Display a circle where the screen is pressed.]
warte bis <Bildschirm gedrückt?>
setze Füllfarbe auf [weiß v] auf Bildschirm
zeichne Kreis (Bildschirm [x v] Position) (Bildschirm [y v] Position) [20] auf Bildschirm

wenn Bildschirm#

Der wenn Bildschirm Hutblock führt den zugehörigen Blockstapel aus, wenn der Gehirnbildschirm gedrückt oder losgelassen wird.

wenn Bildschirmhut blockiert#
wenn Brain-Bildschirm [gedrückt v] :: hat events

Parameter

Beschreibung

Zustand

Wann der angehängte Blockstapel ausgeführt werden soll: pressed wird ausgeführt, wenn der Bildschirm gedrückt wird, und released wird ausgeführt, wenn der Bildschirm losgelassen wird.

Beim Drücken auf den Brain-Bildschirm wird an der Druckstelle ein Kreis gezeichnet.#
wenn Brain-Bildschirm [gedrückt v] :: hat events
[Color the screen with polka dots by pressing it repeatedly.]
setze Füllfarbe auf [rot v] auf Bildschirm
zeichne Kreis (Bildschirm [x v] Position) (Bildschirm [y v] Position) [20] auf Bildschirm