详解scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法
作者:取个昵称就那么难 时间:2023-10-18 06:02:09
scratch-blocks是scratch-gui依赖的一个基本模块。它的作用是生成gui界面上的blocks。(有关scratch-blocks的方法可以看我上一篇博客《scratch3.0二次开发之scratch-blocks的免编译修改方法》)。blocks的作用是通过拖曳的方法组成blocks堆块,点击greenflag控件,舞台区(stage)会有相应的变化。
scratch-gui的blocks的生成文件在scratch-blocks\blocks_vertical里。
blocks几种形状
blocks块的形状有以下几种:
块 | 形状名称 |
---|---|
![]() | shape_statement |
![]() | shape_hat |
![]() | shape_end |
![]() | shape_statement |
![]() | output_boolean |
![]() | output_number |
![]() | output_string |
一个blocks块的定义
比如一个右转多少度的块
定义块的代码:
Blockly.Blocks['motion_turnright'] = {
/**
* Block to turn right.
* @this Blockly.Block
*/
init: function() {
this.jsonInit({
"message0": “右转 %1 %2 度”,
"args0": [
{
"type": "field_image",
"src": Blockly.mainWorkspace.options.pathToMedia + "rotate-right.svg",
"width": 24,
"height": 24
},
{
"type": "input_value",
"name": "DEGREES"
}
],
"category": Blockly.Categories.motion,//块归属的类,这里是运动类。
"extensions": ["colours_motion", "shape_statement"]
});
}
};
“message0“:表示块里显示的字符串,%1,%2表示块里的字段field,块里有1个field是%1,有两个field是按先后顺序设为%1,%2,以此类推,
”args0”:里面的数组元素对应上面设置的field,args0[0]对应%1,args0[1]对应%2,…。每个元素对象表示设置了的field的类型。
“extensions”:"colours_motion"设置块的颜色,"shape_statement"设置了块的形状;
blocks块的使用
定义好的block块,使用的时候要把加到xml文件里,文件地址:scratch-gui\src\lib\make-toolbox-xml.js,找到对应的类,这里是motion.
<block type="motion_turnright">
<value name="DEGREES">
<shadow type="math_number">
<field name="NUM">15</field>
</shadow>
</value>
</block>
motion_turnright 这是刚定义好的块。value 标签中的name,表示变量名,在scratch-vm里面会用到,shadow标签这段表示预先设置的值,也是预先设置的块。去掉value这段代码
<block type="motion_turnright"> </block>
它显示成这样:
scratch-blocks的编译
scratch-blocks修改后的文件,只有编译压缩后才能生效。但是按照官方的方法,windows下很难编译成功。如果是定义blocks块,可以参考上篇博客里介绍的方法《scratch3.0二次开发之scratch-blocks的免编译修改方法》
补充
下面看下scratch3.0二次开发之blocks生成代码思路
总的思路:
引入一个生成代码的文件,比如要生成arduino代码,就要引入生成arduino代码的文件,要生成python代码,就要引入python文件。
如果scratch-block中没有自己要的blocks块,就定义一个blocks块用来生成代码。(生成的方法可以看我之前的文章《[scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法])》
给每个blocks定义要生成的代码。
把生成代码的代码blocks块加入make-toolbox-xml 中。
在gui中设置一个代码编辑区,用来显示生成的代码。
来源:https://blog.csdn.net/jyht1226/article/details/102764411
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python+OpenCV实现阈值分割的方法详解
![](https://img.aspxhome.com/file/2023/0/77910_0s.jpg)
运用PyTorch动手搭建一个共享单车预测器
![](https://img.aspxhome.com/file/2023/0/95300_0s.png)
Python中文分词库jieba(结巴分词)详细使用介绍
![](https://img.aspxhome.com/file/2023/5/78615_0s.png)
Python还能这么玩之用Python修改了班花的开机密码
![](https://img.aspxhome.com/file/2023/8/93808_0s.png)
一文教你如何用Python轻轻松松操作Excel,Word,CSV
![](https://img.aspxhome.com/file/2023/9/107109_0s.png)
如何基于Python深度图生成3D点云详解
![](https://img.aspxhome.com/file/2023/5/96915_0s.png)
ASP JSON类源码
php swoft框架实例用法
Spring Boot中使用Spring-data-jpa实现数据库增删查改
Python中常用的内置方法
![](https://img.aspxhome.com/file/2023/2/128502_0s.png)
详解Python对某地区二手房房价数据分析
![](https://img.aspxhome.com/file/2023/6/118766_0s.jpg)
python3利用venv配置虚拟环境及过程中的小问题小结
![](https://img.aspxhome.com/file/2023/2/90322_0s.png)
Oracle数据库url连接最后一个orcl代表的是配置的数据库SID
python从PDF中提取数据的示例
![](https://img.aspxhome.com/file/2023/2/99462_0s.png)
python密码学简单替代密码解密及测试教程
![](https://img.aspxhome.com/file/2023/2/62852_0s.jpg)
PHP高级编程实例:编写守护进程
Python 实现淘宝秒杀的示例代码
python数据类型之间怎么转换技巧分享
![](https://img.aspxhome.com/file/2023/0/65040_0s.png)
golang结构体与json格式串实例代码
![](https://img.aspxhome.com/file/2023/2/134042_0s.png)