| | --- |
| | 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. |
| |
|
| | ----- |
