@ives_xxz/packages 1.0.0

package/FWLayerGenerator/main.js

@@ -0,0 +1,186 @@
+const Path = require('path');
+const Fs = require('fs');
+
+function capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+// 生成Layer类模板
+function generateLayerTemplate(bundleName, featureName,subDir) {
+    const className = `${capitalize(bundleName)}${capitalize(featureName)}Layer`;
+    return `import FWLayer from '${subDir?'../':''}../../../../../framework/layer/FWLayer';
+  
+  const { ccclass, property } = cc._decorator;
+  
+  @ccclass
+  export default class ${className} extends FWLayer {
+      public onLoad(): void {
+          super.onLoad();
+      }
+  
+      public start(): void {
+          super.start();
+      }
+  
+      public onEnable(): void {
+          super.onEnable();
+      }
+  
+      public onDisable(): void {
+          super.onDisable();
+      }
+  
+      public onDestroy(): void {
+          super.onDestroy();
+      }
+
+  }`;
+  }
+  
+  // 生成LayerController类模板
+  function generateControllerTemplate(bundleName, featureName,subDir) {
+    const className = `${capitalize(bundleName)}${capitalize(featureName)}LayerController`;
+    const layerClassName = `${capitalize(bundleName)}${capitalize(featureName)}Layer`;
+    return `import { FWSystemDefine } from '${subDir?'../':''}../../../../../framework/define/FWSystemDefine';
+  import { FWLayerController } from '${subDir?'../':''}../../../../../framework/controller/FWLayerController';
+  import ${layerClassName} from '../${subDir ? `../`:''}layer/${subDir ? `${subDir}/` : ''}${layerClassName}';
+  
+  export class ${className} extends FWLayerController {
+      public renderOrder: number;
+      public layer: ${layerClassName};
+      public layerType: FWSystemDefine.FWLayerType;
+      public get layerAssetProperty(): FW.AssetProperty {
+          return;
+      }
+      public get autoRelease(): boolean {
+          return false;
+      }
+      public get isRepeatOpen(): boolean {
+          return false;
+      }
+  }`;
+}
+
+module.exports = {
+  
+
+    messages: {
+        'create-layer'() {
+            Editor.Panel.open('layer-generator');
+        },
+
+        'generate-files'(event, params) {
+            try{
+                const { bundleName, featureName ,subDir} = params;
+                const assetsPath = Path.join(Editor.Project.path, 'assets');
+                const bundleRootPath = Path.join(assetsPath, 'bundle');
+                // 递归查找bundle
+                function findBundlePath(dirPath) {
+                    const items = Fs.readdirSync(dirPath);
+                    for (const item of items) {
+                        const fullPath = Path.join(dirPath, item);
+                        const stats = Fs.statSync(fullPath);
+                        
+                        if (stats.isDirectory()) {
+                            // 检查是否是同名文件夹
+                            if (Path.basename(fullPath) === bundleName) {
+                                // 检查是否配置为bundle
+                                const metaPath = `${fullPath}.meta`;
+                                if (Fs.existsSync(metaPath)) {
+                                    try {
+                                        const metaContent = Fs.readFileSync(metaPath, 'utf8');
+                                        if (metaContent.includes('"isBundle": true')) {
+                                            return fullPath;
+                                        }
+                                    } catch (err) {
+                                        // 读取meta文件失败，继续搜索
+                                        continue;
+                                    }
+                                }
+                            }
+                            // 递归搜索子目录
+                            const foundPath = findBundlePath(fullPath);
+                            if (foundPath) {
+                                return foundPath;
+                            }
+                        }
+                    }
+                    return null;
+                }
+                    
+                const bundlePath = findBundlePath(bundleRootPath);
+                
+                if (!bundlePath) {
+                    Editor.error(`Cannot find bundle "${bundleName}" or it is not configured as a bundle!`);
+                    return;
+                }
+
+
+                const layerDir = Path.join(bundlePath, `script/layer${subDir? `/${subDir}` : ''}`);
+                const controllerDir = Path.join(bundlePath, `script/controller${subDir? `/${subDir}` : ''}`);
+                const prefabDir = Path.join(bundlePath, `res/prefab/layer${subDir? `/${subDir}` : ''}`);
+                // 创建必要的目录
+                const dirs = [
+                    layerDir,
+                    controllerDir,
+                    // prefabDir
+                ];
+    
+                dirs.forEach(dir => {
+                    if (!Fs.existsSync(dir)) {
+                        Fs.mkdirSync(dir, { recursive: true });
+                    }
+                });
+    
+                // 生成Layer类文件
+                const layerPath = Path.join( layerDir, `${capitalize(bundleName)}${capitalize(featureName)}Layer.ts`);
+                Fs.writeFileSync(layerPath, generateLayerTemplate(bundleName, featureName,subDir));
+    
+                // 生成Controller类文件
+                const controllerPath = Path.join( controllerDir, `${capitalize(bundleName)}${capitalize(featureName)}LayerController.ts`);
+                Fs.writeFileSync(controllerPath, generateControllerTemplate(bundleName, featureName,subDir));
+    
+                // 创建预制体路径
+                // const prefabPath = Path.join( prefabDir, `${capitalize(bundleName)}${capitalize(featureName)}Layer.prefab`);
+    
+               
+    
+                this.refreshAssetDB(layerDir);
+                this.refreshAssetDB(controllerDir);
+            }   
+            catch(err){
+                Editor.error("生成Layer失败:",err);
+            }
+          
+            
+            // // 在场景中创建节点
+            // Editor.Scene.callSceneScript('layer-generator', 'create-node', {
+            //     name: `${capitalize(bundleName)}${capitalize(featureName)}Layer`,
+            //     prefabPath: prefabPath,
+            //     scriptName: `${capitalize(bundleName)}${capitalize(featureName)}Layer`
+            // }, (err, nodeUuid) => {
+            //     if (err) {
+            //         Editor.error('创建Layer失败：', err);
+            //         return;
+            //     }
+            //     Editor.success('Layer files generated successfully!');
+            // });
+
+
+        }
+    },
+
+    refreshAssetDB(outputBase) {
+      const relativePath = Path.relative(Editor.Project.path, outputBase);
+      
+      const url = 'db://' + relativePath.replace(/\\/g, '/');
+      
+      Editor.assetdb.refresh(url, (err) => {
+        if (err) {
+          Editor.error(`刷新资源失败: ${err}`);
+        } else {
+          Editor.log(`已刷新目录: ${url}`);
+        }
+      });
+    },
+};

