在上一篇文章（《在好学好教系统教研模块中进行Scratch课程备课》）中，我们讲解了如何通过好学好教的教研模块，方便地在编辑器中自动根据输入的Scratch代码生成Scratch积木图片。本节将更进一步介绍如何直接从Scratch项目直接生成Scratch积木图片。
应用场景
在上一篇文章中，我们可以通过在编辑器中输入Scratch操作代码的方式来自动生成Scratch积木图片。如果我们想用某个现成的Scratch项目中的代码，在上一篇文章介绍的编辑器中，我们只能照着Scratch项目中的程序，在编辑器中一个个输入Scratch代码来生成积木图片，如果程序稍微大一些，代码多一些，这就非常不方便了。为了解决这个问题，我们开发了从Scratch代码中一键抽取Scratch程序并生成Scratch积木图片的功能，其效果如下图所示。
使用方法
使用的方法非常简单，在我们的工具中，将包含Scratch项目ID的Scratch项目地址拷贝到输入框中，点击“抽取”，即可直接从项目中提取出中-英双语的代码，并自动根据代码生成积木图片。你可以直接右键将图片保存下来备用，也可将对应的代码拷贝到我们的Markdown编辑器中使用，非常方便。
下面的图片就是直接从这个小工具中生成的Scratch系列图片中拷贝出来的其中一部分代码对应的图片（PNG格式）：
当然，我们也可以将代码拷贝出来，在编辑器中生成，比如下面这个图片（SVG）就是拷贝代码到编辑器中生成的：
点击绿旗时 //这个图片是通过代码生成的，包括这行注释
将大小设为 (100)
显示
抬笔
全部擦除
将笔的粗细设为 (15)
将笔的颜色设为 [#ffba43]
移到 x: (0) y: (50)
5 :: custom
等待 (1) 秒
全部擦除
移到 x: (-50) y: (50)
4 :: custom
等待 (1) 秒
全部擦除
移到 x: (-50) y: (50)
3 :: custom
等待 (1) 秒
全部擦除
移到 x: (-50) y: (50)
2 :: custom
等待 (1) 秒
全部擦除
移到 x: (0) y: (50)
1 :: custom
等待 (1) 秒
全部擦除
移到 x: (0) y: (50)
将笔的粗细设为 (20)
将笔的颜色设为 [#d27015]
GO :: custom
移到 x: (77) y: (88)
将大小设为 (200)
题图来自Unsplash