自动化插件生成系统¶
这是Scratch3 的插件生成器webapp, 基于Create React App开发,请访问https://kittenbot.github.io/scratch3-extension/使用.
image
随着scratch3越来越完善,我们发现很多用户都想自己实现自己的插件。但是编写scratch3的插件并不是一件简单的事情,这需要比较扎实的JavaScript开发能力.
而对于专业的JavaScript程序员来说,写scratch3插件又很浪费时间。这个webapp的目的就是可以让你在10分钟内完成自己的scratch3插件框架代码。希望大家喜欢~
使用方法¶
Step4¶
之后我们来新建一个积木块,点击添加函数方块
. 之后在弹出的模态框中点击添加文字变量
,并修改变量的名字为WORD
. 注意变量的名字需要为英文字母,并且不能包含特殊字符串, 并推荐全部大写.
最后我们还要更改我们的积木块ID, 积木块ID需要在当前插件中全局唯一. 这里我们将插件ID命名为sayhello
.
- 注意插件ID同样需要为英文字母,并且不能包含特殊字符串
image
Step6¶
最后点击右下角的export index.js
导出插件源代码.
对于标准的scratch3请将index.js加载到scratch-vm的extension中就行了.
以下步骤只对Kittenblock有效, 大家可以前往https://www.kittenbot.cn/software/下载最新的Kittenblock.
Step8¶
在该文件夹下面建立一个名为extension.json
的文件,里面放入如下的内容:
{
"name": "Say Hello",
"type": "scratch3",
"image": "logo.png"
}
之后找一张你喜欢的图片作为插件的主图片,命名为logo.png
,并放入该文件夹下. 最后我们的sayhello
文件夹下有如下三个文件.
image
Step9¶
打开Kittenblock,并在左下角选择加载外部插件,可以找到我们刚刚加入的插件。
image
最终效果
image
大家只需要在index.js
中更改对应的积木执行代码就能实现具体积木的功能了。