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

--------------------------------------------------------------------

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM