Bentuk blok ditentukan oleh perender, berdasarkan definisi blok (yaitu, kolom dan koneksinya).
Perender bawaan
Blockly menyediakan tiga perender bawaan, yang masing-masing memberikan nuansa yang sedikit berbeda pada program.
| Perender | Deskripsi | Gambar |
|---|---|---|
| Thrasos | Perender yang direkomendasikan. Ini adalah tampilan yang lebih modern pada perender geras, dengan jarak yang lebih merata dan batas yang solid. |  |
| Geras | Perender default. Renderer ini adalah renderer asli yang digunakan untuk membangun Blockly. |  |
| Zelos | Perender berdasarkan desain blok Scratch 3.0. |  |
Untuk menggunakan salah satu perender ini, teruskan nama ke opsi konfigurasi:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Perender kustom
Jika ingin memberikan tampilan dan nuansa yang berbeda pada program Anda dibandingkan dengan perender bawaan, Anda juga dapat membuat perender kustom. Untuk memulai, tim Blockly merekomendasikan agar Anda:
- Baca dokumen konsep perender untuk mempelajari cara semua komponen perender berinteraksi.
- Selesaikan codelab perender kustom untuk mendapatkan praktik langsung dengan rendering kustom.
- Tambahkan debug renderer ke project Anda.
- Sesuaikan perender Anda.