Layar#

Perkenalan #

Blok Layar mengontrol layar sentuh V5 Brain, memungkinkan robot Anda untuk menampilkan teks, angka, dan grafik, serta merespons input sentuhan.

Secara default, font untuk pencetakan ke Brain adalah monospaced small yang memiliki 12 baris dan 48 kolom.

Untuk menggambar, resolusi Brain adalah 480 x 240 piksel.

Layar V5 Brain dengan garis kisi merah menunjukkan tata letak 12 baris dan 48 kolom secara total. Dimensi pikselnya adalah 479 lebar dan 239 tinggi. Sudut kiri atas dimulai pada piksel (0,0) dan baris 1, kolom 1, sedangkan sudut kanan bawah berakhir pada piksel (479, 239) dan baris 12, kolom 48.

Berikut adalah daftar blok yang tersedia:

Cetak Kursor – Menampilkan teks dan mengelola kursor cetak.

cetak di layar – Mencetak teks, angka, atau nilai variabel di layar Brain.
atur kursor ke baris kolom di layar – Memindahkan kursor ke baris dan kolom tertentu.
atur kursor ke baris berikutnya di layar – Memindahkan kursor ke kolom 1 pada baris berikutnya.
hapus baris di layar – Menghapus baris teks yang ditentukan.
kolom kursor layar – Melaporkan nomor kolom tempat teks akan dicetak.
baris kursor layar – Melaporkan nomor baris tempat teks akan dicetak.

Pengaturan – Ubah tampilan teks dan grafik.

bersihkan layar – Menghapus semua teks dan gambar dari layar.
atur font pada layar – Mengubah jenis dan ukuran font untuk tampilan teks.
atur presisi cetak di layar – Mengatur berapa banyak tempat desimal yang akan ditampilkan saat mencetak angka.
atur lebar pena di layar – Mengatur ketebalan garis yang digambar dan garis luar bentuk.
atur warna pena / font di layar – Mengatur warna teks, piksel, garis, dan garis luar bentuk.
atur warna isi pada layar – Mengatur warna isi untuk bentuk yang digambar.

Menggambar – Buat bentuk, garis, dan grafik di layar Brain.

gambar piksel di layar – Menggambar satu piksel pada koordinat.
gambar garis di layar – Menggambar garis antara dua titik.
gambar persegi panjang di layar – Menggambar persegi panjang menggunakan dua titik sudut.
gambar lingkaran di layar – Menggambar lingkaran dengan pusat dan jari-jari yang ditentukan.

Sentuhan – Mendeteksi input sentuhan pada layar Otak.

layar ditekan – Melaporkan apakah layar sedang disentuh.
posisi layar – Melaporkan koordinat x atau y yang dipilih dari penekanan layar terakhir.
when screen – Menjalankan blok yang terlampir saat layar ditekan atau dilepaskan.

Cetak Kursor #

cetak di layar #

Blok tumpukan cetak di layar mencetak teks, angka, atau nilai variabel pada layar Brain di posisi kursor dan font saat ini.

Tampilkan teks di layar Otak#

saat dimulai
cetak [VEXcode] di layar ▶

Parameter	Keterangan
nilai	Teks, angka, atau nilai variabel yang akan ditampilkan di layar.
dan pindahkan kursor ke baris berikutnya	Pilih tanda panah ( ▶ ) untuk memperluas blok menjadi dan atur kursor ke baris berikutnya, sehingga kursor berpindah ke kolom 1 baris berikutnya setelah dicetak.

Contoh

Saat dijalankan, akan menampilkan pesan ‘Halo, Robot!’ pada posisi kursor awal di layar.#

saat dimulai
[Display a message at the starting cursor position.]
cetak [Hello, Robot!] di layar ▶

Tangkapan layar V5 Brain yang menunjukkan tulisan "Hello, Robot!" tercetak di layar di pojok kiri atas dengan teks putih.

Arahkan kursor ke baris kolom di layar.#

Blok tumpukan atur kursor ke baris kolom di layar memindahkan kursor ke baris dan kolom tertentu di layar Brain. Blok cetak di layar berikutnya akan mulai mencetak di lokasi tersebut. Berapa banyak baris dan kolom yang dapat ditampilkan dengan nyaman bergantung pada font yang dipilih. Dengan font monospasi sedang default, hingga 8 baris dan 13 kolom dapat ditampilkan dengan jelas. Teks yang ditempatkan di luar rentang ini mungkin terpotong atau menjadi sulit dibaca.

