La forme d'un bloc est déterminée par un moteur de rendu, en fonction de la définition du bloc (c'est-à-dire ses champs et ses connexions).
Renders intégrés
Blockly fournit trois renderers intégrés, chacun donnant une apparence légèrement différente au programme.
| Moteur de rendu | Description | Image |
|---|---|---|
| Thrasos | Le moteur de rendu recommandé. Il s'agit d'une version plus moderne du moteur de rendu Geras, avec un espacement plus uniforme et des bordures solides. |  |
| Geras | Rendu par défaut. Il s'agit du moteur de rendu d'origine avec lequel Blockly a été conçu. |  |
| Zelos | Un moteur de rendu basé sur la conception des blocs Scratch 3.0. |  |
Pour utiliser l'un de ces moteurs de rendu, transmettez le nom dans les options de configuration :
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Rendu personnalisé
Si vous souhaitez donner à votre programme un aspect différent de celui des renderers intégrés, vous pouvez également créer un renderer personnalisé. Pour commencer, l'équipe Blockly vous recommande de :
- Consultez la documentation sur le concept de rendu pour découvrir comment tous les composants d'un moteur de rendu s'assemblent.
- Suivez l'atelier de programmation sur le moteur de rendu personnalisé pour vous entraîner à utiliser le rendu personnalisé.
- Ajoutez le rendu de débogage à votre projet.
- Personnalisez votre moteur de rendu.