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

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章