TurtleBot3-Blockly入门教程-创建新block

TurtleBot3-Blockly入门教程-创建新block

说明：

• 介绍如何创建新的block来实现相应功能

步骤：

• 代码更改或开发通常发生在blockly_ws/src/文件夹中。
• 创建新的block涉及如下四个文件：

- turtlebot3_blockly/frontend/blockly/generators/python/scripts/turtlebot3/example.py
- turtlebot3_blockly/frontend/blockly/generators/python/customName.js
- turtlebot3_blockly/frontend/blockly/blocks/customName.js
- turtlebot3_blockly/frontend/pages/blockly.html

• 带.js扩展名的文件名必须相同。

查看blockly目录：

$ cd turtlebot3_blockly/frontend/blockly/

• blockly是我们在软件安装过程中克隆的子模块之一
• 目录blocks/和generators/包含我们必须编辑的几个文件。
• 您在Blockly Web界面上看到的每个blocks都有自己的提供该块功能的python脚本。

查看Python脚本：

• 进入 generators/python/scripts/turtlebot3/ 目录

$ cd generators/python/scripts/turtlebot3/

• 这个目录包含了不少的python脚本，比如Move Forward
• Move Forward是一个自定义块，可以以三种速度模式之一向前移动TurtleBot3–慢速，正常和快速。
• 下面显示的名为move_forward.py的python脚本是该块的后端代码。

import rospy, sys
import time
from geometry_msgs.msg import Twist

pub = rospy.Publisher('cmd_vel', Twist, queue_size=10)
#rospy.init_node('circle_mode', anonymous=True)
rate = rospy.Rate(10) # 10Hz
twist = Twist()
start = time.time()
flag=True #time flag
# Angular velocity = linear velocity / radius
speed=dropdown_speed # SLOW, NORMAL, FAST
twist.linear.z = 0.00

# CLOCKWISE rotation
if speed =='SLOW':
    twist.linear.y = 0.05
    twist.linear.x = 0.05
elif speed =='NORMAL':
    twist.linear.y = 0.25
    twist.linear.x = 0.25
elif speed == 'FAST':
    twist.linear.y = 0.75
    twist.linear.x = 0.75
while not rospy.is_shutdown() and flag:
    sample_time=time.time()
    if ((sample_time - start) > 3):
      flag=False
    pub.publish(twist)
twist = Twist()
pub.publish(twist)
rate.sleep()

查看javascript脚本：

• Blockly网页界面需要一个JavaScript文件，可以链接我们自定义块的python脚本并描述该块的字段。
• 例如，SLOW，NORMAL和FAST是块的一个字段。
• 查看脚本：

$ vim ~/turtlebot3_blockly/frontend/blockly/generators/python/dabit-turtlebot3.js

• 一旦dabit-turtlebot3.js文件打开，查找写入链接move_forward块的特定代码段。
• 它应该看起来类似于下面的这张图片。

• 除了之前的dabit-turtlebot3.js文件之外，在blocks/目录中还有一个同名的文件dabit-turtlebot3.js。
• 在这里，我们描述块的外观和感觉以及其他一些功能
• 例如，块是否连接到任何先前或未来的块。

$ vim ~/turtlebot3_blockly/frontend/blockly/blocks/dabit-turtlebot3.js

• 如图：

查看HTML文件：

• 更新blockly.html文件以反映Blockly网络界面中我们自定义块的更改。
• <category>标签包含块详细信息，下面是一个显示其内容的图像。
• 如图：

• 现在您已经知道要编辑哪些文件了