화면

소개

스크린 블록은 V5 브레인의 터치스크린을 제어하여 로봇이 텍스트, 숫자 및 그래픽을 표시하고 터치 입력에 반응할 수 있도록 합니다.

기본적으로 Brain에 인쇄할 때 사용하는 글꼴은 고폭 고정폭 글꼴이며, 12행 48열로 구성됩니다.

그림을 그릴 때 브레인의 해상도는 480 x 240 픽셀입니다.

아래는 사용 가능한 블록 목록입니다.

커서 인쇄 – 텍스트를 표시하고 인쇄 커서를 관리합니다.

• 화면에 출력 – Brain 화면에 텍스트, 숫자 또는 변수 값을 출력합니다.

• 화면의 행 열에 커서 설정 – 커서를 특정 행과 열로 이동합니다.

• 화면의 다음 행으로 커서 설정 – 커서를 다음 행의 1열로 이동합니다.

• 화면의 행 지우기 – 지정된 텍스트 행을 지웁니다.

• 화면 커서 열 – 텍스트가 출력될 열 번호를 보고합니다.

• 화면 커서 행 – 텍스트가 출력될 행 번호를 보고합니다.

설정 – 텍스트와 그래픽의 모양을 변경하세요.

• 화면 지우기 – 화면의 모든 텍스트와 그림을 지웁니다.

• 화면의 글꼴 설정 – 텍스트 표시의 글꼴 유형과 크기를 변경합니다.

• 화면의 인쇄 정밀도 설정 – 숫자를 인쇄할 때 표시할 소수점 자릿수를 설정합니다.

• 화면의 펜 두께 설정 – 그려진 선과 도형 윤곽선의 두께를 설정합니다.

• 화면의 펜/글꼴 색상 설정 – 텍스트, 픽셀, 선 및 도형 윤곽선의 색상을 설정합니다.

• 화면의 채우기 색상 설정 – 그려진 도형의 채우기 색상을 설정합니다.

그리기 – 브레인 화면에 도형, 선, 그래픽을 그려보세요.

• 화면에 픽셀 그리기 – 좌표에 단일 픽셀을 그립니다.

• 화면에 선 그리기 – 두 점 사이에 선을 그립니다.

• 화면에 사각형 그리기 – 두 개의 꼭짓점을 사용하여 사각형을 그립니다.

• 화면에 원 그리기 – 정의된 중심과 반지름을 가진 원을 그립니다.

터치 – 브레인 화면에서 터치 입력을 감지합니다.

• 화면 눌림 – 현재 화면이 터치되고 있는지 여부를 보고합니다.

• 화면 위치 – 마지막 화면 클릭의 선택된 x 또는 y 좌표를 보고합니다.

• 화면일 때 – 화면이 눌리거나 놓일 때 연결된 블록을 실행합니다.

커서 인쇄

화면에 인쇄

화면에 인쇄 스택 블록은 현재 커서 위치와 글꼴로 Brain 화면에 텍스트, 숫자 또는 변수 값을 인쇄합니다.

브레인 화면에 텍스트를 표시합니다.

시작 시
화면에 [VEXcode] 출력 ▶

매개변수	설명
값	화면에 표시할 텍스트, 숫자 또는 변수 값입니다.
커서를 다음 행으로 설정합니다.	화살표( ▶ )를 선택하여 블록을 확장하면 커서를 다음 행으로 이동이라는 문구가 표시되고, 인쇄 후 커서가 다음 행의 첫 번째 열로 이동합니다.

예

시작 시 화면의 시작 커서 위치에 ‘안녕하세요, 로봇!’이라는 메시지를 표시합니다.

시작 시
[Display a message at the starting cursor position.]
화면에 [Hello, Robot!] 출력 ▶

화면의 행 열 위치로 커서를 설정합니다.

