把 Photoshop .psd 直接转成 Cocos Creator 3.8.x 预制体的独立编辑器扩展。
按图层命名自动识别组件、自动切图、MD5 去重,无需 npm install、无需构建。
它能干什么
-
读取 PSD 图层,按图层命名自动识别组件类型,生成 3.8.x 预制体
-
自动导出 PNG、生成 sprite-frame,MD5 去重复用相同图片
-
像素级对齐还原;文本图层自动转
cc.Label(保留原文) -
自动裁剪透明边、压平多余空容器,输出代码友好的英文节点名
图层命名 = 组件
| 图层前缀 | 生成结果 |
|—|---|
| btn_ | 按钮 cc.Button |
| lbl_ | 文本 cc.Label |
| sp_ + #10,20 | 九宫格 Sprite(带边距) |
| lay_v_ / lay_h_ | 纵向 / 横向布局 cc.Layout |
| node_ / mask_ | 空容器 / 遮罩 |
| ! 或 // 开头 | 忽略该图层(不导出) |
开箱即用
依赖已内置并随仓库提交,无需 npm install、无需构建:
克隆 / 下载 → 整个文件夹丢进工程 extensions/ → 重启编辑器
菜单:PSD 工具 / PSD 转预制体 → 选 PSD → 转换
也支持命令行无编辑器转换:
node psd2prefab.js xxx.psd --project 你的工程目录
开源地址
3.8.x 版(推荐):
https://github.com/shiliyu1991-lang/cocos-psd-prefab-3x
2.4.x 版:
https://github.com/shiliyu1991-lang/cocos-psd-prefab-2x
MIT 开源 · 欢迎 Star / Issue / PR 