Screen#

Introduction#

The VEX IQ (2nd-gen) Brain screen provides a variety of methods to display information, draw shapes, and control the visual elements of the screen.

For the examples below, the constructed Brain includes access to the Screen methods and will be used in all subsequent examples throughout this API documentation when referring to those methods.

Below is a list of all methods:

Cursor – Methods for text positioning and display

  • print – Prints text at the current cursor position.

  • setCursor – Sets the cursor to a specific row and column.

  • newLine – Moves the cursor to column 1 of the next row.

  • clearLine – Clears a row of text.

  • row – Returns the current cursor row.

  • column – Returns the current cursor column.

  • printAt – Prints text at a specific x and y location.

  • setClipRegion – Restricts where drawings and text can appear.

  • getStringWidth – Returns the width of a string in pixels.

  • getStringHeight – Returns the height of a string in pixels.

Mutators – Methods for setting screen properties

  • clearScreen – Clears the screen of all drawings and text.

  • setFont – Sets the font for printed text.

  • setPenWidth – Sets the thickness for drawn shapes and lines.

  • setPenColor – Sets the color for outlines and text.

  • setFillColor – Sets the fill color for shapes and backgrounds.

  • setOrigin – Sets a new origin for printing and drawing.

Draw – Methods for drawing shapes and graphics

  • drawPixel – Draws a pixel at a specific x and y position.

  • drawLine – Draws a line between two points.

  • drawRectangle – Draws a rectangle.

  • drawCircle – Draws a circle.

  • render – Updates the Brain’s screen with text and drawings only when called.

Cursor#

print#

print displays text on the Brain’s screen at the current cursor position and font.

Usage:
Brain.Screen.print(value);

Parameters

Description

value

The text to display on the screen. Use C++ string formatting to print variable.

// example coming soon

setCursor#

setCursor sets the cursor at a specific row and column on the Brain’s screen. How many rows and columns can comfortably fit depends on the selected font.

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, setCursor positions the cursor based on row and column size, not font style. The font size can be adjusted using setFont.

Usage:
Brain.Screen.setCursor(row, col);

Parameters

Description

row

The row of the cursor.

col

The column of the cursor.

// example coming soon

newLine#

newLine moves the cursor to column 1 on the next row on the Brain’s screen.

Usage:
Brain.Screen.newLine();

Parameters

Description

This method has no parameters.

// example coming soon

clearLine#

clearLine clears a row of drawings and text on the Brain’s screen.

Usage:
Brain.Screen.clearLine(row, color);

Parameters

Description

row

Optional. The row to clear. The default is the current cursor row.

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

row#

row returns the current row where text will be printed as an integer.

Usage:
Brain.Screen.row()

Parameters

Description

This method has no parameters.

// example coming soon

column#

column returns the current column where text will be printed as an integer.

Usage:
Brain.Screen.column()

Parameters

Description

This method has no parameters.

// example coming soon

printAt#

printAt displays text on the Brain’s screen at a specified x and y-coordinate (in pixels) with the current font and origin. This method disregards the current cursor position.

Usage:
Brain.Screen.printAt(x, y, value);

Parameters

Description

x

The x position to print at as a keyword argument, ie: x=, referenced to the screen origin.

y

The y position to print at as a keyword argument, ie: y=, referenced to the screen origin.

value

The text to print on the screen. Use the C++ string formatting to print variable.

// example coming soon

setClipRegion#

setClipRegion defines a rectangular area on the screen where all drawings and text will be confined. Any content outside this region will not be displayed.

Usage:
Brain.Screen.setClipRegion(x, y, width, height);

Parameter

Description

x

The x-coordinate of the top-left corner of the clip region, given as an integer or float from 0 to 160.

y

The y-coordinate of the top-left corner of the clip region, given as an integer or float from 0 to 108.

width

The width of the clip region in pixels, given as an integer or float from 0 to 160.

height

The height of the clip region in pixels, given as an integer or float from 0 to 108.

// example coming soon

getStringWidth#

getStringWidth returns the width of a string in pixels, as it would appear on the Brain’s screen. The width varies depending on the string’s length and the current font.

Usage:
Brain.Screen.getStringWidth(string);

Parameters

Description

string

The string to measure.

// example coming soon

getStringHeight#

get_string_height returns the height of a string in pixels, as it would appear on the Brain’s screen. The width varies depending on the string’s length and the current font.

Usage:
Brain.Screen.getStringHeight(string);

Parameters

Description

string

The string to measure.

// example coming soon

Mutators#

clearScreen#

clearScreen clears all drawings and text from the Brain’s screen.

Usage:
Brain.Screen.clearScreen();

Parameters

Description

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

setFont#

setFont sets the font used for displaying text on the Brain’s screen. This font will apply to all text printed with print or printAt. The default font at the start of a project is mono20.

Usage:
Brain.Screen.setFont(type);

Parameter

Description

type

Sets the font to one of the following:

  • mono12
  • mono15
  • mono20
  • mono30
  • mono40
  • mono60
  • prop20
  • prop30
  • prop40
  • prop60
These options are shown below.