Font monospasi memiliki karakter yang semuanya memiliki lebar yang sama, sehingga penempatan teks konsisten. Sebaliknya, font proporsional bervariasi dalam lebar karakter, sehingga beberapa huruf membutuhkan lebih banyak ruang daripada yang lain. Namun, terlepas dari jenis mana yang digunakan, blok tumpukan atur kursor ke baris kolom di layar memposisikan kursor berdasarkan ukuran baris dan kolom, bukan gaya font. Ukuran font dapat disesuaikan menggunakan blok tumpukan atur font di layar.

Atur blok tumpukan kursor#

atur kursor ke baris [1] kolom [1] di layar

Parameter	Keterangan
baris	Baris tempat kursor akan dipindahkan.
kolom	Kolom tempat kursor akan dipindahkan.

Contoh

Saat dijalankan, program ini akan memindahkan kursor ke baris 3, kolom 2 di layar dan mencetak ‘Baris 3, Kolom 2’.#

saat dimulai
[Display text starting at Row 3 Column 12.]
atur kursor ke baris [3] kolom [12] di layar
cetak [Row 3, Column 12] di layar ▶

Tangkapan layar V5 Brain yang menunjukkan Baris 3 Kolom 12 tercetak di bagian atas dekat tengah layar, pada posisi tersebut.

Pindahkan kursor ke baris berikutnya di layar.#

Blok tumpukan atur kursor ke baris berikutnya di layar memindahkan kursor ke kolom 1 pada baris berikutnya di layar Brain.

atur kursor ke blok tumpukan baris berikutnya#

atur kursor ke baris berikutnya di layar

Parameter	Keterangan
	Blok ini tidak memiliki parameter.

Contoh

Saat dijalankan, program akan mencetak ‘Baris 1’ di layar, memindahkan kursor ke baris berikutnya, lalu mencetak ‘Baris 2’.#

saat dimulai
[Display two lines of text.]
cetak [Line 1] di layar ▶
atur kursor ke baris berikutnya di layar
cetak [Line 2] di layar ▶

Tangkapan layar dari layar V5 Brain yang menunjukkan dua baris teks putih di sudut kiri atas. Baris atas bertuliskan Baris 1, dan baris kedua tepat di bawahnya bertuliskan Baris 2.

hapus baris di layar #

Blok tumpukan bersihkan baris di layar membersihkan satu baris teks di layar Brain.

Blok tumpukan baris bersih#

bersihkan baris [1] di layar

Parameter	Keterangan
baris	Nomor baris yang akan dihapus.

Contoh

Saat dijalankan, teks akan dicetak dalam dua baris. Baris pertama akan tetap ada, sedangkan baris kedua akan menghilang setelah 3 detik.#

saat dimulai
[Only keep the text on row 1.]
cetak [This text stays] di layar ▶
atur kursor ke baris berikutnya di layar
cetak [This text disappears] di layar ▶
tunggu [3] detik
bersihkan baris [2] di layar

kolom kursor layar #

Blok pelapor kolom kursor layar melaporkan nomor kolom tempat teks akan dicetak sebagai bilangan bulat.

kolom kursor layar blok pelapor#

(kolom kursor layar)

Parameter	Keterangan
	Blok ini tidak memiliki parameter.

Contoh

Saat dijalankan, program ini akan memindahkan kursor ke baris 3, kolom 2 di layar dan mencetak nomor kolom kursor saat ini.#

