Update README.md
Browse files
README.md
CHANGED
|
@@ -6,4 +6,77 @@ pipeline_tag: image-to-image
|
|
| 6 |
library_name: transformers.js
|
| 7 |
tags:
|
| 8 |
- art
|
| 9 |
-
---
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
library_name: transformers.js
|
| 7 |
tags:
|
| 8 |
- art
|
| 9 |
+
---
|
| 10 |
+
|
| 11 |
+
# Documentation du modèle `Colora-model` 🎨
|
| 12 |
+
|
| 13 |
+

|
| 14 |
+
|
| 15 |
+
L'IA qui réinvente les images avec de nouvelles couleurs, sous forme de modèle JavaScript.
|
| 16 |
+
|
| 17 |
+
## ✨ Qu'est-ce que c'est ?
|
| 18 |
+
|
| 19 |
+
`Colora-model` est un modèle **génératif simple**, créé en JavaScript. Son but est de transformer des images en créations artistiques en leur appliquant des filtres de couleurs aléatoires.
|
| 20 |
+
|
| 21 |
+
Contrairement aux filtres photo classiques, `Colora-model` ne se contente pas de changer la luminosité ou le contraste. Il analyse chaque pixel d'une image et applique une règle intelligente : choisir une couleur aléatoire, puis la mélanger à la luminosité du pixel d'origine. Le résultat est une photo avec une nouvelle ambiance colorée, tout en conservant les détails et les ombres de l'image de départ.
|
| 22 |
+
|
| 23 |
+
## 🧠 Comment ça marche ?
|
| 24 |
+
|
| 25 |
+
Le modèle `Colora-model` est basé sur un processus simple mais puissant :
|
| 26 |
+
|
| 27 |
+
* **Saisie de l'image :** Le modèle reçoit un objet `Blob` ou `File` contenant une image.
|
| 28 |
+
* **Analyse de l'IA :** Il parcourt chaque pixel de l'image pour calculer sa luminosité.
|
| 29 |
+
* **Création de la règle :** Il génère une seule couleur aléatoire qui servira de filtre pour toute l'image.
|
| 30 |
+
* **Génération du résultat :** Il applique cette couleur aléatoire à chaque pixel, en utilisant la luminosité calculée pour créer une image artistique.
|
| 31 |
+
|
| 32 |
+
Ce modèle ne nécessite **pas de machine learning**. Il est basé sur des règles définies dans son code source, ce qui le rend léger et rapide à utiliser directement dans un navigateur.
|
| 33 |
+
|
| 34 |
+
## 💻 Utilisation du modèle
|
| 35 |
+
|
| 36 |
+
Pour utiliser `Colora-model` dans ton application, tu peux l'importer directement depuis le Hugging Face Hub.
|
| 37 |
+
|
| 38 |
+
## Installation
|
| 39 |
+
|
| 40 |
+
Il n'y a pas d'installation \! Tu as juste besoin d'accéder au fichier `colora.js` depuis ton code.
|
| 41 |
+
|
| 42 |
+
#### Exemple d'appel du modèle
|
| 43 |
+
|
| 44 |
+
Voici comment appeler et utiliser le modèle :
|
| 45 |
+
|
| 46 |
+
```javascript
|
| 47 |
+
import ColoraModel from 'https://huggingface.co/Clemylia/Colora-model/raw/main/colora.js';
|
| 48 |
+
|
| 49 |
+
async function processMyImage(file) {
|
| 50 |
+
// Crée une instance du modèle
|
| 51 |
+
const colaraModel = await ColaraModel.getInstance();
|
| 52 |
+
|
| 53 |
+
// Appelle la méthode `generate` avec le fichier image
|
| 54 |
+
const result = await colaraModel.generate(file);
|
| 55 |
+
|
| 56 |
+
// Le résultat est un Blob d'image
|
| 57 |
+
const imageUrl = URL.createObjectURL(result.image);
|
| 58 |
+
|
| 59 |
+
// Affiche l'image traitée dans la page
|
| 60 |
+
const imgElement = document.createElement('img');
|
| 61 |
+
imgElement.src = imageUrl;
|
| 62 |
+
document.body.appendChild(imgElement);
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
// Exemple d'utilisation avec un fichier sélectionné par l'utilisateur
|
| 66 |
+
const inputFile = document.querySelector('input[type="file"]');
|
| 67 |
+
inputFile.addEventListener('change', (e) => processMyImage(e.target.files[0]));
|
| 68 |
+
```
|
| 69 |
+
|
| 70 |
+
-----
|
| 71 |
+
|
| 72 |
+
### ✍️ Auteur
|
| 73 |
+
|
| 74 |
+
Ce modèle a été créé par **Clemylia**.
|
| 75 |
+
|
| 76 |
+
-----
|
| 77 |
+
|
| 78 |
+
### 📄 Licence
|
| 79 |
+
|
| 80 |
+
Ce modèle est sous licence Apache-2.0.
|
| 81 |
+
|
| 82 |
+
-----
|