Clemylia commited on
Commit
9123624
·
verified ·
1 Parent(s): 28f6a2b

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +74 -1
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
+ ![Colora](http://www.image-heberg.fr/files/17560265771095335307.jpg)
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
+ -----