package/FWLayerGenerator/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "layer-generator",
+  "version": "1.0.0",
+  "description": "自动生成Layer相关文件的CocosCreator插件",
+  "main": "main.js",
+  "author": "ives",
+  "editor": "2.4.9",
+  "panel": {
+    "main": "panel/index.js",
+    "type": "dockable",
+    "title": "Layer生成器",
+    "width": 400,
+    "height": 300
+  },
+  "main-menu": {
+    "i18n:MAIN_MENU.package.title/FWLayer生成器/创建Layer": {
+      "message": "layer-generator:create-layer"
+    }
+  }
+ 
+}

package/FWLayerGenerator/panel/index.css

@@ -0,0 +1,36 @@
+.layout.vertical {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.layout.horizontal {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+}
+
+.layout.horizontal.end-justified {
+    justify-content: flex-end;
+}
+
+.label {
+    width: 80px;
+    text-align: left;
+    flex-shrink: 0;
+}
+
+input {
+    flex: 1;
+    min-width: 150px;
+    height: 20px;
+    padding: 2px 4px;
+}
+
+button {
+    margin-top: 10px;
+    padding: 6px 12px;
+    min-width: 80px;
+}

package/FWLayerGenerator/panel/index.html

@@ -0,0 +1,17 @@
+<div class="layout vertical">
+    <div class="layout horizontal center">
+        <div class="label">bundle名字:</div>
+        <input type="text" id="bundleName">
+    </div>
+    <div class="layout horizontal center">
+        <div class="label">模块名字:</div>
+        <input type="text" id="featureName">
+    </div>
+    <div class="layout horizontal center">
+        <div class="label">子目录(可选):</div>
+        <input type="text" id="subDir">
+    </div>
+    <div class="layout horizontal center end-justified">
+        <button id="generate" class="button">Generate</button>
+    </div>
+</div>

package/FWLayerGenerator/panel/index.js

@@ -0,0 +1,29 @@
+const Fs = require('fs');
+const Path = require('path');
+
+Editor.Panel.extend({
+    style: Fs.readFileSync(Path.join(__dirname, 'index.css'), 'utf-8'),
+    template: Fs.readFileSync(Path.join(__dirname, 'index.html'), 'utf-8'),
+
+    ready() {
+        this.$btn = this.shadowRoot.querySelector('#generate');
+        this.$bundleName = this.shadowRoot.querySelector('#bundleName');
+        this.$featureName = this.shadowRoot.querySelector('#featureName');
+        this.$subDir = this.shadowRoot.querySelector('#subDir');
+
+        this.$btn.addEventListener('click', () => {
+            const bundleName = this.$bundleName.value.trim();
+            const featureName = this.$featureName.value.trim();
+            const subDir = this.$subDir.value.trim();
+            if (!bundleName || !featureName) {
+                Editor.warn('Bundle name and feature name are required!');
+                return;
+            }
+            Editor.Ipc.sendToMain('layer-generator:generate-files', {
+                bundleName,
+                featureName,
+                subDir
+            });
+        });
+    }
+});

package/FWMask/inspector.js

@@ -0,0 +1,26 @@
+"use strict";
+Vue.component("cc-mask",{
+    template:
+    '\n        <ui-prop\n            v-prop="target.type"\n            :multi-values="multi"    \n        ></ui-prop>\n'+
+    '        <ui-prop\n            v-prop="target.inverted"\n            :multi-values="multi"  \n        ></ui-prop>\n'+
+    '        <cc-array-prop :target.sync="target.polygon" v-show="isPolygon()"></cc-array-prop>\n' +
+    '        <ui-prop min="3"\n            v-show="isEllipseType()"\n            v-prop="target.segements"\n            :multi-values="multi"  \n        ></ui-prop>\n'+
+    '        <ui-prop\n            v-show="isImageStencilType()"\n            v-prop="target.alphaThreshold"\n            :multi-values="multi"  \n        ></ui-prop>\n'+
+    '        <ui-prop\n            v-show="isImageStencilType()"\n            v-prop="target.spriteFrame"\n            :multi-values="multi"  \n        ></ui-prop>\n'+
+    '        <div class="horizontal layout end-justified" style="padding:5px 0;margin-bottom:5px;"\n            v-show="target.spriteFrame.value.uuid && isImageStencilType()"\n        >\n'+
+    '            <ui-button\n                v-on:confirm="onAppImageSizeClick"\n            >Resize to Target</ui-button>\n'+
+    '        <div>\n  ',
+    props:{
+        target:{twoWay:!0,type:Object},
+        multi:{type:Boolean}}, 
+        methods:{
+            isRectType(){return this.target.type.value===cc.Mask.Type.RECT},
+            isEllipseType(){return this.target.type.value===cc.Mask.Type.ELLIPSE},
+            isImageStencilType(){return this.target.type.value===cc.Mask.Type.IMAGE_STENCIL},
+            isPolygon() {return this.target.type.value===cc.FWMask.Type.POLYGON},
+            onAppImageSizeClick(e){
+                var t={id:this.target.uuid.value,path:"_resizeToTarget",type:"Boolean",isSubProp:!1,value:!0};
+                Editor.Ipc.sendToPanel("scene","scene:set-property",t)
+        }
+    }
+});

package/FWMask/main.js

@@ -0,0 +1,16 @@
+'use strict';
+
+module.exports = {
+  load () {
+    // execute when package loaded
+  },
+
+  unload () {
+    // execute when package unloaded
+  },
+
+  // register your ipc messages here
+  messages: {
+
+  },
+};

package/FWMask/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "maskplus",
+  "version": "0.0.1",
+  "description": "The package template for getting started.",
+  "main": "main.js"
+}

