Survei Riset: Ceritakan pengalaman Anda dengan Blockly
Mulai survei
Perender
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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 |
Image |
| Thrasos
|
Perender yang direkomendasikan. Ini adalah interpretasi
yang lebih modern pada perender geras, dengan spasi
yang lebih merata dan batas yang solid. |
|
| Geras
|
Perender default. Ini adalah perender
asli yang digunakan untuk mem-build 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
renderer bawaan, Anda juga dapat membuat renderer kustom. Untuk memulai,
tim Blockly merekomendasikan agar Anda:
- Baca dokumen konsep perender untuk mempelajari
cara semua komponen perender cocok bersama.
- Selesaikan codelab perender kustom untuk
mendapatkan praktik langsung dengan rendering kustom.
- Tambahkan perender debug ke project Anda.
- Sesuaikan perender Anda.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-06-13 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-06-13 UTC."],[[["Block shape is determined by a renderer based on the block's definition, including fields and connections."],["Blockly offers three built-in renderers: Thrasos (recommended), Geras (default), and Zelos (Scratch-3.0 based)."],["Custom renderers can be created for unique program aesthetics by following documentation and tutorials."]]],[]]
