Update README.md

2025-05-28 00:58:10 +02:00
parent 67025dbb44
commit d59e758c71
1 changed files with 110 additions and 52 deletions
@@ -1,3 +1,99 @@
+<div align="center">
+
+# 🎨 ComfyUI Image Effects
+
+<img src="https://img.shields.io/badge/ComfyUI-Compatible-blue?style=for-the-badge&logo=python" alt="ComfyUI Compatible">
+<img src="https://img.shields.io/badge/Nodes-32-green?style=for-the-badge" alt="32 Nodes">
+<img src="https://img.shields.io/badge/Categories-6-orange?style=for-the-badge" alt="6 Categories">
+<img src="https://img.shields.io/badge/License-Apache%202.0-red?style=for-the-badge" alt="License">
+<img src="https://img.shields.io/github/stars/orion4d/ComfyUI-Image-Effects?style=for-the-badge" alt="GitHub Stars">
+<img src="https://img.shields.io/github/forks/orion4d/ComfyUI-Image-Effects?style=for-the-badge" alt="GitHub Forks">
+
+**Complete collection of professional image effects for ComfyUI**
+
+*Transform your images with 32 powerful nodes across 6 specialized categories*
+
+[📥 Installation](#installation) • [📚 Documentation](#documentation) • [🎯 Examples](#examples) • [🐛 Issues](https://github.com/orion4d/ComfyUI-Image-Effects/issues)
+
+</div>
+
+---
+
+## ✨ **Features**
+
+<table>
+<tr>
+<td width="50%">
+
+### 🎚️ **Core Effects** (7 nodes)
+- 🎚️ Levels Adjustment
+- 📈 RGB Curves  
+- 🎨 Color Balance
+- 🌈 Vibrance & Saturation
+- 🌗 Shadow/Highlight
+- 🔀 Channel Mixer
+- 💾 Saver Plus
+
+</td>
+<td width="50%">
+
+### 🎨 **Creative Effects** (5 nodes)
+- 🔮 Kaleidoscope Effect
+- ✨ Kaleidoscope Advanced
+- 🎭 ASCII Art Generator
+- 📝 ASCII Text Generator
+- 🎛️ CSS Filters
+
+</td>
+</tr>
+<tr>
+<td width="50%">
+
+### 📼 **Vintage Effects** (5 nodes)
+- 📼 VHS Glitch
+- 🎞️ Film Grain
+- 💡 Light Leaks
+- 📺 Vintage TV
+- 📷 Polaroid Effect
+
+</td>
+<td width="50%">
+
+### 🌊 **Deformation Effects** (5 nodes)
+- 🐠 Fisheye
+- 🍐 Barrel Distortion
+- 🌊 Ripple
+- 🔵 Spherize
+- 🤏 Pinch
+
+</td>
+</tr>
+<tr>
+<td width="50%">
+
+### 💡 **Light Effects** (5 nodes)
+- 💡 Lens Flare
+- 🌞 God Rays
+- 🌟 Neon Glow
+- 🌈 Holographic
+- 🌌 Aurora
+
+</td>
+<td width="50%">
+
+### 🔺 **Geometric Effects** (5 nodes)
+- 🔺 Triangulate
+- 📐 Voronoi
+- ⬡ Hexagonal Pixelate
+- ❄️ Crystallize
+- 🔷 Polygon
+
+</td>
+</tr>
+</table>
+
+---
+
 ## 🎯 **Quick Examples**

 <div align="center">
@@ -7,36 +103,36 @@
 <table>
 <tr>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/2c3e50/ffffff?text=Original+Image" alt="Original Image" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/2c3e50/ffffff?text=Original+Image" alt="Original Image" width="400">
 <br><b>📸 Original Image</b>
 <br><em>Base image for effects demonstration</em>
 </td>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/e74c3c/ffffff?text=VHS+Glitch+Effect" alt="VHS Glitch Effect" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/e74c3c/ffffff?text=VHS+Glitch+Effect" alt="VHS Glitch Effect" width="400">
 <br><b>📼 VHS Glitch Effect</b>
 <br><em>Authentic retro VHS artifacts</em>
 </td>
 </tr>
 <tr>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/9b59b6/ffffff?text=Kaleidoscope+Effect" alt="Kaleidoscope Effect" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/9b59b6/ffffff?text=Kaleidoscope+Effect" alt="Kaleidoscope Effect" width="400">
 <br><b>🔮 Kaleidoscope Effect</b>
 <br><em>Hypnotic symmetrical patterns</em>
 </td>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/3498db/ffffff?text=Aurora+Effect" alt="Aurora Effect" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/3498db/ffffff?text=Aurora+Effect" alt="Aurora Effect" width="400">
 <br><b>🌌 Aurora Effect</b>
 <br><em>Realistic northern lights simulation</em>
 </td>
 </tr>
 <tr>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/f39c12/ffffff?text=Neon+Glow" alt="Neon Glow Effect" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/f39c12/ffffff?text=Neon+Glow" alt="Neon Glow Effect" width="400">
 <br><b>🌟 Neon Glow Effect</b>
 <br><em>Cyberpunk edge highlighting</em>
 </td>
 <td align="center" width="50%">
-<img src="https://via.placeholder.com/400x300/27ae60/ffffff?text=Triangulate" alt="Triangulate Effect" width="400" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+<img src="https://via.placeholder.com/400x300/27ae60/ffffff?text=Triangulate" alt="Triangulate Effect" width="400">
 <br><b>🔺 Triangulate Effect</b>
 <br><em>Low-poly artistic transformation</em>
 </td>
@@ -50,34 +146,34 @@
 <table>
 <tr>
 <td align="center">
-<img src="https://img.shields.io/badge/Core-7%20Nodes-blue?style=for-the-badge&logo=settings" alt="Core Effects">
+<img src="https://img.shields.io/badge/Core-7%20Nodes-blue?style=for-the-badge" alt="Core Effects">
 <br><b>🎚️ Core Effects</b>
 <br>Professional adjustments
 </td>
 <td align="center">
-<img src="https://img.shields.io/badge/Creative-5%20Nodes-purple?style=for-the-badge&logo=palette" alt="Creative Effects">
+<img src="https://img.shields.io/badge/Creative-5%20Nodes-purple?style=for-the-badge" alt="Creative Effects">
 <br><b>🎨 Creative Effects</b>
 <br>Artistic transformations
 </td>
 <td align="center">
-<img src="https://img.shields.io/badge/Vintage-5%20Nodes-orange?style=for-the-badge&logo=film" alt="Vintage Effects">
+<img src="https://img.shields.io/badge/Vintage-5%20Nodes-orange?style=for-the-badge" alt="Vintage Effects">
 <br><b>📼 Vintage Effects</b>
 <br>Retro & nostalgic
 </td>
 </tr>
 <tr>
 <td align="center">
-<img src="https://img.shields.io/badge/Deformation-5%20Nodes-cyan?style=for-the-badge&logo=transform" alt="Deformation Effects">
+<img src="https://img.shields.io/badge/Deformation-5%20Nodes-cyan?style=for-the-badge" alt="Deformation Effects">
 <br><b>🌊 Deformation</b>
 <br>Geometric distortions
 </td>
 <td align="center">
-<img src="https://img.shields.io/badge/Light-5%20Nodes-yellow?style=for-the-badge&logo=lightbulb" alt="Light Effects">
+<img src="https://img.shields.io/badge/Light-5%20Nodes-yellow?style=for-the-badge" alt="Light Effects">
 <br><b>💡 Light Effects</b>
 <br>Illumination & glow
 </td>
 <td align="center">
-<img src="https://img.shields.io/badge/Geometric-5%20Nodes-green?style=for-the-badge&logo=hexagon" alt="Geometric Effects">
+<img src="https://img.shields.io/badge/Geometric-5%20Nodes-green?style=for-the-badge" alt="Geometric Effects">
 <br><b>🔺 Geometric</b>
 <br>Mathematical patterns
 </td>
@@ -88,46 +184,8 @@

 ---

-### 🎮 **Interactive Demo**
-
-<div align="center">
+## 📥 **Installation**

 <details>
-<summary><b>🔥 Click to see more effect examples</b></summary>
+<summary><b>🚀 Quick Install (Recommended)</b></summary>

-<br>
-
-<table>
-<tr>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/e67e22/ffffff?text=Fisheye" alt="Fisheye" width="300">
-<br><b>🐠 Fisheye Distortion</b>
-</td>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/8e44ad/ffffff?text=God+Rays" alt="God Rays" width="300">
-<br><b>🌞 God Rays</b>
-</td>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/16a085/ffffff?text=Crystallize" alt="Crystallize" width="300">
-<br><b>❄️ Crystallize</b>
-</td>
-</tr>
-<tr>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/c0392b/ffffff?text=Film+Grain" alt="Film Grain" width="300">
-<br><b>🎞️ Film Grain</b>
-</td>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/2980b9/ffffff?text=Holographic" alt="Holographic" width="300">
-<br><b>🌈 Holographic</b>
-</td>
-<td align="center">
-<img src="https://via.placeholder.com/300x200/d35400/ffffff?text=ASCII+Art" alt="ASCII Art" width="300">
-<br><b>🎭 ASCII Art</b>
-</td>
-</tr>
-</table>
-
-</details>
-
-</div>