Scratch Design Convertion

[Maciej Kociela]

Hey,

I build an application based on Blockly Library and now I would like to change block design.

Scratch Blockly did it really nice in their library.

https://github.com/LLK/scratch-blocks

Do you think there is a simple way to make the transition between Blockly to Scratch Blockly without creating everything from the beginning? 

Scratch Blockly Design:

Thank you for your help,

Maciek

[Maciej Kociela]

Thanks to Beka comment:

https://groups.google.com/g/blockly/c/Ofz2pZYRjQQ/m/zlNJnm3jAwAJ

I found PXT Blockly and it's great:

https://github.com/microsoft/pxt-blockly

But I found there also information that Blockly Team is working on the "Scratch-like design" plugin. Is there anyone who knows some insides about that?

Thanks,

Maciek

[Maciej Kociela]

After a quick research, I find out that PXT is not the best choice because you lose the functionality of Blockly plugins.

BUT

This resources are great!

https://blocklycodelabs.dev/

They teach you how to create a "custom render" where you can add your own styling. I will investigate it more and inform future "Blocklers" what I achieved with it :D

[Maciej Kociela]

If you would like to make Blockly design more like scratch you just need to add renderer 'zelos' :)

Blockly.inject('blocklyDiv', {

   'renderer': 'zelos'
});