blockly二次开发（一）自定义模块

blockly自定义模块

一、创建快

非压缩模式

由于blockly压缩模式需要编译，没有梯子只要使用非压缩模式

 

1.定义块（存放位置在..blockly/blocks）

定义类型名Blockly.Blocks['vision_imread'] = {}；

2.代码生成器（存放位置在..blockly/generators）

Blockly.JavaScript['vision_imread'] = function(block) {}；

以上两步可以使用谷歌块开发工具生成

https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools

3.添加工具栏类

（我使用的是ardublockly，所以工具栏跟blockly略有不同）

在ardublockly目录下更改ardublockly_toolbox.js文件，添加category项

添加类型名vision_imread（在块和代码生成器中定义的类型）

4.添加主页script

更改ardublockly目录index.html文件

添加

vision.js为我添加的模块

将去掉或是改到注释里面。

vision块就可以正确显示在工具栏里面了