saat dimulai
[Display the cursor's current column.]
atur kursor ke baris [3] kolom [15] di layar
cetak (kolom kursor layar) di layar ▶

Tangkapan layar dari layar V5 Brain yang menunjukkan teks 15 berwarna putih di kuadran kiri atas layar, pada posisi baris 3 kolom 15.

baris kursor layar #

Blok pelapor baris kursor layar melaporkan nomor baris tempat teks akan dicetak sebagai bilangan bulat.

baris kursor layar blok pelapor#

(baris kursor layar)

Parameter	Keterangan
	Blok ini tidak memiliki parameter.

Contoh

Saat dijalankan, program ini akan memindahkan kursor ke baris 6, kolom 2 di layar dan mencetak nomor baris kursor saat ini.#

saat dimulai
[Display the cursor's current row.]
atur kursor ke baris [3] kolom [2] di layar
cetak (baris kursor layar) di layar ▶

Tangkapan layar dari layar V5 Brain yang menunjukkan teks 3 berwarna putih di kuadran kiri atas layar, pada posisi baris 3 kolom 2.

Pengaturan #

layar bersih #

Blok tumpukan bersihkan layar menghapus semua gambar dan teks dari layar Otak.

bersihkan layar tumpukan blok#

bersihkan layar

Parameter	Keterangan
	Blok ini tidak memiliki parameter.

Contoh

Saat dijalankan, program ini menggambar lingkaran dengan pusat (120,120) dan jari-jari 40 piksel. Setelah 2 detik, layar akan dibersihkan.#

saat dimulai
[Draw a circle, and clear it after 2 seconds.]
gambar lingkaran [120] [120] [40] di layar
tunggu [2] detik
bersihkan layar

mengatur font pada layar #

Blok tumpukan atur font di layar mengatur font dan ukuran yang digunakan untuk menampilkan teks di layar Brain. Font ini akan berlaku untuk semua teks yang dicetak selanjutnya.

atur blok tumpukan font#

atur font ke [monospace v] [sedang v] di layar

Parameter	Keterangan
gaya	Gaya font: monospasi atau proporsional
ukuran	Ukuran font (contoh di bawah): ekstra kecil kecil sedang besar ekstra besar super besar Catatan: Ukuran ekstra kecil dan kecil tidak tersedia untuk font proporsional.

Parameter

Keterangan

gaya

Gaya font: monospasi atau proporsional

ukuran

Ukuran font (contoh di bawah):

ekstra kecil
kecil
sedang
besar
ekstra besar
super besar

Catatan: Ukuran ekstra kecil dan kecil tidak tersedia untuk font proporsional.

monospasi ekstra kecil	monospaced kecil	monospasi sedang
monospasi besar	monospasi ekstra besar	monospasi super besar
proporsional sedang	proporsional besar	proporsional ekstra besar
proporsional super besar

Contoh

Saat dijalankan, program ini mengatur font menjadi ‘monospaced extra large’ dan mencetak ‘VEX’ di layar.#

saat dimulai
[Display text using a larger font]
atur font ke [monospace v] [ekstra besar v] di layar
cetak [VEX] di layar ▶

Tangkapan layar dari layar V5 Brain yang menunjukkan teks "VEX" dengan ukuran font lebih besar dari ukuran default di pojok kiri atas.

Atur presisi pencetakan di layar.#

Blok tumpukan set print precision on screen mengatur berapa banyak tempat desimal yang akan ditampilkan saat mencetak angka di layar Brain. Presisi pencetakan ini akan berlaku untuk semua angka yang dicetak selanjutnya.

atur presisi cetak blok tumpukan#

atur presisi cetak ke [0.1 v] di layar

Parameter	Keterangan
presisi	Presisi cetak yang digunakan: 1 0.1 0.01 0.001 Semua Digit

Parameter

Keterangan

presisi

Presisi cetak yang digunakan:

1
0.1
0.01
0.001
Semua Digit

Contoh

Saat dijalankan, pengaturan presisi cetak menjadi dua angka desimal dan mencetak 1/3 sebagai 0,33 di layar.#

saat dimulai
[Print 1/3 as 0.33.]
atur presisi cetak ke [0.01 v] di layar
cetak ([1] [math_division v] [3]) di layar ▶

Tangkapan layar dari layar V5 Brain yang menunjukkan teks "0.33" di pojok kiri atas.

Atur lebar pena di layar.#

Blok tumpukan atur lebar pena di layar mengatur ketebalan garis yang digambar dan garis luar bentuk.

atur lebar pena tumpukan blok#

atur lebar pena ke [10] di layar

Parameter	Keterangan
lebar	Lebar pena, dalam piksel, dari 0 hingga 32.

Contoh

Saat dijalankan, lebar pena diatur menjadi 10 piksel dan menggambar persegi panjang dengan sudut kiri atas di (50,50), lebar 130 piksel, dan tinggi 60 piksel.#

saat dimulai
[Draw a rectangle with a pen width of 10.]
atur lebar pena ke [10] di layar
gambar persegi panjang [50] [50] [130] [60] di layar

Tangkapan layar dari layar V5 Brain yang menunjukkan persegi panjang dengan batas tebal tercetak di kuadran kiri atas layar.

mengatur warna pena/font di layar #

Blok tumpukan atur warna pena/font di layar mengatur warna teks, piksel, garis, dan garis luar bentuk.

atur pena / warna font blok tumpukan#

atur warna pena / font ke [merah v] di layar

Parameter	Keterangan
warna	Warna pena dan font yang digunakan: merah hijau biru hitam putih kuning oranye ungu sian transparan

Parameter

Keterangan

warna

Warna pena dan font yang digunakan:

merah
hijau
biru
hitam
putih
kuning
oranye
ungu
sian
transparan

Contoh

Saat dijalankan, warna pena diatur menjadi oranye dan menggambar persegi panjang dengan sudut kiri atas di (50, 50), lebar 130 piksel, dan tinggi 60 piksel.#

saat dimulai
[Draw a rectangle with orange borders.]
atur warna pena / font ke [oranye v] di layar
gambar persegi panjang [50] [50] [130] [60] di layar

Tangkapan layar dari layar V5 Brain yang menunjukkan persegi panjang yang digambar dengan warna oranye di kuadran kiri atas layar.

mengatur warna isian pada layar #

Blok tumpukan atur warna isi pada layar mengatur warna isi yang digunakan saat bentuk digambar.

atur warna isi tumpukan blok#

atur warna isian ke [merah v] di layar

Parameter	Keterangan
warna	Warna isian yang akan digunakan: merah hijau biru hitam putih kuning oranye ungu sian transparan

Parameter

Keterangan

warna

Warna isian yang akan digunakan:

merah
hijau
biru
hitam
putih
kuning
oranye
ungu
sian
transparan

Contoh

Saat dijalankan, warna isian diatur menjadi ungu dan menggambar sebuah persegi panjang. Persegi panjang tersebut berada di koordinat (50, 130) dengan lebar 100 piksel dan tinggi 60 piksel.#

saat dimulai
[Draw a purple rectangle.]
atur warna isian ke [ungu v] di layar
gambar persegi panjang [50] [130] [100] [60] di layar

Tangkapan layar dari layar V5 Brain yang menunjukkan persegi panjang berisi warna ungu di kuadran kiri bawah layar.

Menggambar #

menggambar piksel di layar #

Blok tumpukan gambar piksel di layar menggambar satu piksel pada koordinat x dan y yang dipilih menggunakan warna pena saat ini.

gambar blok tumpukan piksel#

gambar piksel [0] [0] di layar

Parameter	Keterangan
X	Koordinat x untuk menggambar piksel dari 0 hingga 479.
y	Koordinat y untuk menggambar piksel dari 0 hingga 239.

Contoh

Saat dijalankan, program ini menggambar empat piksel yang menandai sudut-sudut sebuah persegi kecil.#

saat dimulai
[Draw the pixels marking the corners of a square.]
gambar piksel [250] [100] di layar
gambar piksel [275] [100] di layar
gambar piksel [250] [125] di layar
gambar piksel [275] [125] di layar

menggambar garis di layar #

Blok tumpukan gambar garis di layar menggambar garis dari koordinat layar pertama (x1, y1) ke koordinat layar kedua (x2, y2) menggunakan lebar pena dan warna pena saat ini.

gambar garis tumpukan blok#

gambar garis [0] [0] [10] [10] di layar

Parameter	Keterangan
x1	Koordinat x dalam piksel dari awal garis dari 0 hingga 479.
tahun 1	Koordinat y dalam piksel dari awal garis dari 0 hingga 239.
x2	Koordinat x dalam piksel dari ujung garis dari 0 hingga 479.
tahun ke-2	Koordinat y dalam piksel dari ujung garis dari 0 hingga 239.

Contoh

Saat dijalankan, program ini akan menggambar garis diagonal dari pojok kiri atas (0, 0) ke pojok kanan bawah (479, 239) layar.#

saat dimulai
[Draw a line from the top left to bottom right of the screen.]
gambar garis [0] [0] [479] [239] di layar

Tangkapan layar dari layar V5 Brain menunjukkan garis diagonal tipis di tengah, dari sudut kiri atas ke sudut kanan bawah.

menggambar persegi panjang di layar #

Blok tumpukan gambar persegi panjang di layar menggambar persegi panjang menggunakan lebar pena, warna pena, dan warna isi saat ini.

gambar persegi panjang tumpukan balok#

gambar persegi panjang [0] [0] [10] [10] di layar

Parameter	Keterangan
X	Koordinat x dalam piksel dari sudut kiri atas persegi panjang, dari 0 hingga 479.
y	Koordinat y dalam piksel dari sudut kiri atas persegi panjang, dari 0 hingga 239.
lebar	Lebar persegi panjang dalam piksel.
tinggi	Tinggi persegi panjang dalam piksel.

Contoh

Saat dijalankan, program ini menggambar persegi panjang di layar dengan sudut kiri atas di (50,50), lebar 130 piksel, dan tinggi 60 piksel.#

saat dimulai
[Draw a rectangle on the screen.]
gambar persegi panjang [50] [50] [130] [60] di layar

Tangkapan layar dari layar V5 Brain menunjukkan persegi panjang dengan batas putih tipis yang tercetak di kuadran kiri atas.

menggambar lingkaran di layar #

Blok tumpukan gambar lingkaran di layar menggambar lingkaran menggunakan lebar pena, warna pena, dan warna isi saat ini.

gambar lingkaran tumpuk balok#

gambar lingkaran [0] [0] [10] di layar

Parameter	Keterangan
X	Koordinat x dalam piksel dari pusat lingkaran, dari 0 hingga 479.
y	Koordinat y dalam piksel dari pusat lingkaran, dari 0 hingga 239.
radius	Jari-jari lingkaran dalam piksel.

Contoh

Saat dijalankan, program ini akan menggambar lingkaran di layar dengan titik pusat di (120, 120) dan jari-jari 40 piksel.#

saat dimulai
[Draw a circle on the screen.]
gambar lingkaran [120] [120] [40] di layar

Tangkapan layar dari layar V5 Brain menunjukkan lingkaran dengan garis putih tipis yang digambar di tengahnya.

Menyentuh #

layar ditekan #

Blok Boolean layar ditekan melaporkan apakah layar sentuh Brain saat ini sedang ditekan.

Benar – Layar sedang ditekan.
Salah – Layar tidak ditekan.

blok Boolean yang ditekan layar#

<layar ditekan?>

Parameter	Keterangan
	Blok ini tidak memiliki parameter.

Saat diaktifkan, warna layar akan berubah setelah layar ditekan.#

saat dimulai
[Change the screen's color after it's pressed.]
tunggu sampai <layar ditekan?>
atur warna isian ke [hijau v] di layar
gambar persegi panjang [0] [0] [479] [239] di layar

Saat layar ditekan, pesan pertama akan ditampilkan. Kode kemudian menunggu hingga layar dilepaskan, dan hanya akan berlanjut setelah layar ditekan lagi untuk menampilkan pesan kedua.#

saat dimulai
[Display different messages after the screen is pressed.]
tunggu sampai <layar ditekan?>
cetak [First message!] di layar ▶
atur kursor ke baris berikutnya di layar
[Lift finger to press the screen again.]
tunggu sampai <bukan <layar ditekan?>>
tunggu sampai <layar ditekan?>
cetak [Second message!] di layar ▶

posisi layar #

Blok pelapor posisi layar melaporkan koordinat yang dipilih dari penekanan layar terakhir. Koordinat x berkisar dari 0 (kiri) hingga 479 (kanan). Koordinat y berkisar dari 0 (atas) hingga 239 (bawah).

blok reporter posisi layar#

(posisi [x v] layar)

Parameter	Keterangan
sumbu	Koordinat penekanan layar terakhir yang dilaporkan: x – Posisi horizontal atau y – Posisi vertikal

Saat layar Brain ditekan, akan menggambar lingkaran di lokasi penekanan tersebut.#

saat dimulai
[Display a circle where the screen is pressed.]
tunggu sampai <layar ditekan?>
atur warna isian ke [putih v] di layar
gambar lingkaran (posisi [x v] layar) (posisi [y v] layar) [20] di layar

saat layar #

Blok topi when screen menjalankan tumpukan blok yang terhubung ketika layar Otak ditekan atau dilepaskan.

saat layar topi blokir#

saat layar Brain [ditekan v] :: hat events

Parameter	Keterangan
negara	Kapan menjalankan tumpukan blok yang terlampir: ditekan berjalan saat layar ditekan, dan dilepaskan berjalan saat layar dilepaskan.

Saat layar Brain ditekan, akan menggambar lingkaran di lokasi penekanan tersebut.#

saat layar Brain [ditekan v] :: hat events
[Color the screen with polka dots by pressing it repeatedly.]
atur warna isian ke [merah v] di layar
gambar lingkaran (posisi [x v] layar) (posisi [y v] layar) [20] di layar