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