รูปร่างของบล็อกจะกำหนดโดยตัวแสดงผลตามคำจำกัดความของบล็อก (ซึ่งก็คือช่องและการเชื่อมต่อของบล็อก)
โหมดแสดงภาพในตัว
Blockly มีโปรแกรมแสดงภาพในตัว 3 แบบ แต่ละแบบให้ความรู้สึกที่ต่างกันเล็กน้อยกับโปรแกรม
| โหมดแสดงภาพ | คำอธิบาย | รูปภาพ |
|---|---|---|
| แทรซอส | โหมดแสดงภาพที่แนะนำ วิธีนี้ใช้การแสดงภาพของเจอราที่ทันสมัยกว่า โดยมีระยะห่างที่เท่าๆ กันและขอบทึบ | 
|
| เกราส | ตัวแสดงผลเริ่มต้น ซึ่งเป็นตัวแสดงผลดั้งเดิมที่ Blockly สร้างขึ้น | 
|
| เซลอส | โหมดแสดงภาพที่อิงตามการออกแบบบล็อก Scratch-3.0 |  |
หากต้องการใช้ตัวแสดงผลแบบใดแบบหนึ่งต่อไปนี้ ให้ส่งชื่อไปยังตัวเลือกการแทรก
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
โหมดแสดงภาพที่กำหนดเอง
หากต้องการให้โปรแกรมมีรูปลักษณ์และความรู้สึกที่แตกต่างจากโหมดแสดงภาพในตัว คุณสามารถสร้างตัวแสดงผลที่กำหนดเองได้ด้วย วิธีเริ่มต้นใช้งาน ที่ทีม Blockly แนะนำให้คุณมีดังนี้
- อ่านเอกสารแนวคิดการแสดงผลเพื่อดูว่าองค์ประกอบทั้งหมดของโหมดแสดงภาพทำงานร่วมกันอย่างไร
- ทำตาม Codelab โหมดการแสดงผลที่กำหนดเองเพื่อรับการฝึกฝนปฏิบัติจริงกับการแสดงผลที่กำหนดเอง
- เพิ่มตัวแสดงผลการแก้ไขข้อบกพร่องลงในโปรเจ็กต์
- ปรับแต่งโหมดแสดงภาพ