|
|
--- |
|
|
license: apache-2.0 |
|
|
language: |
|
|
- fr |
|
|
pipeline_tag: image-to-image |
|
|
library_name: transformers.js |
|
|
tags: |
|
|
- art |
|
|
--- |
|
|
|
|
|
# Documentation du modèle `Colora-model` 🎨 |
|
|
|
|
|
 |
|
|
|
|
|
L'IA qui réinvente les images avec de nouvelles couleurs, sous forme de modèle JavaScript. |
|
|
|
|
|
## ✨ Qu'est-ce que c'est ? |
|
|
|
|
|
`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. |
|
|
|
|
|
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. |
|
|
|
|
|
## 🧠 Comment ça marche ? |
|
|
|
|
|
Le modèle `Colora-model` est basé sur un processus simple mais puissant : |
|
|
|
|
|
* **Saisie de l'image :** Le modèle reçoit un objet `Blob` ou `File` contenant une image. |
|
|
* **Analyse de l'IA :** Il parcourt chaque pixel de l'image pour calculer sa luminosité. |
|
|
* **Création de la règle :** Il génère une seule couleur aléatoire qui servira de filtre pour toute l'image. |
|
|
* **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. |
|
|
|
|
|
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. |
|
|
|
|
|
## 💻 Utilisation du modèle |
|
|
|
|
|
Pour utiliser `Colora-model` dans ton application, tu peux l'importer directement depuis le Hugging Face Hub. |
|
|
|
|
|
## Installation |
|
|
|
|
|
Il n'y a pas d'installation \! Tu as juste besoin d'accéder au fichier `colora.js` depuis ton code. |
|
|
|
|
|
#### Exemple d'appel du modèle |
|
|
|
|
|
Voici comment appeler et utiliser le modèle : |
|
|
|
|
|
```javascript |
|
|
import ColoraModel from 'https://huggingface.co/Clemylia/Colora-model/raw/main/colora.js'; |
|
|
|
|
|
async function processMyImage(file) { |
|
|
// Crée une instance du modèle |
|
|
const colaraModel = await ColaraModel.getInstance(); |
|
|
|
|
|
// Appelle la méthode `generate` avec le fichier image |
|
|
const result = await colaraModel.generate(file); |
|
|
|
|
|
// Le résultat est un Blob d'image |
|
|
const imageUrl = URL.createObjectURL(result.image); |
|
|
|
|
|
// Affiche l'image traitée dans la page |
|
|
const imgElement = document.createElement('img'); |
|
|
imgElement.src = imageUrl; |
|
|
document.body.appendChild(imgElement); |
|
|
} |
|
|
|
|
|
// Exemple d'utilisation avec un fichier sélectionné par l'utilisateur |
|
|
const inputFile = document.querySelector('input[type="file"]'); |
|
|
inputFile.addEventListener('change', (e) => processMyImage(e.target.files[0])); |
|
|
``` |
|
|
|
|
|
----- |
|
|
|
|
|
### ✍️ Auteur |
|
|
|
|
|
Ce modèle a été créé par **Clemylia**. |
|
|
|
|
|
----- |
|
|
|
|
|
### 📄 Licence |
|
|
|
|
|
Ce modèle est sous licence Apache-2.0. |
|
|
|
|
|
----- |
