scratch3.0如何新增扩展插件
大家都知道默认的scratch的代码有以下几种
那么除了这些呢,我们还可以看到scratch3.0提供了我们更多的扩展插件,包括2.0经常在用的画笔都在这里,我们点击
大家可以看到我们第三个码码乐功能就是给大家示范的案例哦。
那么接下来进入开发步骤:
开发解析:
第一步,制作扩展函数入口和接口函数
第二步,在扩展管理中心里登记
第三步,制作扩展功能的相关图片
第四步,在页面上新增扩展的显示
接下来一步步带领大家做:
第一步,制作扩展入口函数
1.找到node_modules/scratch-vm/src/extensions目录,和扩展有关的函数都在这里
2.新建一个scratch3_Mamale文件夹
3.新建index.js文件,解析如下
附件大家可以下,要更改成自己的,教大家一个小窍门,搜索Mamale或者码码乐相关字眼即可。
blocks你可以自由替换哦。
第二步,到扩展管理中心登记
1.找scratch-vm/src/extension-support/extension-manager.js
修改内容如下:
1 const Scratch3MamaleBlocks = require(\’../extensions/scratch3_Mamale\’);也就是我们刚刚新建的index.js要引用进来,赋值成Scratch3MamaleBlocks对象
2 在builtinExtensions新增Mamale: () => require(\’../extensions/scratch3_Mamale\’)不要忘记了前面的逗号哦
第三步,复制形成图片
1.找到GUI/src/lib/librasions/extensions,新建Mamale文件夹,同时新建两个文件,可以从其他地方复制,然后根据规格更改成你自己的。
2.点击扩展后前端的小图标是BASE64的,需要的也可以自己更改文件
第四步,更改扩展中心的显示页面
1.找到找到GUI/src//lib/librasions/extensions,打开index.jsx
2.新增对象引用
3.新增窗口显示
到此,扩展组件就好了哦。。
至于要扩展什么好的插件,期待下一篇文章哦。
大家有看不懂的加我QQ10356075
——————————————————————–
博主:雷君(微软MVP,众聚互联CEO)
提供scratch3.0二次开发,提供SAAS平台给机构或学校
提供相关课程,提供创业辅导
培训机构讨论热线:18859773999
——————————————————————–