: Function to filter copied files. Return true to include, false to exclude.
66 | fse.copySync(packageDirPath, pluginTmpPath);
67 | console.log("✅[拷贝] 拷贝插件到输出目录成功: " + pluginTmpPath);
68 | // 删除掉package-lock.json
69 | debugger
70 | let delFiles = ["package-lock.json", "README.md"];
71 | for (let i = 0; i < delFiles.length; i++) {
72 | let packageLocalFilePath = path.join(pluginTmpPath, delFiles[i]);
73 | if (fs.existsSync(packageLocalFilePath)) {
74 | fs.unlinkSync(packageLocalFilePath);
75 | console.log("✅[删除] 文件: " + packageLocalFilePath);
76 | }
77 | }
78 |
79 | // 修改插件必要的配置package.json,
80 | let pluginTmpPackageCfgPath = path.join(pluginTmpPath, "package.json");// 插件临时配置文件路径
81 | if (!fs.existsSync(pluginTmpPackageCfgPath)) {
82 | console.error("[ERROR] 没有发现配置的临时文件: " + pluginTmpPackageCfgPath);
83 | return;
84 | }
85 | let cfgData = fs.readFileSync(pluginTmpPackageCfgPath, 'utf-8');
86 | let json = JSON.parse(cfgData);
87 | // 删除无用的menu
88 | let menus = json['main-menu'];
89 | if (menus) {
90 | for (let key in menus) {
91 | let item = menus[key];
92 | if (item && item.del) {
93 | delete menus[key];
94 | }
95 | }
96 | console.log("✅[丢弃] 无用menus");
97 | }
98 | // 删除dependencies
99 | let dependencies = json['dependencies'];
100 | if (dependencies) {
101 | delete json['dependencies'];
102 | console.log("✅[丢弃] 无用dependencies");
103 | }
104 |
105 | // 删除devDependencies
106 | let devDependencies = json["devDependencies"];
107 | if (devDependencies) {
108 | delete json['devDependencies'];
109 | console.log("✅[丢弃] 无用devDependencies");
110 | }
111 |
112 | let str = JSON.stringify(json);
113 | // str = jsBeautifully(str);// 格式化json
114 | fs.writeFileSync(pluginTmpPackageCfgPath, str);
115 |
116 | console.log('✅[修改] 写入新的临时配置package.json完毕!');
117 |
118 |
119 | // 压缩js
120 | const globby = require('globby');
121 | let pattern1 = pluginTmpPath + "/**/*.js";
122 | let exclude = "!" + pluginTmpPath + "/node_modules/**/*";
123 | let paths = globby.sync([pattern1, exclude]);
124 | for (let i = 0; i < paths.length; i++) {
125 | let item = paths[i];
126 | let b = compressCode(item, false);
127 | if (b) {
128 | console.log(`✅[压缩] 成功(JS)[${i + 1}/${paths.length}]: ${item}`);
129 | } else {
130 | console.log(`❎[压缩] 失败(JS)[${i + 1}/${paths.length}]: ${item}`);
131 | }
132 | }
133 |
134 | // 压缩html,css
135 | let pattern2 = pluginTmpPath + "/**/*.html";
136 | let pattern3 = pluginTmpPath + "/**/*.css";
137 | let paths1 = globby.sync([pattern2, pattern3, exclude]);
138 | let minify = htmlMinifier.minify;
139 | for (let i = 0; i < paths1.length; i++) {
140 | let item = paths1[i];
141 | let itemData = fs.readFileSync(item, 'utf-8');
142 | let minifyData = minify(itemData, {
143 | removeComments: true,// 是否去掉注释
144 | collapseWhitespace: true,// 是否去掉空格
145 | minifyJS: false, //是否压缩html里的js（使用uglify-js进行的压缩）
146 | minifyCSS: false,//是否压缩html里的css（使用clean-css进行的压缩）
147 | });
148 | fs.writeFileSync(item, minifyData);
149 | console.log(`✅[压缩] 成功(HTML)[${i + 1}/${paths1.length}]: ${item}`);
150 | }
151 | // 在文件夹中展示打包文件
152 | let exec = require('child_process').exec;
153 | let platform = require('os').platform();
154 | if (platform === 'darwin') {
155 | let cmd = "open " + pluginOutPath;
156 | console.log('开始执行命令: ' + cmd);
157 | exec(cmd, function (error, stdout, stderr) {
158 | if (error) {
159 | console.log(stderr);
160 | return;
161 | }
162 | console.log(stdout);
163 | }.bind(this));
164 | } else if (platform === 'win32') {
165 | // todo win
166 | }
167 | };
168 |
169 |
170 | gulp.task("发布hello-world插件", function () {
171 | packagePlugin('hello-world');
172 | });
173 |
--------------------------------------------------------------------------------
/plugin-code/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es6",
4 | "module": "commonjs",
5 | "experimentalDecorators": true
6 | },
7 | "exclude": [
8 | "node_modules",
9 | ".vscode",
10 | "library",
11 | "local",
12 | "settings",
13 | "temp"
14 | ]
15 | }
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/inspector/dialog/dialog.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
19 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | 预览
59 |
60 |
hello-world
2 |
3 | State: {{msg}}
4 |
5 |
6 | Send To Main
7 | plugins
8 | layout
9 | scene-walker
10 |
11 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/panel/index.js:
--------------------------------------------------------------------------------
1 | // panel/index.js, this filename needs to match the one registered in package.json
2 | const Fs = require("fire-fs");
3 | const Path = require("fire-path");
4 |
5 | Editor.Panel.extend({
6 | // css style for panel
7 | style: Fs.readFileSync(
8 | Editor.url("packages://hello-world/panel/index.css"),
9 | "utf-8"
10 | ),
11 |
12 | // html template for panel
13 | template: Fs.readFileSync(
14 | Editor.url("packages://hello-world/panel/index.html"),
15 | "utf-8"
16 | ),
17 |
18 | // element and variable binding
19 | $: {},
20 |
21 | // method executed when template and styles are successfully loaded and initialized
22 | ready() {
23 | this.plugin = new window.Vue({
24 | el: this.shadowRoot,
25 | created() {
26 | },
27 | data: {msg: ""},
28 | methods: {
29 | onBtnClick() {
30 | const FS_Extra = Editor.require("packages://hello-world/node_modules/fs-extra");
31 | let dir = Path.join(Editor.projectInfo.path, "tmpDir");
32 | FS_Extra.mkdirSync(dir);
33 |
34 | // Editor.Ipc.sendToMain('hello-world:clicked');
35 | },
36 | layout() {
37 | if (Editor.isMainProcess) {
38 | Editor.Window.main.resetLayout("packages://hello-world/layout.json");
39 |
40 | } else {
41 | Editor.remote.Window.main.resetLayout("packages://hello-world/layout.json");
42 | }
43 | },
44 | sceneWalker() {
45 | Editor.Scene.callSceneScript('hello-world', 'get-canvas-children', function (err, length) {
46 | console.log(`get-canvas-children callback : length - ${length}`);
47 | });
48 | }
49 | }
50 | });
51 |
52 |
53 | },
54 |
55 | // register your ipc messages here
56 | messages: {
57 | 'hello-world:hello'(event) {
58 | this.plugin.msg = 'Hello!';
59 | },
60 |
61 | }
62 | });
63 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/panel/page1.js:
--------------------------------------------------------------------------------
1 | Editor.Panel.extend({
2 | style: ``,
3 |
4 | template: `
5 |
6 | send to page2
7 | {{msg}}
8 |
9 |
10 | `,
11 |
12 | $: {},
13 |
14 | ready() {
15 | Editor.log("open page1");
16 | console.log("page1");
17 | this.plugin = new window.Vue({
18 | el: this.shadowRoot,
19 |
20 | data: {msg: "page1"},
21 | methods: {
22 | onBtnClick() {
23 | Editor.Ipc.sendToPanel("hello-world.page2", "onPage2", "msg from page1");
24 | },
25 |
26 | }
27 | });
28 | },
29 | messages: {
30 | 'onPage1'(event, data) {
31 | this.plugin.msg = data;
32 | setTimeout(function () {
33 | this.plugin.msg = "";
34 | }.bind(this), 500);
35 |
36 | if (event.reply) {
37 | event.reply(null, "我来自渲染进程page1");
38 | }
39 | },
40 |
41 | }
42 | });
43 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/panel/page2.js:
--------------------------------------------------------------------------------
1 | Editor.Panel.extend({
2 | style: ``,
3 |
4 | template: `
5 |
6 | send to page3
7 | {{msg}}
8 |
9 | `,
10 |
11 | $: {},
12 |
13 | ready() {
14 | Editor.log("open page2");
15 | console.log("page2");
16 | this.plugin = new window.Vue({
17 | el: this.shadowRoot,
18 |
19 | data: {msg: "page2"},
20 | methods: {
21 | onBtnClick() {
22 | Editor.Ipc.sendToPanel("hello-world.page3", "onPage3", "msg from page2");
23 | },
24 |
25 | }
26 | });
27 | },
28 | messages: {
29 | 'onPage2'(event, data) {
30 | this.plugin.msg = data;
31 | setTimeout(function () {
32 | this.plugin.msg = "";
33 | }.bind(this), 500);
34 | },
35 |
36 | }
37 | });
38 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/panel/page3.js:
--------------------------------------------------------------------------------
1 | Editor.Panel.extend({
2 | style: ``,
3 |
4 | template: `
5 |
6 | send to page1
7 | {{msg}}
8 | send to main
9 |
10 | `,
11 |
12 | $: {},
13 |
14 | ready() {
15 | Editor.log("open page3");
16 | console.log("page3");
17 | this.plugin = new window.Vue({
18 | el: this.shadowRoot,
19 |
20 | data: {msg: "page3"},
21 | methods: {
22 | onBtnClick() {
23 | Editor.Ipc.sendToPanel("hello-world.page1", "onPage1", "msg from page3", function (event, data) {
24 | console.log(data);
25 | this.msg = data;
26 | setTimeout(function () {
27 | this.msg = "";
28 | }.bind(this), 500);
29 | });
30 | },
31 | onSendToMain() {
32 | Editor.Ipc.sendToMain("hello-world:onPage3", "from page3", function (event, data) {
33 | this.msg = data;
34 | setTimeout(function () {
35 | this.msg = "";
36 | }.bind(this), 500);
37 | });
38 |
39 | },
40 |
41 | }
42 | });
43 | },
44 | messages: {
45 | 'onPage3'(event, data) {
46 | this.plugin.msg = data;
47 | setTimeout(function () {
48 | this.plugin.msg = "";
49 | }.bind(this), 500);
50 | },
51 |
52 | }
53 | });
54 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/plugin/PluginModule.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | Msg: "hello plugin",
3 |
4 | }
5 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/plugin/PluginModule.js.meta:
--------------------------------------------------------------------------------
1 | {
2 | "ver": "1.0.5",
3 | "uuid": "fea52939-b3e0-4acc-bc08-e38397b2ed34",
4 | "isPlugin": false,
5 | "loadPluginInWeb": true,
6 | "loadPluginInNative": true,
7 | "loadPluginInEditor": false,
8 | "subMetas": {}
9 | }
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/plugin/PluginScript.js:
--------------------------------------------------------------------------------
1 | cc.Class({
2 | extends: cc.Component,
3 |
4 | properties: {},
5 |
6 |
7 | onLoad() {
8 | console.log("hello plugin");
9 | },
10 |
11 | start() {
12 |
13 | },
14 |
15 | // update (dt) {},
16 | });
17 |
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/plugin/PluginScript.js.meta:
--------------------------------------------------------------------------------
1 | {
2 | "ver": "1.0.5",
3 | "uuid": "b143851f-5e45-48e9-addc-9d523f1ba1f9",
4 | "isPlugin": false,
5 | "loadPluginInWeb": true,
6 | "loadPluginInNative": true,
7 | "loadPluginInEditor": false,
8 | "subMetas": {}
9 | }
--------------------------------------------------------------------------------
/plugin-code/packages/hello-world/scene-walker.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | // 更多的是跟场景编辑器当前的状态进行交互
3 | 'get-canvas-children': function (event) {
4 | debugger
5 |
6 | if (Editor.isMainProcess) {
7 |
8 | } else {
9 |
10 | }
11 |
12 | let canvas = cc.find('Canvas');
13 | Editor.log('children length : ' + canvas.children.length);
14 |
15 | if (event.reply) {
16 | event.reply(null, canvas.children.length);
17 | }
18 | }
19 | };
20 |
--------------------------------------------------------------------------------
/plugin-code/project.json:
--------------------------------------------------------------------------------
1 | {
2 | "engine": "cocos-creator-js",
3 | "packages": "packages"
4 | }
--------------------------------------------------------------------------------
/插件课程文档/readme.md:
--------------------------------------------------------------------------------
1 | # 具体的视频上传到了百度网盘
2 | > 链接: https://pan.baidu.com/s/1tEXDqynSqd4a7n957mExrw 提取码: 2tw8 复制这段内容后打开百度网盘手机App，操作更方便哦
3 |
4 | # 视频关键字
5 | cocos cocos插件开发 creator插件 游戏插件开发
6 |
--------------------------------------------------------------------------------
/插件课程文档/插件网络课程.pptx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tidys/cc-plugin-train/67bd80fec619f3b9b6c715bf5ad0ffd84c4914be/插件课程文档/插件网络课程.pptx
--------------------------------------------------------------------------------