v2.1.0: 🔥add i18n Language Kit (For english user)，fix md
This commit is contained in:
ArtsticH
@@ -1,166 +1,185 @@
|
||||
# ComfyUI_EasyKitHT_NodeAlign Pro 🎨
|
||||
# ComfyUI_EasyKitHT_NodeAlign Pro [↙切换中文] 🎨
|
||||
|
||||
[](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/stargazers) [](LICENSE) [](README_ZH.md) [](README.md)
|
||||
[](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/stargazers) [](LICENSE) [](README_ZH.md) [](README.md)
|
||||
|
||||
## 📋 Project Introduction
|
||||
## 📋 Project Overview
|
||||
|
||||
**ComfyUI_EasyKitHT_NodeAlignPro** is a powerful ComfyUI plugin independently developed by a designer, offering a brand-new alignment toolset and a professional node color management system. The built-in alignment tool layout follows the common operational logic and experience of the design industry. The coloring tool with multiple modes is more reasonable, and a new real-time color picker has been added for quick coloring. This plugin aims to enhance the workflow efficiency of ComfyUI users by simplifying node layout and color management through an intuitive interface and rich features.
|
||||
**ComfyUI_EasyKitHT_NodeAlignPro** is independently developed by a designer.
|
||||
It is an essential plugin for managing node layout and color schemes in ComfyUI, featuring professional alignment tools and a real-time node color picker **now compatible with ComfyUI Node 2.0**. Its capabilities encompass alignment and distribution, a real-time node color picker, a color palette, 7 preset colors, grayscale/custom modes, and one-click reverse alignment, offering brand new alignment tools and a professional node color management system. The layout of the built-in alignment tools follows a more professional and universally logical workflow and user experience, while the multi-mode coloring tool is more rationally designed. (Natively supports multilingual UI display)
|
||||
Features an original real-time preview color adjustment/picking component based on nodes, facilitating quick node color picking and application. This plugin aims to enhance the workflow efficiency of ComfyUI users by simplifying node layout and color management processes through an intuitive interface and rich functionality.
|
||||
|
||||
---
|
||||
|
||||
## 🔥 What's New in v2.1 ?
|
||||
## 🔥 What's New in v2.1
|
||||
|
||||
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).
|
||||
**The new v2.0 is fully adapted with an i18n multilingual configuration file, natively supporting languages like Chinese, English (and can be extended in the future to support more languages such as Russian, French, etc.), making it more user-friendly for friends around the world.**
|
||||
While preserving the UI and interaction habits of the previous version as much as possible, the interface interaction logic has been fine-tuned, and the UI continues to be iteratively updated (see images below).
|
||||
|
||||
#### ✅ New Version Demo
|
||||
#### ✅ New UI Showcase
|
||||
|
||||
|
||||
**✅【260114 update】：Added ComfyUI Menu (Integrated into the official menu page)👇**
|
||||
|
||||
|
||||
#### If you like it, please consider giving it a **⭐Star**. Your encouragement is my greatest motivation!
|
||||
<details>
|
||||
<summary><b>⚠️ about ComfyUI Node 2.0...</b></summary>
|
||||
#### ✅【Update 260125】: Added ComfyUI menu, new i18n multilingual adaptation (now integrated into the official menu page)👇
|
||||
|
||||
|
||||
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```)))
|
||||
|
||||
</details>
|
||||
#### If you like it, feel free to give it a **⭐Star**! Your encouragement is my greatest motivation!
|
||||
|
||||
<details>
|
||||
<summary><b>⚠️ Legacy v1.0.4_rc UI...</b></summary>
|
||||
|
||||
**Legacy v1.0.4_rc**: Only provided basic node alignment tools and fixed coloring tools:
|
||||
|
||||
|
||||
**Legacy v1.0.4_rc**: Only provided basic node alignment tools and a fixed coloring tool:
|
||||
|
||||
</details>
|
||||
|
||||
## ✨ Core Features (Officially Released)
|
||||
|
||||
| 💫 Intelligent Alignment System | 💫 Brand-new Coloring System | 💫 User-friendly Interaction Design | 💫 Brand-new Color Picker (Original Design) |
|
||||
|---------------------------|---------------------------|---------------------------|---------------------------|
|
||||
| ✅ Multiple Alignment Modes | 🖼️ One-click Color Management | 🖱️ Floating Tool Panel | ✅ Native JS/CSS New Color Picking System |
|
||||
| 📐 Dynamic Spacing Distribution Algorithm | 🔗 Real-time Linked Color Preview | 🧩 New Custom Configuration | 🎨 Color Palette Modes: Color/Grayscale/Custom |
|
||||
| 👥 Multi-Node Group Coordination | 💾 Custom Palette Saving & Restoring System | 💾 Layout Memory & Restore System | 👏 Palette: Random/Favorite/Remove/Manual Add |
|
||||
| 💫 Node 2.0 Alignment System | 💫 New Coloring System | 💫 User-Centric Design | 💫 New Color Picker (Original Design) |
|
||||
|------------------------------|----------------------------|----------------------------|---------------------------------------|
|
||||
| 🔥 **New Node 2.0 Algorithms** | 🖼️ One-Click Color Mgmt. | 🖱️ Hovering Tool Panel | ✅ **Original Real-Time Preview Color Picker/Adjuster** |
|
||||
| 📐 **Original Alt Reverse-Baseline Algo.** | 🔗 Live Full-Screen Picker | ⚙️ New Custom Configuration | 🎨 Color Mode: Colorful/Grayscale/Custom |
|
||||
| 📊 Two Alignment/Distribution Algorithms | 🎨 Whole Node/Title-Only Coloring | 💾 Layout Memory & Restore | 🧩 Swatches: Random/Favorite/Remove/Manual |
|
||||
| 🧩 Multiple Alignment Modes | 🧩 Custom Swatch Favorites & Restore | 🌐 Native i18n Multilingual | 🎨 Presets: Specially Tuned Color Values |
|
||||
|
||||
### 🎨 Color Management Module
|
||||
- **Two Coloring Modes**: Title-only / Full-node 【v2.0.3_rc New】
|
||||
- **Seven Preset Colors**: Quickly apply standard colors to selected nodes.
|
||||
- **Grayscale Palette**: Hold the **Shift key** to switch to grayscale color mode. 【v2.0.1_rc New】
|
||||
- **Custom Palette**: Hold the **Alt key** to enter custom color mode. 【v2.0.1_rc New】
|
||||
- **Color Favorites**: Use **Ctrl+Alt combo** to lock/unlock custom colors. 【v2.0.1_rc New】
|
||||
- **Random Color**: Click the random color button for a random color. 【v2.0.1_rc New】
|
||||
- **Super Random Colors**: Press **Alt key** + **Random Color Button** to generate 7 random colors at once and apply them in real-time to selected nodes. 【v2.0.2_rc New】
|
||||
- **Smart Color Picker**: Built-in **HSB/RGB real-time color picker** adapted for ComfyUI nodes. 【v2.0.2_rc New】 (Zero dependencies, pure native JS+CSS development & design.)
|
||||
- **Real-time Node Color Preview**: Real-time preview of color effects applied to nodes. 【v2.0.2_rc New】 (Zero dependencies, pure native JS+CSS development & design.)
|
||||
#### 🎯 Advanced Features
|
||||
- **i18n Multilingual**: Natively adapted i18n multilingual system.
|
||||
- **Node 2.0 Support**: Brand new support for ComfyUI Node 2.0 nodes.
|
||||
- **ComfyUI System Menu Integration**: Permanently visible or auto-shown with selection.
|
||||
- **Custom Drag & Scale**: Freely draggable and scalable operation panel.
|
||||
- **AcBar Link Mode**: Linked positioning with ComfyUI's Run button.
|
||||
- **Right-Click Menu**: Rich settings and quick actions.
|
||||
- **Batch Node Selection**: Multiple selection tools and magic wand (In development/debugging...).
|
||||
- **Batch Node Renaming**: Batch rename node feature (In development/debugging...).
|
||||
|
||||
### 🔧 Node Alignment Tools
|
||||
- **Basic Alignment**: Left align, Right align, Top align, Bottom align.
|
||||
- **Center Distribution**: Vertical center and Horizontal center.
|
||||
- **Even Spacing**: Horizontal even distribution and Vertical even distribution.
|
||||
- **Uniform Sizing**: Equal width and Equal height adjustment.
|
||||
- **Smart Mode**: Press **Alt key** + click corresponding **Alignment Button** for reverse reference alignment. 【v2.0.2_rc New】
|
||||
#### 🎨 Color Management Module
|
||||
- **Two Coloring Modes**: Color only node title / Color entire node 【Added in v2.0.3_rc】.
|
||||
- **Seven Preset Color Groups**: Quickly apply standard colors to selected nodes.
|
||||
- **Grayscale Palette**: Hold **Shift** to switch to grayscale mode 【Added in v2.0.1_rc】.
|
||||
- **Custom Palette**: Hold **Alt** to enter custom color mode 【Added in v2.0.1_rc】.
|
||||
- **Color Favorites**: **Ctrl+Alt** to lock/unlock custom colors 【Added in v2.0.1_rc】.
|
||||
- **Random Color**: Click the random color button for one random color 【Added in v2.0.1_rc】.
|
||||
- **Super Random Colors**: **Alt** + **Random Color Button** randomizes 7 colors at once and applies them in real-time to selected nodes 【Added in v2.0.1_rc】.
|
||||
- **Live Color Picker**: Built-in **Full-Screen Live Color Picker** 【Added in v2.0.1_rc】 (Zero dependencies, pure native JS+CSS).
|
||||
- **Node Color Adjustment Live Preview Component**: Original real-time preview color adjuster/picker component based on nodes 【Added in v2.0.1_rc】 (Zero dependencies, pure native JS+CSS).
|
||||
|
||||
### 🎯 Advanced Features
|
||||
- **Draggable Container**: Freely draggable and scalable operation panel.
|
||||
- **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 functionality. *(In development and debugging...)*
|
||||
- **Rename Tool**: Batch rename nodes functionality. *(In development and debugging...)*
|
||||
#### 🔧 Node Alignment Module
|
||||
- **Basic Alignment**: Left, Right, Top, Bottom.
|
||||
- **Center Alignment**: Vertical Center and Horizontal Center.
|
||||
- **Even Distribution**: Horizontal Even Distribution and Vertical Even Distribution.
|
||||
- **Uniform Sizing**: Equal Width and Equal Height.
|
||||
- **Reverse-Baseline Mode**: **Alt** + Click corresponding **Alignment Button** for reverse-baseline alignment 【Added in v2.0.1_rc】.
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Installation Methods
|
||||
## 🚀 Installation
|
||||
|
||||
### Method 1: Git Clone (Recommended)
|
||||
#### Method 1: Via ComfyUI Manager (Recommended)
|
||||
1. Search for "**NodeAlign Pro**" in **ComfyUI Manager** (note the space before "Pro").
|
||||
2. Find `EasyKit-NodeAlign-Pro`, click Install `(This method installs the ComfyUI registered plugin version: will auto-generate the official easykit-node-align directory)`.
|
||||
3. Wait for prompt, restart ComfyUI.
|
||||
|
||||
#### Method 2: Git Clone (Recommended)
|
||||
1. Navigate to your ComfyUI/custom_nodes directory, run `(This method installs the git version: will auto-generate the ComfyUI_EasyKitHT_NodeAlignPro directory)`:
|
||||
```
|
||||
cd ComfyUI/custom_nodes
|
||||
git clone https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git
|
||||
```
|
||||
|
||||
### Method 2: Manual Installation
|
||||
1. Open the project address: https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro
|
||||
2. Download the plugin ZIP (```<>Code``` > ```Download ZIP```).
|
||||
3. Extract to the ```ComfyUI/custom_nodes``` directory (Ensure correct directory hierarchy: ```ComfyUI/custom_nodes/ComfyUI_EasyKitHT_NodeAlignPro```).
|
||||
4. Restart ComfyUI.
|
||||
- For users in China or those who cannot access GitHub, use the Gitee mirror:
|
||||
```
|
||||
git clone https://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git
|
||||
```
|
||||
|
||||
### Method 3: ComfyUI Manager
|
||||
1. Search for "NodeAlignPro" in the ComfyUI Manager (if not installed, install ComfyUI Manager first).
|
||||
2. Find ```ComfyUI_EasyKitHT_NodeAlignPro```, click Install.
|
||||
3. Restart ComfyUI.
|
||||
|
||||
### Supplementary: Git Update (First navigate to the ComfyUI_EasyKitHT_NodeAlignPro directory manually)
|
||||
#### Method 3: Comfy Install
|
||||
`(This method installs the ComfyUI registered plugin version: will auto-generate the official easykit-node-align directory)`
|
||||
```
|
||||
git fetch --all
|
||||
comfy node install easykit-node-align
|
||||
```
|
||||
|
||||
#### Method 4: Manual Git Install
|
||||
1. Go to the project page: https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro
|
||||
2. Download the ZIP (`<>Code` > `Download ZIP`).
|
||||
3. Extract to `ComfyUI/custom_nodes` directory (Ensure correct path: `ComfyUI/custom_nodes/ComfyUI_EasyKitHT_NodeAlignPro`).
|
||||
4. Restart ComfyUI.
|
||||
|
||||
## 🚀 Plugin Update
|
||||
|
||||
#### Method 1: Update via ComfyUI Manager (Recommended)
|
||||
1. In **ComfyUI Manager**, search for "**NodeAlign Pro**" (note the space before "Pro").
|
||||
2. Find `EasyKit-NodeAlign-Pro`, click Install/Update.
|
||||
3. Wait for prompt, restart ComfyUI.
|
||||
|
||||
#### Method 2: Git Update (Navigate to ComfyUI_EasyKitHT_NodeAlignPro directory first)
|
||||
```
|
||||
git fetch --all && git reset --hard origin/main
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 🚀 Quick Start (Brief Guide)
|
||||
After successfully installing NodeAlignPro, basic operations (for reference).
|
||||
|
||||
#### 🚀 Quick Start (Brief Guide)
|
||||
After successful installation, basic operations (for reference).
|
||||
|
||||
1. **Node Coloring**: In ComfyUI, select any node > Click any **color button** in the NodeAlignPro panel (hereafter NAP panel) (🔴🟠🟡🟢🔵🟣🟤, ```Clear Color```, ```Color Picker```, ```Random Color```).
|
||||
2. **Custom Color**: Select any node > Click the **color picker button** in the NAP panel.
|
||||
3. **Node Alignment**: Select any node > Click any **alignment button** in the NAP panel.
|
||||
4. **Reverse Alignment**: Select any node > Press **Alt key** + click the corresponding **alignment button** for reverse reference alignment.
|
||||
└ Example: ```Left Align``` → Select multiple nodes > Press ```Alt key``` + ```Left Align Button```, then alignment uses the ```rightmost node``` as the ```reference``` for ```left alignment``` (Default left alignment uses the leftmost node as reference).
|
||||
5. **Dragging the NAP Panel**: Without selecting any node > Click the buttons on the left/right sides of the NAP panel, a four-way arrow cursor (↕↔) appears, then drag.
|
||||
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 👇.
|
||||
1. **Color a Node**: In ComfyUI, select any node(s) > click any **color button** in the NodeAlignPro panel (hereafter NAP panel) (🔴🟠🟡🟢🔵🟣🟤, `Clear Color` `Color Picker` `Random Color`).
|
||||
2. **Custom Color**: Select any node(s) > click the **Color Picker button** in the NAP panel.
|
||||
3. **Align Nodes**: Select any node(s) > click any **alignment button** in the NAP panel.
|
||||
4. **Reverse-Baseline Alignment**: Select any node(s) > Hold **Alt** + Click the corresponding **alignment button** for reverse-baseline alignment.
|
||||
└ Example: `Left Align` → select multiple nodes > `Alt`+`Left Align Button` uses the `rightmost node` as the `baseline` for `left alignment` (Default left align uses the `leftmost node` as the `baseline`).
|
||||
5. **Drag NAP Panel**: Without selecting any node > Click the buttons on either side of the NAP panel, wait for the four-way arrow cursor (↕↔) to appear, then drag.
|
||||
6. **Reset Settings**: Without selecting any node > Right-click within the NAP panel > 【One-Click Reset】.
|
||||
7. **Advanced Tips**: Please refer to the **User Guide** below 👇.
|
||||
|
||||
<details>
|
||||
<summary><b>🖥️ User Guide...</b></summary>
|
||||
<summary><b>🖥️ 《User Guide》...</b></summary>
|
||||
|
||||
### Basic Operations
|
||||
1. **Start Plugin**: The plugin loads automatically after ComfyUI starts.
|
||||
#### Basic Operations
|
||||
1. **Start Plugin**: Plugin loads automatically after ComfyUI starts.
|
||||
2. **Show/Hide**: Control visibility via right-click menu or hotkeys.
|
||||
3. **Drag to Move**: Drag the title bar or separator line to move the panel.
|
||||
4. **Scale Adjustment**: Adjust UI scaling via the right-click menu.
|
||||
4. **Scale Adjustment**: Adjust UI scaling via right-click menu.
|
||||
|
||||
### Color Mode Switching
|
||||
| Key Combination | Mode Description | Function Description |
|
||||
|---------|---------|---------|
|
||||
| **No Key** | Default Mode | Seven preset colors |
|
||||
| **Shift** | Grayscale Mode | Black/white/gray series colors |
|
||||
| **Alt** | Custom Mode | Custom color management |
|
||||
| **Ctrl+Alt** | Lock Mode | Lock/Unlock custom colors |
|
||||
#### Color Mode Switching
|
||||
| Key Combination | Mode | Description |
|
||||
|-----------------|---------------|---------------------------------|
|
||||
| **No Key** | Default Mode | Seven preset colors |
|
||||
| **Shift** | Grayscale Mode| Black/White/Gray series colors |
|
||||
| **Alt** | Custom Mode | Custom color management |
|
||||
| **Ctrl+Alt** | Lock Mode | Lock/Unlock custom colors |
|
||||
|
||||
### Alignment Operations
|
||||
#### Alignment Operations
|
||||
1. Select 2 or more nodes on the ComfyUI canvas.
|
||||
2. Click the corresponding button on the alignment panel:
|
||||
- **Left Align**: Align all nodes to the left.
|
||||
- **Vertical Center**: Vertically center all nodes.
|
||||
- **Right Align**: Align all nodes to the right.
|
||||
- **Top Align**: Align all nodes to the top.
|
||||
- **Horizontal Center**: Horizontally center all nodes.
|
||||
- **Bottom Align**: Align all nodes to the bottom.
|
||||
- **Left Align**: All nodes align to the left.
|
||||
- **Vertical Center**: All nodes align to the vertical center.
|
||||
- **Right Align**: All nodes align to the right.
|
||||
- **Top Align**: All nodes align to the top.
|
||||
- **Horizontal Center**: All nodes align to the horizontal center.
|
||||
- **Bottom Align**: All nodes align to the bottom.
|
||||
|
||||
### Advanced Techniques
|
||||
- **Alt + Alignment Button**: Use "reverse reference" for alignment.
|
||||
- **Double-click Color Picker Preview**: Toggle between whole node / title-only coloring mode.
|
||||
- **Right-click Menu**: Access full settings and reset functions.
|
||||
- **Container Linkage**: Link the operation panel position with the Run button.
|
||||
#### Advanced Tips
|
||||
- **Alt + Alignment Button**: Use "Reverse Baseline" for alignment.
|
||||
- **Double-click Color Picker Preview**: Toggle between coloring entire node or title only.
|
||||
- **Right-Click Menu**: Access full settings and reset functions.
|
||||
- **Container Link**: Link the operation panel position with the Run button.
|
||||
|
||||
</details>
|
||||
|
||||
## 🐛 Frequently Asked Questions
|
||||
## 🐛 FAQ
|
||||
- **Q: How to switch language?**
|
||||
→ A: Click the menu at the bottom left of ComfyUI > 🔥 NodeAlignPro> NodeAlignPro基本设置(Basic Settings)> NodeAlignPro UI语言(Language).
|
||||
|
||||
- **Q: Colors won't apply to nodes?**
|
||||
→ A: Ensure nodes are selected, check if nodes are locked, try refreshing the page.
|
||||
|
||||
- **Q: Colors cannot be applied to nodes?**
|
||||
A: Ensure nodes are selected, check if nodes are locked, try refreshing the page.
|
||||
- **Q: Alignment doesn't work?**
|
||||
→ A: Ensure 2 or more nodes are selected, check node selection status, try clearing and re-selecting.
|
||||
|
||||
- **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'); ```
|
||||
- **Q: What if the plugin doesn't show up?**
|
||||
A: Directly click on the ComfyUI menu > 🔥 NodeAlignPro > Z Developer Options > ⚠ Force Reset NodeAlignPro plugin.
|
||||
|
||||
```↑ If the plugin still doesn't work after the [Force Reset], please use ComfyUI Manager to check if the plugin is installed correctly. If not installed, search for "NodeAlignPro" to reinstall it. If it is installed, try to repair or update it.```
|
||||
- **Q: How to reset all settings?**
|
||||
→ A: Right-click menu → "One-Click Reset", OR ComfyUI bottom-left menu > 🔥 NodeAlignPro> Z开发人员选项(Developer Options)> ⚠强制重置NodeAlignPro插件.
|
||||
|
||||
- **Q: What if the plugin doesn't show up?**
|
||||
→ A: Click ComfyUI bottom-left menu > 🔥 NodeAlignPro> Z开发人员选项(Developer Options)> ⚠强制重置NodeAlignPro插件.
|
||||
|
||||
```↑ If it still doesn't work after 【Force Reset】, use ComfyUI Manager to check if the plugin is installed correctly. If not installed, search for "NodeAlign Pro" to reinstall. If installed, try FIX/Repair or Update.```
|
||||
|
||||
---
|
||||
|
||||
@@ -168,90 +187,45 @@ After successfully installing NodeAlignPro, basic operations (for reference).
|
||||
<summary><b>⚙️ Technical Features...</b></summary>
|
||||
|
||||
#### Architecture Design
|
||||
- **🌐 Native Development**: Implemented from scratch using only native JS+CSS.
|
||||
- **🔒 Zero Dependencies**: No reliance on any third-party frameworks/libraries or existing code snippets.<small style="color:#999"> (Only imports the necessary Python built-in OS module in __init__.py) </small>
|
||||
- **📴 Fully Offline Operation**: Runs entirely locally, no dependence on any network resources, ensuring security and reliability for local private deployment.
|
||||
- **📄 Single File Characteristic**: Centralized development in a single file. While slightly lengthy overall, it facilitates centralized management and debugging/maintenance.<small style="color:#999"> (Even using Windows Notepad; in fact, many minor adjustments were tested by tweaking directly with Notepad.) </small>
|
||||
- **🧩 Modular Design**: Separation of color, alignment, and UI controllers.<small style="color:#999"> (Achieves module separation on a single-file basis, facilitating future development to some extent.) </small>
|
||||
- **🏷️ Standardized Naming**: Customized a personal naming style for clear distinction.
|
||||
- **🌐 Native Development**: Implemented from scratch using native JS+CSS.
|
||||
- **🔒 Zero Dependencies**: No reliance on any third-party frameworks/libraries or existing code snippets.
|
||||
- **📴 Fully Offline Operation**: Runs entirely locally, no network resources required, ensuring security and reliability for private deployment.
|
||||
- **📄 Single-File Characteristic**: Core features developed in a centralized single file. While somewhat lengthy, it facilitates centralized management and debugging.
|
||||
- **🧩 Modular Design**: Color, Alignment, and UI Controller are separated.
|
||||
- **🏷️ Standardized Naming**: Uses a custom naming convention for clear distinction.
|
||||
- **💻 Responsive Layout**: Adapts to different screen resolutions.
|
||||
- **⚡ Performance Optimization**: Throttling and debouncing in necessary sections.
|
||||
- **💾 State Persistence**: Saves user settings to local storage.
|
||||
- **✅ Truly Open Source / No Obfuscation**: Complete retention of necessary comments and variable/parameter names, no code obfuscation for pseudo-open source.
|
||||
|
||||
#### Color System
|
||||
- **HSB/RGB/HEX**: Full color space support.
|
||||
- **Real-time Preview**: Node SVG preview updates in real-time.
|
||||
- **Intelligent Distribution**: Multi-node color intelligent distribution algorithm.
|
||||
- **CSS Variables**: Unified theme color management.
|
||||
|
||||
#### UI Components
|
||||
- **Draggable Container**: Supports boundary detection and elastic bounce-back.
|
||||
- **Dropdown Menu**: Smooth animations and hover interactions.
|
||||
- **Slider Control**: Precise color value adjustment.
|
||||
- **Icon System**: SVG vector icon rendering.
|
||||
|
||||
|
||||
#### 🖥️ Display Settings
|
||||
|
||||
```
|
||||
// Display Mode
|
||||
- Always Show: Operation panel always visible.
|
||||
- Follow Selection: Auto-show when 2 or more nodes are selected.
|
||||
|
||||
// UI Scaling
|
||||
- 0.5x, 0.75x, 1x, 1.25x, 1.5x, 2x
|
||||
```
|
||||
|
||||
#### >📁Modes Settings
|
||||
|
||||
```
|
||||
// Drag Method
|
||||
- Decoupled: Independent dragging of operation panel.
|
||||
- Linked: Position linked with the Run button.
|
||||
|
||||
// Working Mode
|
||||
- Alignment Mode: Basic alignment functions.
|
||||
- Professional Mode: Advanced selection tools.
|
||||
```
|
||||
|
||||
#### 📁 File Structure of NodeAlignPro
|
||||
|
||||
```
|
||||
ComfyUI_EasyKitHT_NodeAlignPro/
|
||||
├── __init__.py
|
||||
├── README.md # English Documentation
|
||||
├── README_ZH.md # 中文说明文档
|
||||
├── LICENSE # License File
|
||||
├── pyproject.toml
|
||||
└── ArtsticH/ # Project Files
|
||||
├── hNodeAlignPro.js # Main Program File
|
||||
└── Example/
|
||||
├── NodeAlignPro_demo.json # Test Workflow
|
||||
└── NodeAlignPro_demo.png # Example Image (contains test workflow)
|
||||
```
|
||||
- **⚡ Performance Optimized**: Throttling and debouncing applied where necessary.
|
||||
- **💾 State Persistence**: Plugin settings are automatically cached for next use.
|
||||
- **✅ Truly Open Source / No Obfuscation**: Necessary comments and variable/parameter names are fully preserved; code is not obfuscated for pseudo-open-source.
|
||||
|
||||
</details>
|
||||
|
||||
## 🔄 Changelog
|
||||
### v2.0.3_rc (Latest Release)
|
||||
- Added ComfyUI Menu (Integrated into the official menu page)
|
||||
- Refactored color conversion logic
|
||||
- Refactored screen color picker functionality
|
||||
- Revised and improved the README documentation
|
||||
- Fixed various bugs
|
||||
|
||||
### v2.1.0 (Latest 2.1 Release)
|
||||
- Optimized ComfyUI menu, added i18n multilingual adaptation (integrated into official menu page).
|
||||
- Refactored color conversion logic.
|
||||
- Refactored screen color picker functionality.
|
||||
- Revised and improved Readme documentation.
|
||||
- Fixed several bugs.
|
||||
|
||||
<details>
|
||||
<summary><b>📄 Release History...</b></summary>
|
||||
<summary><b>📄 Previous Versions...</b></summary>
|
||||
|
||||
##### v2.0.3_rc
|
||||
- Added ComfyUI menu (integrated into official menu page).
|
||||
- Refactored color conversion logic.
|
||||
- Refactored screen color picker functionality.
|
||||
- Revised and improved Readme documentation.
|
||||
- Fixed several bugs.
|
||||
|
||||
##### 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)
|
||||
- Improved new version (v2.0.3_rc) interface prompts.
|
||||
- Fixed some bugs.
|
||||
- Rewrote md tutorial documentation (Chinese/English bilingual).
|
||||
|
||||
##### v2.0.1_rc (2025-12-24Latest Release) [v2.0 Release]
|
||||
- Added Shift/Alt/Ctrl combo key modes.
|
||||
##### v2.0.1_rc (2025-12-22) 【2.0 Release】
|
||||
- Added Shift/Alt/Ctrl key combination modes.
|
||||
- Improved color picker performance and stability.
|
||||
- Added node preview functionality.
|
||||
- Optimized UI interaction experience.
|
||||
@@ -259,75 +233,83 @@ 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]
|
||||
- Initial release version.
|
||||
- Complete alignment and color functions.
|
||||
##### v1.0.1_rc (2025-04-29) 【1.0 Release】
|
||||
- Initial version release.
|
||||
- Complete alignment and color features.
|
||||
- Draggable container system.
|
||||
- Integrated color picker tool.
|
||||
|
||||
</details>
|
||||
<details>
|
||||
<summary><b>📄 Release History...</b></summary>
|
||||
<summary><b>📄 Historical Changelog...</b></summary>
|
||||
|
||||
```
|
||||
v2.0.2_rc 8a12160: 🔥NodeAlignPro Major Version Update, Optimized File Structure (New UI, More Complete Node Coloring System)→See readme for details.
|
||||
v2.0.2_rc 8a12160: 🔥NodeAlignPro major version update, optimized file structure (new UI, comprehensive node coloring system) → see readme for details.
|
||||
----------------
|
||||
v2.0.1_rc dd2a09f: 🔥NodeAlignPro Major Version Update Released (New UI, More Complete Node Coloring System)
|
||||
v2.0.1_rc dd2a09f: 🔥NodeAlignPro major version update released (new UI, comprehensive node coloring system)
|
||||
d90bd02: 🔥Update Preview (A Major Update for the Upcoming Version 😁)→See README for details.
|
||||
----------------
|
||||
v1.0.4_rc b77a9d7: FIX README, ht History Optimization.
|
||||
v1.0.4_rc b77a9d7: FIX README, optimized ht history log.
|
||||
----------------
|
||||
v1.0.3_rc a62e3a6: Fix the ui scaling adaptation issue, The interlocking control function has been newly added.
|
||||
d067502: remove res, add hPic, FIX README,FIX README_ZH.md
|
||||
----------------
|
||||
v1.0.2_rc b11f325: upload README
|
||||
cb93ffa-461032d: README Modifications
|
||||
cb93ffa-461032d: README modifications
|
||||
4e60dc2: Fixed REEADME, Rename some img, Add README_ZH.md
|
||||
fac4c81: UPLoad README , Create README_ZH.md
|
||||
9f1839e: README Modifications - Added UI Scaling Adaptation
|
||||
ef5735d: Added UI Scaling, Fixed issue where old version color removal didn't work.
|
||||
8ac01db: Added Main Features: Alignment Distribution, Node Coloring. Fixed Readme image display issues.
|
||||
9f1839e: README修改-新增UI缩放适配
|
||||
ef5735d: Added UI scaling, fixed issue where color removal didn't work in old version.
|
||||
8ac01db: Added main features: alignment/distribution, node coloring. Fixed Readme image display issue.
|
||||
----------------
|
||||
v1.0.1_rc 2926b82: README Modifications
|
||||
10749c7: ComfyUI_EasyKitHT_NodeAlignPro is a newly developed ComfyUI node alignment plugin and node coloring plugin.
|
||||
New visual UI, relatively more aligned with the common operational logic of designers.
|
||||
Aiming to provide a relatively aesthetic user experience for everyone.
|
||||
Added main features: Alignment distribution, Node coloring.
|
||||
v1.0.1_rc 2926b82: README修改
|
||||
10749c7: ComfyUI_EasyKitHT_NodeAlignPro is a newly designed ComfyUI node alignment and coloring plugin.
|
||||
Brand new visual UI, relatively more aligned with the operational logic familiar to designer friends.
|
||||
Added main features: alignment/distribution, node coloring.
|
||||
----------------
|
||||
ca28236: Initial commit
|
||||
----------------
|
||||
# @Artstich_Example
|
||||
# @name ComfyUI_EasyKitHT_NodeAlignPro (ComfyUI Plugin)
|
||||
# @description ComfyUI_EasyKitHT_NodeAlignPro is a lightweight ComfyUI node alignment and node coloring tool
|
||||
# for refactoring and rewriting the UI based on the open-source projects Comfyui-Align and Comfyui-Nodealigner.
|
||||
# @author Artstich @date 2025-06-15 @version v2.0.2_rc @license GPL-3.0
|
||||
# @see https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro
|
||||
/**
|
||||
* @Artstich_Example
|
||||
* @name easykit-node-align (ComfyUI Plugin)
|
||||
* @description Professional alignment & real-time node color picker. A must-have plugin for managing node layout and color schemes in ComfyUI. Features a real-time color picker, alignment, 7 preset colors, grayscale/custom modes, and one-click reverse alignment.
|
||||
* @author ArtsticH
|
||||
* @see https://registry.comfy.org/zh/nodes/easykit-node-align
|
||||
* @see https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro
|
||||
* @see https://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro
|
||||
* @installCommand comfy node install easykit-node-align
|
||||
* @installCommand git clone https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git
|
||||
* @installCommand git clone https://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git
|
||||
* @created 2025-04-29 @date 2025-06-15 @version v2.0.3 @lastUpdated 2026-01-24 @license GPL-3.0
|
||||
* @copyright ©2012-2026, All rights reserved. Freely open to use, modify, and distribute in accordance with the GPL-3.0 license.
|
||||
*/
|
||||
```
|
||||
|
||||
</details>
|
||||
## 🤝 Contribution Guidelines
|
||||
|
||||
- Welcome participation through the following ways:
|
||||
```Submit usage feedback```, ```New Issue```, ```Improve code logic```, ```Fork & PR```, ```Improve multilingual documentation```, ```Share your creative node layouts```, ```Share your custom color palettes```
|
||||
## 🤝 Contributing
|
||||
|
||||
- Welcome to participate and improve through:
|
||||
```Submit feedback```, `New Issue`, `Discussions`, ```Improve code logic```, `Fork & PR`, ```Improve multilingual docs```, ```Share your creative node layouts```, ```Share your custom color swatches```
|
||||
|
||||
## 📜 License
|
||||
|
||||
- This project is licensed under the **GPL-3.0** License. For details, please see the [LICENSE](LICENSE) file.
|
||||
- This project is licensed under **GPL-3.0**. See the [LICENSE](LICENSE) file for details.
|
||||
|
||||
## 👥 Contributors
|
||||
|
||||
- [ArtsticH](https://github.com/ArtsticH) - Project creator and main developer.
|
||||
- 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.
|
||||
- Project Initiator & Main Developer: [@ArtsticH](https://github.com/ArtsticH)
|
||||
- Issues & Discussions: [@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), [@BlissiraHQ](https://github.com/BlissiraHQ)...
|
||||
- Thanks to all designers, developers, testers, ComfyUI users, and feedback providers who have 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待录制)
|
||||
- [Source 1: Last Releases](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/releases) | [Source 2: Comfy registry](https://registry.comfy.org/zh/nodes/easykit-node-align) | [Source 3: Gitee Mirror](https://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro) | [Issues](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 (Legacy v1.0.4_rc): https://www.bilibili.com/video/BV1V7G9z9EcU (New v2.1.0 tutorial pending recording)
|
||||
|
||||
---
|
||||
|
||||
👨💻 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!
|
||||
👨💻 The first small project developed by a designer in their spare time. Feedback is welcome!
|
||||
⚠️ There might be untested edge cases, please report via Issues (If you like it, feel free to give it a **Star⭐**, your encouragement is my greatest motivation!). Welcome to join if you're interested!
|
||||
|
||||
<small style="color:#999">This document was last updated: 2025-12-24 01:51 @[ArtsticH](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro)·2025</small>
|
||||
<small style="color:#999">Document last updated: Jan 25, 2026, 10:24 @[ArtsticH](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro)·2025</small>
|
||||
+3
-3
@@ -1,4 +1,4 @@
|
||||
# ComfyUI_EasyKitHT_NodeAlign Pro 🎨
|
||||
# ComfyUI_EasyKitHT_NodeAlign Pro [↙切换中文] 🎨
|
||||
|
||||
[](https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/stargazers) [](LICENSE) [](README_ZH.md) [](README.md)
|
||||
|
||||
@@ -187,11 +187,11 @@ git fetch --all && git reset --hard origin/main
|
||||
<summary><b>⚙️ 技术特性...</b></summary>
|
||||
|
||||
#### 架构设计
|
||||
- **🌐原生开发**：仅使用原生JS+CSS从零实现
|
||||
- **🌐原生开发**：使用原生JS+CSS从零实现
|
||||
- **🔒零依赖**：不依赖任何第三方框架/库或现有代码段
|
||||
- **📴全离线运行**：全本地化运行，不依赖任何网络资源，确保本地化私有部署的安全可靠性
|
||||
- **📄单文件特性**：核心单文件集中开发，虽整体略显冗长，但方便集中管理，和调试维护
|
||||
- **🧩模块化设计**：颜色、对齐、UI控制器分离<small style="color:#999">（在单文件基础上做到模块分离，在一定程度上方便后续开发）</small>
|
||||
- **🧩模块化设计**：颜色、对齐、UI控制器分离
|
||||
- **🏷️规范化命名**：自定义了一套自己风格的命名，做明显区分
|
||||
- **💻响应式布局**：自适应不同屏幕分辨率
|
||||
- **⚡性能优化**：必要环节的节流和防抖处理
|
||||
|
||||
@@ -40,7 +40,12 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "CLIPTextEncode"
|
||||
"Node name for S&R": "CLIPTextEncode",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
"text, watermark,\nDistortion, disproportionate, incorrectly spliced limbs, incorrect fingers, multiple heads, one body with multiple heads, incomplete limbs, elongated body, blurry, deformed, objects covering the face, facial artifacts, obscured eyes, covered mouth, incorrect splicing, malformed fingers, extra limbs, elongated neck, blurry face, graphical glitches, textured face errors, lowres, watermark, cropped, out of frame, bad proportions, disfigured, mutated, extra arms, fused fingers, missing lips, malformed ears, irregular iris, skin blemishes, unnatural lighting, strange colors on face, glitchy effects near mouth or eyes, artificial lighting artifacts\n"
|
||||
@@ -87,7 +92,12 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "VAEDecode"
|
||||
"Node name for S&R": "VAEDecode",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": []
|
||||
},
|
||||
@@ -125,7 +135,12 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "CLIPTextEncode"
|
||||
"Node name for S&R": "CLIPTextEncode",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
"High - definition, realistic, young woman, natural facial features, smooth skin, clear eyes, natural mouth, good natural lighting, good lighting effects,"
|
||||
@@ -161,7 +176,12 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "EmptyLatentImage"
|
||||
"Node name for S&R": "EmptyLatentImage",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
512,
|
||||
@@ -171,6 +191,44 @@
|
||||
"color": "#555504",
|
||||
"bgcolor": "#6e6e1d"
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "SaveImage",
|
||||
"pos": [
|
||||
570,
|
||||
50
|
||||
],
|
||||
"size": [
|
||||
340,
|
||||
360
|
||||
],
|
||||
"flags": {},
|
||||
"order": 7,
|
||||
"mode": 0,
|
||||
"inputs": [
|
||||
{
|
||||
"name": "images",
|
||||
"type": "IMAGE",
|
||||
"link": 9
|
||||
}
|
||||
],
|
||||
"outputs": [],
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "SaveImage",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
"_hNodeAlignPro2"
|
||||
],
|
||||
"color": "#124c12",
|
||||
"bgcolor": "#2b652b"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "CheckpointLoaderSimple",
|
||||
@@ -216,10 +274,15 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "CheckpointLoaderSimple"
|
||||
"Node name for S&R": "CheckpointLoaderSimple",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
"v1-5-pruned-emaonly-fp16.safetensors"
|
||||
"hMJ麦橘\\SD15\\MajicMixRealistic_麦橘写实_v7.safetensors"
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -238,9 +301,15 @@
|
||||
"mode": 0,
|
||||
"inputs": [],
|
||||
"outputs": [],
|
||||
"properties": {},
|
||||
"properties": {
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
"How to use 👉hNodeAlignPro2_demo ？\n----[DownLoad]-----------------------\ngithub:\thttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro\ngitee:\thttps://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro\n-------------------------------------\n----[Tutorial]-----------------------\nhttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/blob/main/README_ZH.md\nhttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/blob/main/README.md\nv1.1_rc(old)\t👉https://www.bilibili.com/video/BV1V7G9z9EcU\n-------------------------------------\n16:20 2025/05/21"
|
||||
"How to use 👉hNodeAlignPro2_demo ？\n----[DownLoad]-----------------------\ngithub:\thttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro\ngitee:\thttps://gitee.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro\n-------------------------------------\n----[Tutorial]-----------------------\nhttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/blob/main/README_ZH.md\nhttps://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro/blob/main/README.md\nv1.1_rc(old)\t👉https://www.bilibili.com/video/BV1V7G9z9EcU\n-------------------------------------\n16:20 2025/05/21\n10:24 2026/01/25"
|
||||
],
|
||||
"color": "#432",
|
||||
"bgcolor": "#653"
|
||||
@@ -294,10 +363,15 @@
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "KSampler"
|
||||
"Node name for S&R": "KSampler",
|
||||
"ue_properties": {
|
||||
"widget_ue_connectable": {},
|
||||
"version": "7.5.2",
|
||||
"input_ue_unconnectable": {}
|
||||
}
|
||||
},
|
||||
"widgets_values": [
|
||||
2718281828459,
|
||||
2718281828450,
|
||||
"fixed",
|
||||
20,
|
||||
8,
|
||||
@@ -307,39 +381,6 @@
|
||||
],
|
||||
"color": "#23236a",
|
||||
"bgcolor": "#3c3c83"
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "SaveImage",
|
||||
"pos": [
|
||||
570,
|
||||
50
|
||||
],
|
||||
"size": [
|
||||
340,
|
||||
360
|
||||
],
|
||||
"flags": {},
|
||||
"order": 7,
|
||||
"mode": 0,
|
||||
"inputs": [
|
||||
{
|
||||
"name": "images",
|
||||
"type": "IMAGE",
|
||||
"link": 9
|
||||
}
|
||||
],
|
||||
"outputs": [],
|
||||
"properties": {
|
||||
"cnr_id": "comfy-core",
|
||||
"ver": "0.3.30",
|
||||
"Node name for S&R": "SaveImage"
|
||||
},
|
||||
"widgets_values": [
|
||||
"_hNodeAlignPro2"
|
||||
],
|
||||
"color": "#124c12",
|
||||
"bgcolor": "#2b652b"
|
||||
}
|
||||
],
|
||||
"links": [
|
||||
@@ -420,19 +461,20 @@
|
||||
"config": {},
|
||||
"extra": {
|
||||
"ds": {
|
||||
"scale": 1.0610764609500007,
|
||||
"scale": 1.7088742511245865,
|
||||
"offset": [
|
||||
603.718669561933,
|
||||
257.211249467138
|
||||
789.1435745239633,
|
||||
399.4678757804318
|
||||
]
|
||||
},
|
||||
"frontendVersion": "1.34.9",
|
||||
"frontendVersion": "1.36.14",
|
||||
"ue_links": [],
|
||||
"VHS_latentpreview": false,
|
||||
"VHS_latentpreviewrate": 0,
|
||||
"VHS_MetadataImage": true,
|
||||
"VHS_KeepIntermediate": true,
|
||||
"workflowRendererVersion": "LG"
|
||||
"workflowRendererVersion": "LG",
|
||||
"links_added_by_ue": []
|
||||
},
|
||||
"version": 0.4
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 495 KiB After Width: | Height: | Size: 526 KiB |
Reference in New Issue
Block a user