Cómo usar íconos personalizados

Para usar un ícono personalizado, llama a addIcon o getIcon en un bloque.

Agregar un ícono

Para agregar un ícono personalizado a un bloque, pásalo al constructor del ícono y llama a addIcon en el bloque. Por ejemplo, es posible que quieras hacerlo cuando inicialices el bloque o en respuesta a un evento.

JSON

// Use an extension to add a custom icon during initialization.
Blockly.Extensions.register("addMyIcon", function () {
  this.addIcon(new MyIcon(this));
})

Blockly.common.defineBlocksWithJsonArray([
  {
    type: "my_block",
    // ...
    extensions: ["addMyIcon"],
  },
])

JavaScript

// Add a custom icon during initialization.
Blockly.Blocks['my_block'] = {
  init: function() {
    //...
    this.addIcon(new MyIcon(this));
  },
}

Cómo obtener un ícono

Para obtener un ícono personalizado de un bloque, llama a getIcon y pasa la cadena de tipo del ícono.

const myIcon = myBlock.getIcon('my_icon');