package/FWPolygonPoints/main.js

@@ -0,0 +1,149 @@
+
+
+// api: https://docs.cocos.com/creator/manual/zh/extension/api/editor-framework/renderer/gizmo.html
+class PointsPolygonGizmo extends Editor.Gizmo {
+    init() {
+    }
+
+    selectedIdx = -1;
+    timeout = -1;
+  
+    onCreateMoveCallbacks() {
+  
+      let start_vertex;      
+  
+      return {
+       
+        start: (x, y, event, i, type) => {
+            if(type == "line") {
+                let target = this.target;
+                let nextPoint = i == target.polygon.length-1 ? target.polygon[0] : target.polygon[i+1];
+                let p = cc.v2((target.polygon[i].x + nextPoint.x)/2, (target.polygon[i].y + nextPoint.y)/2);
+                target.polygon.splice(i+1, 0, p);
+                return ;
+            }
+            if(this.selectedIdx === i) {
+                if(this.target.polygon.length <= 3) return ;
+                this.target.polygon.splice(i, 1);
+                this.target.polygon = this.target.polygon;
+                return ;
+            }
+            this.selectedIdx = i;
+            clearTimeout(this.timeout);
+            this.timeout = setTimeout(() => {
+                this.selectedIdx = -1;
+            }, 500);
+            start_vertex = null;
+         
+        },
+  
+      
+        update: (dx, dy, event, i, type) => {
+            if(type == "line") return ;
+          let target = this.target;
+          if (!start_vertex) {
+            start_vertex = target.polygon[i].clone();
+          }
+          let pos = cc.v2(dx, dy);
+          pos = this.transformPos(pos, target.node, true);
+          target.polygon[i].x = start_vertex.x + pos.x / this._view.scale;
+          target.polygon[i].y = start_vertex.y + pos.y / this._view.scale;
+          target.polygon = target.polygon;
+        },
+  
+       
+        end: (updated, event) => {
+        }
+      };
+    }
+
+    transformPos(pos, node, invert) {
+
+      let _mat4_temp = cc.mat4();
+      let matrixm = node._worldMatrix.m;
+      if(invert) {
+        cc.Mat4.invert(_mat4_temp, node._worldMatrix)
+        matrixm = _mat4_temp.m;
+      }
+      let a = matrixm[0], b = matrixm[1], c = matrixm[4], d = matrixm[5];
+
+      let v = cc.v2(pos);
+      let x = v.x, y = v.y;
+      v.x = x * a + y * c;
+      v.y = x * b + y * d;
+      return v;
+    }
+  
+    onCreateRoot() {
+   
+      this._tool = this._root.group();
+      let target = this.target;
+      const circles = [];
+      const lines = [];
+      this._tool.plot = (points, position) => {
+        
+        
+        
+        this._tool.move(position.x, position.y);
+        circles.forEach(v => v.radius(0));
+        lines.forEach(v => v.plot(0, 0, 0, 0));
+        
+        for(let i=0; i<points.length; i++) {
+          let v = this.transformPos(points[i], target.node);
+          v = Editor.GizmosUtils.snapPixelWihVec2(v.mul(this._view.scale));
+          let line = lines[i]
+          if(!line) {
+            line = lines[i] = this._tool.line()
+            .stroke({ color: 'rgba(0,80,255,0.8)' });
+
+            this.registerMoveSvg(line, [i, "line"]);
+          }
+          let nextPoint = i== points.length-1 ? points[0] : points[i+1];
+
+          let n = this.transformPos(nextPoint, target.node);
+          n = Editor.GizmosUtils.snapPixelWihVec2(n.mul(this._view.scale))
+          line.plot(v.x, -v.y, n.x, -n.y).stroke({ width: 4 * this._view.scale });
+        }
+
+        for(let i=0; i<points.length; i++) {
+            let v = this.transformPos(points[i], target.node);
+            v = Editor.GizmosUtils.snapPixelWihVec2(v.mul(this._view.scale));
+
+            let circle = circles[i];
+            if(!circle) {
+                circle = circles[i] = this._tool.circle()
+                .fill({ color: 'rgba(0,128,255,0.9)' })
+                .style('pointer-events', 'fill')
+                .style('cursor', 'move');
+                this.registerMoveSvg(circle, [i, "circle"], { cursor: 'pointer' });
+            }
+            circle.center(v.x, -v.y).radius(6 * this._view.scale);
+        }
+
+      };
+    }
+  
+    onUpdate() {
+  
+      let target = this.target;
+  
+      let node = this.node;
+  
+      // // 获取节点世界坐标
+      let position = node.convertToWorldSpaceAR(cc.v2(0, 0));
+  
+      position = this.worldToPixel(position);
+  
+      position = Editor.GizmosUtils.snapPixelWihVec2(position);
+  
+      this._tool.plot(target.polygon, position);
+    }
+
+    visible () {
+      if(this.target.editing !== undefined) return this.target.editing;
+      return this.target._type === cc.FWMask.Type.POLYGON;
+    }
+  }
+  
+module.exports = PointsPolygonGizmo;
+  

