Blocs personnalisés

Ce document est destiné aux développeurs qui souhaitent créer des blocs dans Blockly. Nous partons du principe que vous possédez une copie locale de Blockly que vous pouvez modifier, que l'autre connaît généralement l'utilisation de Blockly et possède une compréhension de base de JavaScript.

Blockly est fourni avec un grand nombre de blocs prédéfinis. Tout, des fonctions mathématiques aux structures en boucles. Toutefois, pour communiquer avec une application externe, vous devez créer des blocs personnalisés pour former une API. Par exemple, lors de la création d'un programme de dessin, vous devrez peut-être créer un bloc "dessiner un cercle de rayon R".

Dans la plupart des cas, l'approche la plus simple consiste à rechercher un bloc très similaire qui existe déjà, à le copier et à le modifier si nécessaire. La documentation suivante s'adresse aux personnes qui ont besoin d'aide.

Définir un bloc

La première étape consiste à créer un bloc, en spécifiant sa forme, ses champs et ses points de connexion. L'utilisation des outils pour les développeurs Blockly est le moyen le plus simple d'écrire ce code.

→ Plus d'informations sur les Blockly Developer Tools...

Il est également possible d'écrire ce code manuellement après avoir étudié l'API.

→ En savoir plus sur la définition de blocs

Les blocs avancés peuvent modifier leur forme de manière dynamique en fonction de l'utilisateur ou d'autres facteurs.

→ Plus d'infos sur Mutators

Génération de code

La deuxième étape consiste à créer le générateur de code de bloc pour exporter le nouveau bloc vers un langage de programmation (tel que JavaScript, Python, PHP, Lua ou Dart).

→ Plus d'informations sur les générateurs de code de bloc

Utiliser le nouveau bloc

Après avoir créé votre bloc, n'oubliez pas de l'ajouter à votre boîte à outils ou de l'utiliser dans un espace de travail.

→ En savoir plus sur l'ajout de composants personnalisés