大家都知道默认的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

——————————————————————–

 

版权声明:本文为lickies1983原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/lickies1983/p/12318935.html