study-plugin
- - main.js
- - package.json
panel
- - index.js
//參考資料: http://docs.cocos.com/creator/manual/zh/extension/reference/package-json-reference.html#reload-object-
package.js
{
"name": "study-cocos", //插件名稱
"version": "0.0.1", //插件版本
"description": "The package template for getting started.", //插件描述
"author": "Cocos Creator", //作者
"main": "main.js", //入口函數,可以放在其他地方,只要相對路徑正確就可以
"main-menu": { //主菜單
"i18n:MAIN_MENU.package.title/study-cocos/open": { //該路徑是主菜單中的按鈕路徑,messages 字段是該按鈕所有觸發的消息
"message": "study-cocos:open"
},
"i18n:MAIN_MENU.package.title/study-cocos/hello": {
"message": "study-cocos:say-hello"
}
},
"panel": { //面板
"main": "panel/index.js", // 面板入口函數 可以是 js 也可以是 html 取決type 如果是 simple 則爲 html 否則是 js
"type": "dockable", //類型
"title": "study-cocos", //面板標題
"width": 400, //面板寬度
"height": 300 //面板高度
}
}
面板屬性參考資料: http://docs.cocos.com/creator/manual/zh/extension/reference/panel-json-reference.html
panel: type (String)
面板類型。可選類型有:
dockable:該面板爲標準的編輯器面板,可以自由的在編輯器內停靠。
float:該面板爲浮動面板,不能停靠在編輯器中。
fixed-size:該面板和浮動面板功能相似,不同之處在於他的窗口大小是固定的。
quick:該面板和浮動面功能相似,不同之處在於當他失去焦點後將會自動關閉。
simple:簡單面板擁有獨立窗口,通過讀取用戶自定義的 html 文件展示界面。
主菜單定義參考資料:http://docs.cocos.com/creator/manual/zh/extension/extends-main-menu.html
多個插件時,可進行分類,防止隨意註冊菜單項
i18n:MAIN_MENU.package.title 中文中 屬於第一級菜單項
main.js
'use strict';
module.exports = {
//插件加載成功後調用
load () {},
//插件卸載成功後調用
unload () {
// execute when package unloaded
},
//註冊ipc 消息 由渲染進程觸發 插件加載成功後,messages 中註冊的消息便會被註冊到 主進程中
messages: {
'open' () {
// open entry panel registered in package.json
Editor.Panel.open('study-cocos');
},
'say-hello' () {
Editor.log('Hello World!');
// send ipc message to panel
Editor.Ipc.sendToPanel('study-cocos', 'study-cocos:hello');
},
'clicked' () {
Editor.log('Button clicked!');
}
},
};