diff --git a/Example/hNAP_v2/ComfyUI_EasyKitHT_NodeAlignPro_v2.webp b/Example/hNAP_v2/ComfyUI_EasyKitHT_NodeAlignPro_v2.webp new file mode 100644 index 0000000..dd46edf Binary files /dev/null and b/Example/hNAP_v2/ComfyUI_EasyKitHT_NodeAlignPro_v2.webp differ diff --git a/Example/hPic/hNodeAlignPro__v201rc.png b/Example/hNAP_v2/hNodeAlignPro__v201rc.png similarity index 100% rename from Example/hPic/hNodeAlignPro__v201rc.png rename to Example/hNAP_v2/hNodeAlignPro__v201rc.png diff --git a/Example/hNAP_v2/hNodeAlignPro_v2__ColorPicker.webp b/Example/hNAP_v2/hNodeAlignPro_v2__ColorPicker.webp new file mode 100644 index 0000000..e3afc39 Binary files /dev/null and b/Example/hNAP_v2/hNodeAlignPro_v2__ColorPicker.webp differ diff --git a/Example/hNAP_v2/h_NodeAlignPro_v1__UI.webp b/Example/hNAP_v2/h_NodeAlignPro_v1__UI.webp new file mode 100644 index 0000000..b196c4e Binary files /dev/null and b/Example/hNAP_v2/h_NodeAlignPro_v1__UI.webp differ diff --git a/Example/hNAP_v2/h_NodeAlignPro_v2__UI.webp b/Example/hNAP_v2/h_NodeAlignPro_v2__UI.webp new file mode 100644 index 0000000..3d5506f Binary files /dev/null and b/Example/hNAP_v2/h_NodeAlignPro_v2__UI.webp differ diff --git a/Example/hPic/H20251222-NodeAlignPro全新节点对齐与上色插件.png b/Example/hPic/H20251222-NodeAlignPro全新节点对齐与上色插件.png deleted file mode 100644 index 3ef5471..0000000 Binary files a/Example/hPic/H20251222-NodeAlignPro全新节点对齐与上色插件.png and /dev/null differ diff --git a/Example/hPic/H20251222-全新节点对齐与上色UI实操演示.png b/Example/hPic/H20251222-全新节点对齐与上色UI实操演示.png deleted file mode 100644 index 275f931..0000000 Binary files a/Example/hPic/H20251222-全新节点对齐与上色UI实操演示.png and /dev/null differ diff --git a/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro.webp b/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro.webp deleted file mode 100644 index 1fae8f2..0000000 Binary files a/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro.webp and /dev/null differ diff --git a/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro_对比.webp b/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro_对比.webp deleted file mode 100644 index d845da0..0000000 Binary files a/Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro_对比.webp and /dev/null differ diff --git a/Example/hPic/HT20250429-优化UI重绘_元素_线稿_ArtsticH_NodeAlignPro.webp b/Example/hPic/HT20250429-优化UI重绘_元素_线稿_ArtsticH_NodeAlignPro.webp deleted file mode 100644 index c4f44a3..0000000 Binary files a/Example/hPic/HT20250429-优化UI重绘_元素_线稿_ArtsticH_NodeAlignPro.webp and /dev/null differ diff --git a/Example/hPic/HT20250430-件优化UI重绘_新增UI缩放适配_ArtsticH_NodeAlignPro.webp b/Example/hPic/HT20250430-件优化UI重绘_新增UI缩放适配_ArtsticH_NodeAlignPro.webp deleted file mode 100644 index 87d681b..0000000 Binary files a/Example/hPic/HT20250430-件优化UI重绘_新增UI缩放适配_ArtsticH_NodeAlignPro.webp and /dev/null differ diff --git a/Example/hPic/HT20250501-联动【运行按钮】_ArtsticH_NodeAlignPro.webp b/Example/hPic/HT20250501-联动【运行按钮】_ArtsticH_NodeAlignPro.webp deleted file mode 100644 index 3cb4002..0000000 Binary files a/Example/hPic/HT20250501-联动【运行按钮】_ArtsticH_NodeAlignPro.webp and /dev/null differ diff --git a/Example/hPic/HT20250501-联动【运行按钮】_右键菜单适配_ArtsticH_NodeAlignPro.webp b/Example/hPic/HT20250501-联动【运行按钮】_右键菜单适配_ArtsticH_NodeAlignPro.webp deleted file mode 100644 index 5a55348..0000000 Binary files a/Example/hPic/HT20250501-联动【运行按钮】_右键菜单适配_ArtsticH_NodeAlignPro.webp and /dev/null differ diff --git a/README.md b/README.md index 14c4025..74e1a57 100644 --- a/README.md +++ b/README.md @@ -8,22 +8,31 @@ --- -## 🔥 Major Update in v2.0.2_rc +## 🔥 What's New in v2.0 ? -The new **v2.0.2_rc** version has completely refactored the old v1.0.4_rc UI and underlying logic, rewritten from scratch with a brand-new UI icon set and interface interaction logic. +The **New Version v2.0** has completely refactored the old v1.0.4_rc UI and underlying logic, rewritten from scratch with a brand-new UI icon set and interface interaction logic. The foundational code and concepts were largely completed back in June-July of this year. Due to recent busy schedules, the update was delayed for quite some time. I managed to find some time recently to update it, redesigning the relevant UI while preserving as much of the previous version's interface and interaction habits as possible. Essentially, all related logic has been reconstructed (see image below). #### ✅ New Version Demo -![Operation Demo](Example/hPic/H20251222-NodeAlignPro全新节点对齐与上色插件.png) +![NodeAlignPro_v2_UI](Example/hNAP_v2/h_NodeAlignPro_v2__UI.webp) +![Operation Demo](Example/hNAP_v2/ComfyUI_EasyKitHT_NodeAlignPro_v2.webp) #### If you like it, please consider giving it a **⭐Star**. Your encouragement is my greatest motivation! +
+ ⚠️ about ComfyUI Node 2.0... ⚠️ Note: Regarding the multiple alignment modes, you can ```try holding the Alt key + clicking the alignment button``` to experience the new ```Easter Egg Feature``` with its ```brand-new alignment methods```. (Note: The alignment-related functions in the ```new Node2.0 Beta``` are currently not very stable, suffering from cumulative offset issues due to various calculation errors (Reproduction: repeatedly enabling/disabling ComfyUI's native Node2.0 Beta switch will cause nodes to accumulate errors, with sizes and coordinates constantly shifting. Therefore, compatibility is temporarily withheld (even though adaptation for Node2.0 is already done, the ```logic for Node2.0 compatibility is temporarily removed``` and will be ```updated back once it stabilizes a bit more```))) ⚠️ Note: The three major sections — ```💫 Brand-new Coloring System```, ```💫 User-friendly Interaction Design```, and ```💫 Brand-new Color Picker (Original Design)``` — have undergone varying degrees of refactoring, while尽可能 retaining the basic operation logic of the ```v1.0.4_rc version```. As development is done in spare time by a non-professional programmer, ```rushed updates may inevitably contain bugs```. We appreciate your help in testing and welcome Issue submissions for feedback. Thank you for your support and understanding! +
-![v2.0.2_rc ColorPicker](Example/hPic/hNodeAlignPro__v201rc.png) -![v2.0.2_rc Features](Example/hPic/H20251222-全新节点对齐与上色UI实操演示.png) +
+ ⚠️ Legacy v1.0.4_rc UI... + +**Legacy v1.0.4_rc**: Only provided basic node alignment tools and fixed coloring tools: +![NodeAlignPro_v2_UI](Example/hNAP_v2/h_NodeAlignPro_v1__UI.webp) + +
## ✨ Core Features (Officially Released) @@ -55,18 +64,8 @@ The foundational code and concepts were largely completed back in June-July of t - **Linkage Mode**: Position linked with ComfyUI's Run button. - **Display Mode**: Always visible or auto-show upon selection. - **Right-click Menu**: Rich settings options and quick actions. -- **Node Selection**: Multiple selection tools and magic wand功能. -- **Rename Tool**: Batch rename nodes functionality. - ---- - -## ❌ Legacy Interface Comparison - -**Legacy v1.0.4_rc**: Only provided basic node alignment tools and fixed coloring tools. -![UI_Linkage【Run Button】](Example/hPic/HT20250501-联动【运行按钮】_右键菜单适配_ArtsticH_NodeAlignPro.webp) -![UI_Linkage【Run Button】](Example/hPic/HT20250501-联动【运行按钮】_ArtsticH_NodeAlignPro.webp) -![UI_Optimized UI Redraw_Added UI Scaling Adaptation](Example/hPic/HT20250430-件优化UI重绘_新增UI缩放适配_ArtsticH_NodeAlignPro.webp) -![ArtsticH_Original Design_Basic Wireframe](Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro_对比.webp) +- **Node Selection**: Multiple selection tools and Magic Wand functionality. *(In development and debugging...)* +- **Rename Tool**: Batch rename nodes functionality. *(In development and debugging...)* --- @@ -108,7 +107,8 @@ After successfully installing NodeAlignPro, basic operations (for reference). 6. **Reset Settings**: Without selecting any node > In the NAP panel > 【Mouse Right-click】 > 【One-click Reset】. 7. **Advanced Techniques**: Please refer to the **User Guide** below 👇. -## 🖥️ User Guide +
+ 🖥️ User Guide... ### Basic Operations 1. **Start Plugin**: The plugin loads automatically after ComfyUI starts. @@ -140,19 +140,15 @@ After successfully installing NodeAlignPro, basic operations (for reference). - **Right-click Menu**: Access full settings and reset functions. - **Container Linkage**: Link the operation panel position with the Run button. +
+ ## 🐛 Frequently Asked Questions -##### Q: What if the plugin doesn't show up? -A: Check if installed correctly in the custom_nodes directory, restart ComfyUI, check the browser console for errors. - -##### Q: Colors cannot be applied to nodes? -A: Ensure nodes are selected, check if nodes are locked, try refreshing the page. - -##### Q: Alignment function doesn't work? -A: Ensure 2 or more nodes are selected, check node selection status, try clearing selection and reselecting. - -##### Q: How to reset all settings? -A: Right-click menu → "One-click Reset", or clear browser localStorage. + - **Q: What if the plugin doesn't show up?** →A: Check if installed correctly in the custom_nodes directory, restart ComfyUI, check the browser console for errors. + - **Q: Colors cannot be applied to nodes?** →A: Ensure nodes are selected, check if nodes are locked, try refreshing the page. + - **Q: Alignment function doesn't work?** →A: Ensure 2 or more nodes are selected, check node selection status, try clearing selection and reselecting. + - **Q: How to reset all settings?** →A: Right-click menu → "One-click Reset", or clear browser localStorage. + - **Q: How to display plugin operation logs?** →A: Execute the following console command: ``` document.getElementById('hDebugInfo_V2')?.style.setProperty('display', 'block', 'important'); ``` --- @@ -182,9 +178,10 @@ A: Right-click menu → "One-click Reset", or clear browser localStorage. - **Slider Control**: Precise color value adjustment. - **Icon System**: SVG vector icon rendering. -## 🔧 Configuration Options -### Display Settings +
+ 🖥️ Display Settings... + ``` // Display Mode - Always Show: Operation panel always visible. @@ -194,7 +191,11 @@ A: Right-click menu → "One-click Reset", or clear browser localStorage. - 0.5x, 0.75x, 1x, 1.25x, 1.5x, 2x ``` -### Linkage Settings +
+ +
+ 📁Modes Settings... + ``` // Drag Method - Decoupled: Independent dragging of operation panel. @@ -205,7 +206,10 @@ A: Right-click menu → "One-click Reset", or clear browser localStorage. - Professional Mode: Advanced selection tools. ``` -## 📁 File Structure +
+ +
+ 📁 File Structure of NodeAlignPro... ``` ComfyUI_EasyKitHT_NodeAlignPro/ @@ -221,15 +225,25 @@ ComfyUI_EasyKitHT_NodeAlignPro/ └── NodeAlignPro_demo.png # Example Image (contains test workflow) ``` -## 🔄 Changelog +
-### v2.0.3_rc (最新发布) +## 🔄 Changelog +### v2.0.3_rc (Latest Release) +- Refactored color conversion logic +- Refactored screen color picker functionality +- Revised and improved the README documentation +- Fixed various bugs + + +
+ 📄 Release History... + +##### v2.0.2_rc (2025-12-22) - Improve UI prompts for the new version (v2.0.3_rc) - Fix several bugs - Rewrite MD tutorial documentation (Chinese-English bilingual) -##### v2.0.2_rc (2025-12-22) -### v2.0.1_rc (2025-12-24Latest Release) [v2.0 Release] +##### v2.0.1_rc (2025-12-24Latest Release) [v2.0 Release] - Added Shift/Alt/Ctrl combo key modes. - Improved color picker performance and stability. - Added node preview functionality. @@ -238,12 +252,16 @@ ComfyUI_EasyKitHT_NodeAlignPro/ ##### v1.0.4_rc (2025-08-14) ##### v1.0.3_rc (2025-05-01) ##### v1.0.2_rc (2025-04-30) -### v1.0.1_rc (2025-04-29) [v1.0 Release] +##### v1.0.1_rc (2025-04-29) [v1.0 Release] - Initial release version. - Complete alignment and color functions. - Draggable container system. - Integrated color picker tool. -##### Complete History + +
+
+ 📄 Release History... + ``` v2.0.2_rc 8a12160: 🔥NodeAlignPro Major Version Update, Optimized File Structure (New UI, More Complete Node Coloring System)→See readme for details. ---------------- @@ -279,6 +297,7 @@ ca28236: Initial commit # @see https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro ``` +
## 🤝 Contribution Guidelines - Welcome participation through the following ways: @@ -286,24 +305,22 @@ ca28236: Initial commit ## 📜 License -This project is licensed under the **GPL-3.0** License. For details, please see the [LICENSE](LICENSE) file. + - This project is licensed under the **GPL-3.0** License. For details, please see the [LICENSE](LICENSE) file. ## 👥 Contributors - [ArtsticH](https://github.com/ArtsticH) - Project creator and main developer. -- ISSUES: [@JGDMGJAPT](https://github.com/jgdmgjapt) , [@MAOMAOCHONGNE](https://github.com/MAOMAOCHONGNE) +- ISISUES: [@JGDMGJAPT](https://github.com/jgdmgjapt) 、[@MAOMAOCHONGNE](https://github.com/MAOMAOCHONGNE)、[@aimposer](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/3)、[@Rock-suv](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/4)... - Thanks to all designers, developers, testers, ComfyUI users, and feedback providers who helped. ## 🌐 Related Links - [GitHub Repository](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro) | [Issue Feedback](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues) | [ComfyUI Community](https://github.com/comfyanonymous/ComfyUI) | [ComfyUI-Manager](https://github.com/Comfy-Org/ComfyUI-Manager/tree/main) - Author's video tutorial link: https://www.bilibili.com/video/BV1V7G9z9EcU (This link is for the `v1.0.4_rc` old version tutorial; v2.0.2_rc new version tutorial待录制) -
- -
--- 👨💻 The first small project developed by a designer in spare time. Welcome to report usage issues. ⚠️ There may be untested scenarios causing anomalies. Please report via Issues. (If you like it, please consider giving it a **Star⭐**. Your encouragement is my greatest motivation!) Welcome interested friends to join! + This document was last updated: 2025-12-24 01:51 @[ArtsticH](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro)·2025 \ No newline at end of file diff --git a/README_ZH.md b/README_ZH.md index af8de23..cac306f 100644 --- a/README_ZH.md +++ b/README_ZH.md @@ -8,16 +8,15 @@ --- -## 🔥 新版v2.0.3_rc更新说明 +## 🔥 新版v2.0更新说明 -**新版v2.0.3_rc**全新重构了`v1.0.4_rc`旧版UI及底层逻辑，彻底重写v2.0.3_rc版，全新的UI图标和界面交互逻辑。 +**新版v2.0**全新重构了`v1.0.4_rc`旧版UI及底层逻辑，彻底重写v2.0.3_rc版，全新的UI图标和界面交互逻辑。 基础代码和构思早已于今年6-7月份基本完成，由于本人近期较忙，搁置了挺久迟迟没有更新。这两天抽空更新了下，在尽可能保留上一版UI及交互习惯的前提下，重新设计了相关UI，基本上可以说是全部重构了相关逻辑（详见下图）。 #### ✅ 新版效果演示 -![操作演示](Example/hPic/H20251222-NodeAlignPro全新节点对齐与上色插件.png) -![v2.0.3_rc取色器](Example/hPic/hNodeAlignPro__v201rc.png) -![v2.0.3_rc更新内容](Example/hPic/H20251222-全新节点对齐与上色UI实操演示.png) +![NodeAlignPro_v2_UI](Example/hNAP_v2/h_NodeAlignPro_v2__UI.webp) +![插件截图](Example/hNAP_v2/ComfyUI_EasyKitHT_NodeAlignPro_v2.webp) #### 如果觉得还可以，欢迎帮忙点下**⭐Star**，您的鼓励就是我最大的动力~ @@ -30,13 +29,10 @@
- ⚠️旧版v1.0.4_rc UI界面...（点击展开/收起） + ⚠️旧版v1.0.4_rc UI界面... -**旧版v1.0.4_rc**： 只提供基础的节点对齐工具和固定的上色工具。 -![UI_联动【运行按钮】](Example/hPic/HT20250501-联动【运行按钮】_右键菜单适配_ArtsticH_NodeAlignPro.webp) -![UI_联动【运行按钮】](Example/hPic/HT20250501-联动【运行按钮】_ArtsticH_NodeAlignPro.webp) -![UI_件优化UI重绘_新增UI缩放适配](Example/hPic/HT20250430-件优化UI重绘_新增UI缩放适配_ArtsticH_NodeAlignPro.webp) -![ArtsticH_原创设计_基础线稿](Example/hPic/HT20250429-优化UI重绘_元素_渲染_ArtsticH_NodeAlignPro_对比.webp) +**旧版v1.0.4_rc**： 只提供基础的节点对齐工具和固定的上色工具： +![NodeAlignPro_v2_UI](Example/hNAP_v2/h_NodeAlignPro_v1__UI.webp)
## ✨ 核心功能 (已正式上线) @@ -149,20 +145,11 @@ git fetch --all ## 🐛 常见问题 -##### Q: 插件不显示怎么办？ -A: 检查是否正确安装到custom_nodes目录，重启ComfyUI，查看浏览器控制台是否有错误。 - -##### Q: 颜色无法应用到节点？ -A: 确保已选中节点，检查节点是否处于锁定状态，尝试刷新页面。 - -##### Q: 对齐功能无效？ -A: 确保选中2个或更多节点，检查节点选择状态，尝试清除选择后重新选择。 - -##### Q: 如何重置所有设置？ -A: 右键菜单 → "一键重置"，或清除浏览器localStorage。 - -##### Q: 如何显示插件操作日志？ -A: 直接输入控制台命令：``` document.getElementById('hDebugInfo_V2')?.style.setProperty('display', 'block', 'important'); ``` + - **Q: 插件不显示怎么办？** →A: 检查是否正确安装到custom_nodes目录，重启ComfyUI，查看浏览器控制台是否有错误。 + - **Q: 颜色无法应用到节点？** →A: 确保已选中节点，检查节点是否处于锁定状态，尝试刷新页面。 + - **Q: 对齐功能无效？** →A: 确保选中2个或更多节点，检查节点选择状态，尝试清除选择后重新选择。 + - **Q: 如何重置所有设置？** →A: 右键菜单 → "一键重置"，或清除浏览器localStorage。 + - **Q: 如何显示插件操作日志？** →A: 直接输入控制台命令：``` document.getElementById('hDebugInfo_V2')?.style.setProperty('display', 'block', 'important'); ``` --- @@ -207,7 +194,7 @@ A: 直接输入控制台命令：``` document.getElementById('hDebugInfo_V2')?.s
- 🔗 联动设置... + 🔗 模式设置... ``` // 拖拽方式 @@ -243,15 +230,20 @@ ComfyUI_EasyKitHT_NodeAlignPro/ ## 🔄 更新日志 ### v2.0.3_rc (最新发布) -- 完善新版(v2.0.3_rc)界面提示 -- 修复了一些bug -- 重新便些md教程文档(中英双语) +- 重构颜色转换逻辑 +- 重构屏幕取色功能 +- 修订并完善Readme文档 +- 修复若干bug
📄 历史版本... ##### v2.0.2_rc (2025-12-22) -### v2.0.1_rc (2025-12-22)【2.0版发布】 +- 完善新版(v2.0.3_rc)界面提示 +- 修复了一些bug +- 重新编些md教程文档(中英双语) + +##### v2.0.1_rc (2025-12-22)【2.0版发布】 - 新增Shift/Alt/Ctrl组合键模式 - 改进取色器性能和稳定性 - 添加节点预览功能 @@ -260,7 +252,7 @@ ComfyUI_EasyKitHT_NodeAlignPro/ ##### v1.0.4_rc (2025-08-14) ##### v1.0.3_rc (2025-05-01) ##### v1.0.2_rc (2025-04-30) -### v1.0.1_rc (2025-04-29)【1.0版发布】 +##### v1.0.1_rc (2025-04-29)【1.0版发布】 - 初始版本发布 - 完整的对齐和颜色功能 - 可拖拽容器系统 @@ -313,21 +305,18 @@ ca28236: Initial commit ## 📜 许可证 -本项目采用 **GPL-3.0** 许可证。详细信息请查看 [LICENSE](LICENSE) 文件。 + - 本项目采用 **GPL-3.0** 许可证。详细信息请查看 [LICENSE](LICENSE) 文件。 ## 👥 贡献者 - [ArtsticH](https://github.com/ArtsticH) - 项目创建者和主要开发者 -- ISISUES: [@JGDMGJAPT](https://github.com/jgdmgjapt) 、[@MAOMAOCHONGNE](https://github.com/MAOMAOCHONGNE)、[@aimposer](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/3)、[@Rock-suv](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/4)、 +- ISISUES: [@JGDMGJAPT](https://github.com/jgdmgjapt) 、[@MAOMAOCHONGNE](https://github.com/MAOMAOCHONGNE)、[@aimposer](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/3)、[@Rock-suv](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues/4)... - 感谢所有提供帮助的设计师、开发者、测试者、ComfyUI用户和反馈者 ## 🌐 相关链接 - [GitHub仓库](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro)　|　[问题反馈](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/issues)　|　[ComfyUI社区](https://github.com/comfyanonymous/ComfyUI)　|　[ComfyUI-Manager](https://github.com/Comfy-Org/ComfyUI-Manager/tree/main) -- 作者视频教程链接：https://www.bilibili.com/video/BV1V7G9z9EcU （此链接为`v1.0.4_rc`旧版教程，v2.0.3_rc新版待录制） -
- -
+- 作者视频教程链接：https://www.bilibili.com/video/BV1V7G9z9EcU （此链接为旧版`v1.0.4_rc`教程，新版v2.0.3_rc待录制） ---