화면의 행 열에 커서 설정 스택 블록은 Brain 화면의 특정 행과 열로 커서를 이동합니다. 다음 화면에 인쇄 블록은 해당 위치에서 인쇄를 시작합니다. 편안하게 표시할 수 있는 행과 열의 수는 선택한 글꼴에 따라 다릅니다. 기본 고정폭 중간 글꼴의 경우 최대 8행 13열까지 명확하게 표시할 수 있습니다. 이 범위를 벗어나는 텍스트는 잘리거나 읽기 어려워질 수 있습니다.

고정폭 글꼴은 모든 문자의 너비가 동일하여 텍스트 배치가 일관적입니다. 이와 대조적으로 비례 글꼴은 문자 너비가 다양하여 일부 문자가 다른 문자보다 더 많은 공간을 차지합니다. 그러나 어떤 글꼴 유형을 사용하든 화면의 행 열에 커서 설정 스택 블록은 글꼴 스타일이 아닌 행 및 열 크기를 기준으로 커서를 배치합니다. 글꼴 크기는 화면의 글꼴 설정 스택 블록을 사용하여 조정할 수 있습니다.

커서 스택 블록 설정

화면에서 커서를 [1]행 [1]열로 이동

매개변수	설명
열	커서를 이동할 행입니다.
열	커서를 이동할 열입니다.

예

실행 시 화면의 3행 2열로 커서를 이동하고 ‘3행 2열’을 출력합니다.

시작 시
[Display text starting at Row 3 Column 12.]
화면에서 커서를 [3]행 [12]열로 이동
화면에 [Row 3, Column 12] 출력 ▶

화면에서 커서를 다음 행으로 이동

화면에서 커서를 다음 행으로 이동 스택 블록은 Brain 화면에서 커서를 다음 행의 1열로 이동합니다.

커서를 다음 행 스택 블록으로 설정

화면에서 커서를 다음 행으로 이동

매개변수	설명
	이 블록에는 매개변수가 없습니다.

예

실행되면 화면에 ‘Line 1’을 출력하고 커서를 다음 행으로 이동한 다음 ‘Line 2’를 출력합니다.

시작 시
[Display two lines of text.]
화면에 [Line 1] 출력 ▶
화면에서 커서를 다음 행으로 이동
화면에 [Line 2] 출력 ▶

화면의 행 지우기

화면에서 행 지우기 스택 블록은 브레인 화면에서 텍스트 한 행을 지웁니다.

행 스택 블록 지우기

화면에서 [1]행 지우기

매개변수	설명
열	지울 행 번호입니다.

예

실행 시 두 줄에 텍스트를 출력합니다. 첫 번째 줄은 그대로 유지되고, 두 번째 줄은 3초 후 사라집니다.

시작 시
[Only keep the text on row 1.]
화면에 [This text stays] 출력 ▶
화면에서 커서를 다음 행으로 이동
화면에 [This text disappears] 출력 ▶
[3]초 기다리기
화면에서 [2]행 지우기

화면 커서 열

화면 커서 열 리포터 블록은 텍스트가 출력될 열 번호를 정수로 보고합니다.

화면 커서 열 리포터 블록

(화면 커서 열)

매개변수	설명
	이 블록에는 매개변수가 없습니다.

예

실행 시 화면의 3행 2열로 커서를 이동하고 현재 커서가 가리키는 열 번호를 출력합니다.