A screen titled mono 12 shows full digit and alphabet lines with a note of 26 across and 9 rows.
mono12

A screen labeled MONO 15 displays two lines of characters and indicates 20 across and 7 rows.
mono15

A screen titled MONO 20 displays digits and uppercase letters followed by 16 across and 5 rows.
mono20

A screen labeled MONO 30 shows two lines of digits followed by the text 3 rows.
mono30

A screen titled MONO 40 displays the numbers 12345678 underneath in a monospaced font.
mono40

A screen shows MN60 in large white text on a black background.
mono60

A screen titled prop 20 displays multiple lines of digits and uppercase letters, followed by 26 across and 5 rows.
prop20

A screen labeled prop 30 shows a line of digits and the equation 18 x 3 beneath it.
prop30

A screen shows prop 40 with the line 14 x 2 beneath it in white text on a black background.
prop40

A screen displays prop 60 in large white text on a black background with no additional content.
prop60

// example coming soon

setPenWidth#

setPenWidth sets the pen width used for drawing lines and shapes.

Usage:
Brain.Screen.setPenWidth(value);

Parameter

Description

value

The pen width, given as an integer in pixels in a range from 0 to 32.

// example coming soon

setPenColor#

setPenColor sets the pen color used for drawing lines, shapes, and text.

Usage:
Brain.Screen.setPenColor(color);

Parameter

Description

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

setFillColor#

setFillColor method sets the fill color used when shapes are drawn.

Usage:
Brain.Screen.setFillColor(color);

Parameter

Description

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

setOrigin#

setOrigin sets the origin (0,0) used for drawing or printing on the Brain’s screen. By default, drawing or printing methods consider the top left corner of the screen as the origin. This method can reset the origin to an alternate (x, y) screen coordinate location.

Usage:
Brain.Screen.setOrigin(x, y);

Parameter

Description

x

The new x-coordinate to set as the origin, given as an integer from 0 to 160.

y

The new y-coordinate to set as the origin, given as an integer from 0 to 108.

// example coming soon

Draw#

drawPixel#

drawPixel draws a pixel at the specified (x, y) screen coordinate with the current pen color.

Usage:
Brain.Screen.drawPixel(x, y);

Parameter

Description

x

The x-coordinate where the pixel will be drawn, given as an integer from 0 to 160.

y

The y-coordinate where the pixel will be drawn, given as an integer from 0 to 108.

// example coming soon

drawLine#

drawLine draws a line from the first specified screen coordinate (x1, y1) to the second specified screen coordinate (x2, y2). It uses the current pen width and pen color.

The x and y-coordinates use the default origin of (0, 0) unless a different origin has been set using setOrigin.

Usage:
Brain.Screen.drawLine(x1, y1, x2, y2);

Parameter

Description

x1

The starting x-coordinate of the line, given as an integer from 0 to 160.

y1

The starting y-coordinate of the line, given as an integer from 0 to 108.

x2

The ending x-coordinate of the line, given as an integer from 0 to 160.

y2

The ending y-coordinate of the line, given as an integer from 0 to 108.

// example coming soon

drawRectangle#

drawRectangle draws a rectangle with its top-left corner at the specified (x, y) coordinate and a size determined by the given width and height, all measured in pixels. The rectangle’s outline is drawn using the current pen width and pen color. The interior is filled with the current fill color.

The x and y-coordinates use the default origin of (0,0) unless a different origin has been set using setOrigin.

Usage:
Brain.Screen.drawRectangle(x, y, width, height, color);

Parameter

Description

x

The x-coordinate of the top-left corner of the rectangle, given as an integer from 0 to 160.

y

The y-coordinate of the top-left corner of the rectangle, given as an integer from 0 to 108.

width

The width of the rectangle, given as an integer from 0 to 160.

height

The height of the rectangle, given as an integer from 0 to 108.

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

drawCircle#

drawCircle draws a circle with its center at the specified (x, y) coordinate and a size determined by the given radius, all measured in pixels. The circle’s outline is drawn using the current pen width and pen color. The interior is filled with the current fill color.

The x and y-coordinates use the default origin of (0,0) unless a different origin has been set using setOrigin.

Usage:
Brain.Screen.drawCircle(x, y, radius, color);

Parameter

Description

x

The x-coordinate of the center of the circle, given as an integer from 0 to 160.

y

The y-coordinate of the center of the circle, given as an integer from 0 to 160.

radius

The radius of the circle, given as an integer from 0 to 108 pixels.

color

Optional. Sets the pen color. Options include:

  • black
  • blue
  • blue_green
  • blue_violet
  • cyan
  • green
  • orange
  • purple
  • red
  • red_orange
  • red_violet
  • violet
  • white
  • yellow
  • yellow_green
  • yellow_orange
You can also specify a custom color.

// example coming soon

render#

render enables double buffering for the Brain’s screen. Once called, any drawing commands (like text, shapes, or images) will no longer appear immediately for the rest of the project. Instead, updates will only be shown when render is used again. This allows for smoother and more controlled screen updates, but means nothing will be visible until render is used.

Usage:
Brain.Screen.render();

Parameters

Description

This method has no parameters.

// example coming soon