How to highlight a block in a yellow bubble

[Abhigya jain]

Hi,

I want to highlight a block in a yellow bubble when i run my blocks.

I am using workspace.highlight(id) method provided by blockly. It lightens the color of the currently executing block. I would ideally want a yellow bubble to appear around the block as it highlights.

Can somebody please help me with it.

Thanks 

Abhigya

[Neil Fraser]

The highlighting is set in this function:
core/block_svg.js
Blockly.BlockSvg.prototype.setHighlighted

Because I was in a rush when programming it, at the moment it is just reusing the 'emboss' filter that's also used for bubbles.  It would be great to create a separate filter that looks better.  There's a bug open for this:
https://github.com/google/blockly/issues/750

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Neil Fraser
https://neil.fraser.name

[Nimeshka Srimal]

Hi Abighya,

Highlight function is in the block_svg.js. You can call the same function they call when you click on a block (it highlights the block with a yellow button when you select the block)

If that's what you want, you can change the Blockly.BlockSvg.prototype.setHighlighted function in block_svg.js. Just replace it with below;

Blockly.BlockSvg.prototype.setHighlighted = function(highlighted) {

if (!this.rendered) {

return;

}

if (highlighted) {

this.addSelect();

/*

this.svgPath_.setAttribute('filter',

'url(#' + this.workspace.options.embossFilterId + ')');

this.svgPathLight_.style.display = 'none';

*/

} else {

this.removeSelect();

/*

Blockly.utils.removeAttribute(this.svgPath_, 'filter');

delete this.svgPathLight_.style.display;

*/

}

};

If you want to keep the yellow bubble and emboss both, uncomment the lines inside the above function :)

[Neil Fraser]

Note that the above solution makes it impossible to edit programs while the program is running since random blocks are being selected and unselected.

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Nimeshka Srimal]

this.addSelect(); is only adding a css class to the block, isn't it? Does it have any effect on the running program?

I think it's this.select(); that really selects the block?

To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Neil Fraser]

You're right.  My mistake.

To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Livio Cicala]

For me the:  this.addSelect()   

works ok and the hilighted bloks are selected.

But uncommenting the emboss filter lines all breaks, 

no selection, no filter, and the running is stopped too.