Bloques personalizados

Este documento está dirigido a desarrolladores que deseen crear bloques nuevos en Blockly. Se supone que uno tiene una copia local de Blockly que se puede editar, que uno suele estar familiarizado con el uso de Blockly y que uno tiene conocimientos básicos de JavaScript.

Blockly viene con una gran cantidad de bloques predefinidos. Todo, desde funciones matemáticas hasta estructuras que se repiten indefinidamente. Sin embargo, para interactuar con una aplicación externa, es necesario crear bloques personalizados para formar una API. Por ejemplo, al crear un programa de dibujo, es posible que necesites crear un bloque "dibujar círculo de radio R".

En la mayoría de los casos, el enfoque más fácil es solo encontrar un bloque realmente similar que ya existe, copiarlo y modificarlo según sea necesario. La siguiente documentación es para quienes necesitan más ayuda.

Define un bloque

El primer paso es crear un bloque y especificar su forma, sus campos y sus puntos de conexión. El uso de Blockly para desarrolladores es la forma más fácil de escribir este código.

→ Más información sobre Blockly Developer Tools...

Como alternativa, se puede escribir este código de forma manual después de estudiar la API.

→ Más información sobre cómo definir bloques...

Los bloques avanzados pueden cambiar de forma dinámica en respuesta al usuario o a otros factores.

→ Más información sobre Mutadores...

Generación de código

El segundo paso es crear el generador de código de bloque para exportar el bloque nuevo a un lenguaje de programación (como JavaScript, Python, PHP, Lua o Dart).

→ Más información sobre generadores de código de bloque...

Usa el nuevo bloqueo

Después de crear el bloque, no olvides agregarlo a tu caja de herramientas o usarlo en un lugar de trabajo.

→ Más información sobre cómo agregar componentes personalizados...