시작 시
[Display the cursor's current column.]
화면에서 커서를 [3]행 [15]열로 이동
화면에 (화면 커서 열) 출력 ▶

화면 커서 행

화면 커서 행 리포터 블록은 텍스트가 출력될 행 번호를 정수로 보고합니다.

화면 커서 행 리포터 블록

(화면 커서 행)

매개변수	설명
	이 블록에는 매개변수가 없습니다.

예

실행 시 화면의 6행 2열로 커서를 이동하고 현재 커서의 행 번호를 출력합니다.

시작 시
[Display the cursor's current row.]
화면에서 커서를 [3]행 [2]열로 이동
화면에 (화면 커서 행) 출력 ▶

설정

선명한 화면

화면 지우기 스택 블록은 브레인 화면에서 모든 그림과 텍스트를 지웁니다.

화면 스택 블록 지우기

화면 지우기

매개변수	설명
	이 블록에는 매개변수가 없습니다.

예

시작 시 중심이 (120,120)이고 반지름이 40픽셀인 원을 그립니다. 2초 후 화면이 지워집니다.

시작 시
[Draw a circle, and clear it after 2 seconds.]
화면에 원 [120] [120] [40] 그리기
[2]초 기다리기
화면 지우기

화면에 글꼴 설정

화면 글꼴 설정 스택 블록은 브레인 화면에 텍스트를 표시하는 데 사용되는 글꼴과 크기를 설정합니다. 이 글꼴은 이후에 출력되는 모든 텍스트에 적용됩니다.

글꼴 스택 블록 설정

화면에서 글꼴을 [고정폭 v] [보통 v]로 설정

매개변수	설명
스타일	글꼴 스타일: 고정폭 또는 비례폭
크기	글꼴 크기(아래 예시 참조): 매우 작음 작음 중간 큼 매우 큼 초대형 참고: 비례 글꼴의 경우 매우 작음 및 작은 크기는 사용할 수 없습니다.

모노스페이스 엑스트라 스몰	모노스페이스 소형	모노스페이스 중간
모노스페이스 대형	모노스페이스 특대형	모노스페이스 슈퍼 라지
비례 매체	비례 대형	비례 초대형
비례 초대형

예

실행 시 글꼴을 ‘고정폭’으로 설정하고 화면에 ‘VEX’를 출력합니다.

시작 시
[Display text using a larger font]
화면에서 글꼴을 [고정폭 v] [매우 크게 v]로 설정
화면에 [VEX] 출력 ▶

화면에서 인쇄 정밀도를 설정하세요

화면 출력 정밀도 설정 스택 블록은 Brain 화면에 숫자를 출력할 때 표시할 소수점 자릿수를 설정합니다. 이 출력 정밀도는 이후에 출력되는 모든 숫자에 적용됩니다.

설정 인쇄 정밀도 스택 블록

화면에서 출력 정밀도를 [0.1 v]으로 설정

매개변수	설명
정도	사용할 인쇄 정밀도: 1 0.1 0.01 0.001 모든 자릿수

예

시작 시 인쇄 정밀도를 소수점 둘째 자리까지 설정하고 화면에 1/3을 0.33으로 출력합니다.

시작 시
[Print 1/3 as 0.33.]
화면에서 출력 정밀도를 [0.01 v]으로 설정
화면에 ([1] [math_division v] [3]) 출력 ▶

화면에서 펜 너비를 설정하세요

화면에서 펜 두께 설정 스택 블록은 그려진 선과 도형 윤곽선의 두께를 설정합니다.

펜 너비 설정 스택 블록

화면에서 펜 너비를 [10]로 설정

매개변수	설명
너비	펜 너비는 픽셀 단위로 0에서 32까지입니다.

예

시작할 때 펜 너비를 10픽셀로 설정하고 왼쪽 상단 모서리가 (50,50)이고 너비가 130픽셀, 높이가 60픽셀인 직사각형을 그립니다.

시작 시
[Draw a rectangle with a pen width of 10.]
화면에서 펜 너비를 [10]로 설정
화면에 사각형 [50] [50] [130] [60] 그리기

화면에서 펜/글꼴 색상 설정

화면의 펜/글꼴 색상 설정 스택 블록은 텍스트, 픽셀, 선 및 도형 윤곽선의 색상을 설정합니다.

펜/글꼴 색상 스택 블록 설정

화면에서 펜/글꼴 색상을 [빨강 v]로 설정

매개변수	설명
색상	사용할 펜과 글꼴 색상: 빨간색 초록색 파란색 검은색 흰색 노란색 주황색 보라색 청록색 투명

예

시작할 때 펜 색상을 주황색으로 설정하고 왼쪽 상단 모서리가 (50, 50)이고 너비가 130픽셀, 높이가 60픽셀인 직사각형을 그립니다.

시작 시
[Draw a rectangle with orange borders.]
화면에서 펜/글꼴 색상을 [주황 v]로 설정
화면에 사각형 [50] [50] [130] [60] 그리기

화면 채우기 색상 설정

화면 채우기 색상 설정 스택 블록은 도형을 그릴 때 사용되는 채우기 색상을 설정합니다.

채우기 색상 설정 스택 블록

화면에서 채우기 색상을 [빨강 v]로 설정

매개변수	설명
색상	사용할 채우기 색상: 빨간색 초록색 파란색 검은색 흰색 노란색 주황색 보라색 청록색 투명

예시

시작 시 채우기 색상을 보라색으로 설정하고 (50, 130) 위치에 너비 100픽셀, 높이 60픽셀의 직사각형을 그립니다.

시작 시
[Draw a purple rectangle.]
화면에서 채우기 색상을 [보라 v]로 설정
화면에 사각형 [50] [130] [100] [60] 그리기

그리다

화면에 픽셀을 그립니다

화면에 픽셀 그리기 스택 블록은 현재 펜 색상을 사용하여 선택된 x 및 y 좌표에 픽셀 하나를 그립니다.

픽셀 스택 블록을 그립니다

화면에 픽셀 [0] [0] 그리기

매개변수	설명
엑스	픽셀을 그릴 x 좌표는 0에서 479 사이입니다.
와이	픽셀을 그릴 y 좌표는 0부터 239까지입니다.

예

시작 시 작은 정사각형의 네 모서리를 표시하는 네 개의 픽셀을 그립니다.

시작 시
[Draw the pixels marking the corners of a square.]
화면에 픽셀 [250] [100] 그리기
화면에 픽셀 [275] [100] 그리기
화면에 픽셀 [250] [125] 그리기
화면에 픽셀 [275] [125] 그리기

화면에 선을 그립니다

화면에 선 그리기 스택 블록은 현재 펜 너비와 펜 색상을 사용하여 첫 번째 화면 좌표(x1, y1)에서 두 번째 화면 좌표(x2, y2)까지 선을 그립니다.

선 그리기 스택 블록

화면에 선 [0] [0] [10] [10] 그리기

매개변수	설명
x1	선의 시작점의 x 좌표는 0부터 479까지의 픽셀 값입니다.
y1	선의 시작점의 y 좌표는 0부터 239까지의 픽셀 값입니다.
x2	선의 끝점의 x 좌표는 0부터 479까지의 픽셀 값입니다.
y2	선의 끝점의 y 좌표는 0부터 239까지의 픽셀 값입니다.

예

시작 시 화면의 왼쪽 상단 모서리(0, 0)에서 오른쪽 하단 모서리(479, 239)까지 대각선을 그립니다.

시작 시
[Draw a line from the top left to bottom right of the screen.]
화면에 선 [0] [0] [479] [239] 그리기

화면에 사각형을 그리세요

화면에 사각형 그리기 스택 블록은 현재 펜 너비, 펜 색상 및 채우기 색상을 사용하여 사각형을 그립니다.

사각형 스택 블록을 그립니다

화면에 사각형 [0] [0] [10] [10] 그리기

매개변수	설명
엑스	사각형의 왼쪽 상단 모서리의 x 좌표는 0에서 479까지의 픽셀 값입니다.
와이	사각형의 왼쪽 상단 모서리의 y 좌표는 0부터 239까지의 픽셀 값입니다.
너비	직사각형의 너비를 픽셀 단위로 나타낸 값입니다.
키	직사각형의 높이를 픽셀 단위로 나타낸 값입니다.

예

시작 시, 왼쪽 상단 모서리가 (50,50)이고 너비가 130픽셀, 높이가 60픽셀인 직사각형을 화면에 그립니다.

시작 시
[Draw a rectangle on the screen.]
화면에 사각형 [50] [50] [130] [60] 그리기

화면에 원을 그리세요

화면에 원 그리기 스택 블록은 현재 펜 너비, 펜 색상 및 채우기 색상을 사용하여 원을 그립니다.

원을 그리고 블록을 쌓으세요

화면에 원 [0] [0] [10] 그리기

매개변수	설명
엑스	원의 중심의 x 좌표는 0부터 479까지의 픽셀 값입니다.
와이	원의 중심의 y 좌표는 0부터 239까지의 픽셀 값입니다.
반지름	원의 반지름(픽셀 단위).

예

시작 시 화면에 중심이 (120, 120)이고 반지름이 40픽셀인 원을 그립니다.

시작 시
[Draw a circle on the screen.]
화면에 원 [120] [120] [40] 그리기

만지다

화면이 눌렸습니다

화면 눌림 불리언 블록은 Brain의 터치스크린이 현재 눌려 있는지 여부를 보고합니다.

• 참 – 화면이 눌리고 있습니다.

• 거짓 – 화면이 눌리지 않았습니다.

화면 눌림 불리언 블록

<화면 눌림?>

매개변수	설명
	이 블록에는 매개변수가 없습니다.

시작 시, 화면을 누르면 화면 색상이 변경됩니다.

시작 시
[Change the screen's color after it's pressed.]
<화면 눌림?>까지 기다리기
화면에서 채우기 색상을 [초록 v]로 설정
화면에 사각형 [0] [0] [479] [239] 그리기

화면을 누르면 첫 번째 메시지가 표시됩니다. 그런 다음 코드는 화면에서 손을 뗄 때까지 기다렸다가 화면을 다시 눌러야 두 번째 메시지를 표시합니다.

시작 시
[Display different messages after the screen is pressed.]
<화면 눌림?>까지 기다리기
화면에 [First message!] 출력 ▶
화면에서 커서를 다음 행으로 이동
[Lift finger to press the screen again.]
<<화면 눌림?> 아님>까지 기다리기
<화면 눌림?>까지 기다리기
화면에 [Second message!] 출력 ▶

화면 위치

화면 위치 리포터 블록은 마지막으로 화면을 눌렀을 때 선택된 좌표를 보고합니다. x 좌표는 0(왼쪽)부터 479(오른쪽)까지, y 좌표는 0(위쪽)부터 239(아래쪽)까지입니다.

화면 위치 리포터 블록

(화면 [x v] 위치)

매개변수	설명
중심선	마지막으로 화면을 누른 위치의 좌표를 보고합니다. x - 가로 위치 또는 y - 세로 위치

브레인 화면을 누르면 누른 위치에 원이 그려집니다.

시작 시
[Display a circle where the screen is pressed.]
<화면 눌림?>까지 기다리기
화면에서 채우기 색상을 [흰색 v]로 설정
화면에 원 (화면 [x v] 위치) (화면 [y v] 위치) [20] 그리기

화면이

when screen 햇 블록은 브레인 스크린을 누르거나 놓으면 연결된 블록 스택을 실행합니다.

화면 햇 블록

Brain 화면 [눌림 v] 시 :: hat events

매개변수	설명
상태	첨부된 블록 스택을 실행할 시점: pressed는 화면을 눌렀을 때 실행되고, released는 화면에서 손을 떼었을 때 실행됩니다.

브레인 화면을 누르면 누른 위치에 원이 그려집니다.

Brain 화면 [눌림 v] 시 :: hat events
[Color the screen with polka dots by pressing it repeatedly.]
화면에서 채우기 색상을 [빨강 v]로 설정
화면에 원 (화면 [x v] 위치) (화면 [y v] 위치) [20] 그리기