package/FWPolygonPoints/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "polygonpoints",
+    "version": "0.0.1",
+    "description": "",
+    "gizmos": {
+      "FWMask": "packages://polygonpoints/main.js",
+      "TexturePlus": "packages://polygonpoints/main.js"
+    }
+  }

package/PNG Auto Compress/CHANGELOG.md

@@ -0,0 +1,32 @@
+### 1.2.0.20210527
+
+1. 升级压缩引擎 pngquant 至 2.15.1 版本
+2. 代码优化
+3. 设置面板优化
+
+
+
+### 1.1.0.20201201
+
+1. 添加[排除指定文件夹]和[排除指定文件]功能（配置面板）
+2. 项目结构优化
+
+
+
+### 1.0.2.20200807
+
+1. 添加[微信小游戏子包]以及[远程资源]的支持
+2. 代码优化
+
+
+
+### 1.0.1.20200802
+
+1. 支持 Cocos Creator 2.4.x
+2. 代码优化
+
+
+
+### 1.0.0.20200714
+
+1. 首次发布

package/PNG Auto Compress/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 陈皮皮
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/PNG Auto Compress/README.md

@@ -0,0 +1,113 @@
+# 自动压缩 PNG 资源
+
+## 介绍
+
+[Cocos Creator 编辑器插件]
+
+**项目构建完成之后自动压缩 PNG 资源。**
+
+- 压缩引擎：[pngquant 2.15.1](https://pngquant.org/)
+
+
+
+## 开源
+
+本扩展项目完全开源，仓库地址：[https://gitee.com/ifaswind/ccc-png-auto-compress](https://gitee.com/ifaswind/ccc-png-auto-compress)
+
+如果你觉得这个项目还不错，请不要忘记点 [![star](https://gitee.com/ifaswind/ccc-png-auto-compress/badge/star.svg?theme=dark)](https://gitee.com/ifaswind/ccc-png-auto-compress/stargazers)！
+
+*如有使用上的问题，可以在 Gitee 仓库中提 Issue 或者添加我的微信 `im_chenpipi` 并留言。*
+
+
+
+## 截图
+
+![setting-panel](https://gitee.com/ifaswind/image-storage/raw/master/repositories/ccc-png-auto-compress/setting-panel.png)
+
+![screenshot](https://gitee.com/ifaswind/image-storage/raw/master/repositories/ccc-png-auto-compress/screenshot.png)
+
+
+
+## 运行环境
+
+平台：Windows、macOS
+
+引擎：Cocos Creator 2.x
+
+
+
+## 下载 & 安装
+
+### 扩展商店安装
+
+本扩展已上架 Cocos 商店，点击 Cocos Creator 编辑器顶部菜单栏中的 *扩展 -> 扩展商店* 即可打开扩展商店。
+
+在上方搜索栏中输入“**自动压缩 PNG 资源**”并搜索就可以找到本插件，点进去直接安装即可（建议安装到全局）。
+
+![cocos-store](https://gitee.com/ifaswind/image-storage/raw/master/repositories/ccc-png-auto-compress/cocos-store.png)
+
+
+
+### 自行下载安装
+
+在[此处](https://gitee.com/ifaswind/ccc-png-auto-compress/releases)或仓库发行版处下载最新的扩展压缩包。
+
+下载完成后将压缩包解压：
+
+- Windows：解压到 `C:\Users\${你的用户名}\.CocosCreator\packages\` 目录下
+- macOS：解压到 `~/.CocosCreator/packages/` 目录下
+
+以 Windows 为例，扩展的 `main.js` 文件在我的电脑上的完整目录为 `C:\Users\Shaun\.CocosCreator\packages\ccc-png-auto-compress\main.js`。
+
+
+
+## 使用说明
+
+**该插件默认禁用，需自行启用！**
+
+点击编辑器顶部菜单栏中的 *扩展 -> 自动压缩 PNG 资源 -> 设置* 即可打开扩展的配置面板。
+
+配置面板中有以下属性：
+
+- 最低质量
+- 最高质量
+- 速度
+- 需要排除的文件夹
+- 需要排除的文件
+
+
+
+### 注意事项
+
+💡 如果 Spine Skeleton 或 DragonBones 的纹理在压缩后出现透明度丢失的情况，可以参考以下两种解决方案（二选一）：
+
+- 自行勾选 Spine Skeleton 或 DragonBones 纹理的 Premultiply Alpha（预乘）属性
+- 在本扩展的配置面板中排除 Spine Skeleton 或 DragonBones 的纹理，不进行压缩
+
+
+
+---
+
+
+
+# 公众号
+
+## 菜鸟小栈
+
+😺 我是陈皮皮，一个还在不断学习的游戏开发者，一个热爱分享的 Cocos Star Writer。
+
+🎨 这是我的个人公众号，专注但不仅限于游戏开发和前端技术分享。
+
+💖 每一篇原创都非常用心，你的关注就是我原创的动力！
+
+> Input and output.
+
+![](https://gitee.com/ifaswind/image-storage/raw/master/weixin/official-account.png)
+
+
+
+## 游戏开发交流群
+
+皮皮创建了一个**游戏开发交流群**，供小伙伴们交流开发经验、问题求助和摸鱼（划掉）。
+
+感兴趣的小伙伴可以添加我微信 `im_chenpipi` 并留言 `加群`。