01Démarrer
Texture Lab tient en une seule page, app.html. Rien à installer, aucun compte : ouvre la page, importe ton fichier, empile tes effets, exporte.
- Importe une image ou une vidéo (ou clique sur Essayer avec l’exemple).
- Ajoute des effets depuis la bibliothèque, ou clique sur un préréglage.
- Règle chaque effet dans l’onglet Réglages ; anime ce qui doit bouger.
- Choisis la sortie dans l’onglet Sortie : cadrage, résolution, PNG, JPEG ou vidéo.
- Exporte avec le bouton orange Exporter : le fichier arrive dans tes téléchargements.
Texture Lab calcule tout avec la carte graphique, en WebGL2. Si ton navigateur ne le gère pas, l’app l’indique au lieu de s’ouvrir : utilise alors un Chrome, Edge, Firefox ou Safari récent.
L’adresse app.html?demo ouvre l’app avec l’image d’exemple déjà chargée.
02Importer une image ou une vidéo
Glisse ton fichier n’importe où sur la page, ou clique sur la zone Importe une image ou une vidéo en haut de la barre de gauche.
| Type | Formats | À savoir |
|---|---|---|
| Image | PNG, JPEG, WebP, GIF, AVIF, BMP, SVG | Une image de plus de 8192 px de côté est réduite (3072 px sur téléphone et tablette) pour rester fluide. |
| Vidéo | MP4, MOV, WebM, M4V, MKV | À condition que ton navigateur sache la lire. Le son est récupéré s’il peut être décodé. |
| Projet | .json enregistré par Texture Lab | Glissé sur la page, il rouvre la pile et les réglages (voir Projet). |
Pas de fichier sous la main ? Image d’exemple (barre de gauche) charge une photo intégrée à l’app. Ajouter un effet ou un préréglage sans avoir rien importé charge aussi cette image.
03La pile d’effets
Les effets s’empilent dans la Pile d’effets, à gauche. Celui du haut s’applique en dernier, sur le résultat des couches du dessous.
- Glisser-déposer une couche pour changer l’ordre ;
- œil : masquer / afficher la couche sans la perdre ;
- corbeille : retirer la couche (ou touche Suppr sur la couche sélectionnée) ;
- cliquer sur une couche la sélectionne et ouvre ses réglages ; une petite icône signale les couches animées.
En haut de la page : Surprends-moi tire une pile au hasard (2 ou 3 effets de familles différentes, parfois un effet de couleur, plus un grain léger), Tout retirer vide la pile (annulable), Annuler / Rétablir remontent l’historique (jusqu’à 120 étapes, le temps de la session).
04La bibliothèque : 80 effets
L’onglet Effets montre chaque effet avec une vignette calculée sur ton image. Cherche par nom, ou filtre par famille. Un effet déjà dans la pile est cerclé d’orange ; cliquer l’ajoute en haut de la pile.
| Famille | Nb | Effets |
|---|---|---|
Couleur couleur | 11 | Réglages de base, Gradient map, Duotone, Tritone, Teinte & saturation, Postérisation, Seuil, Inversion, Aberration chromatique, Échange de canaux, Film délavé |
Dither dither | 5 | Dither Bayer, Dither bruité, Dither à motifs, Dither par diffusion, Dither 1-bit rétro |
Trame trame | 13 | Halftone, Halftone CMJN, Gravure, Hachures, ASCII, Pixels & mosaïque, Risographie, Halftone radial, Trame spirale, Trame RVB additive, Halftone hexagonal, Courbes de niveau, Tuiles Truchet |
Pixel pixel | 8 | Pixel art rétro, Écran LCD, Matrice LED, Briques à tenons, Pluie de pixels, Dissolution pixel, Mosaïque quadtree, Point de croix |
Shader shader | 6 | Vitrail, Low poly, Moiré, Plasma, Rayons lumineux, Hologramme |
Grain & matière grain | 9 | Grain film, Bruit numérique, Poussière & rayures, Papier & toile, Vignette, Flou, Netteté, Bloom & halo, Fuite de lumière |
VHS & analogique analog | 6 | VHS, Incrustation VHS, Écran CRT, Scanlines, Neige TV & interférences, Projection film |
Glitch glitch | 9 | Glitch blocs, Décalage RVB, Tranches décalées, Pixel sorting, Étirement de pixels, Déchirure de signal, Compression JPEG, Datamosh, Traînées & écho |
Distorsion distort | 7 | Verre cannelé, Ondulation, Distorsion liquide, Fisheye & bombé, Tourbillon, Miroir & kaléidoscope, Tremblement caméra |
Stylisé style | 6 | Contours, Relief, Aplats BD, Peinture (Kuwahara), Lueur néon, Pointillisme |
Trois effets sont calculés par le processeur plutôt que la carte graphique (Dither par diffusion, Pixel sorting, Compression JPEG) : ils sont plus lourds, surtout en vidéo. Deux effets à rétroaction (Datamosh, Traînées & écho) se construisent image après image.
05Régler un effet
L’onglet Réglages affiche l’effet sélectionné. En tête, quatre boutons :
- Animer l’effet : anime d’un coup ses deux premiers réglages principaux (ou son opacité s’il n’en a pas) ;
- Au hasard : tire de nouvelles valeurs autour des valeurs par défaut ;
- Réinitialiser : valeurs par défaut, opacité 100 %, mode Normal, sans animation ;
- Dupliquer : copie la couche juste au-dessus.
Les réglages sont des curseurs, des listes, des couleurs, des interrupteurs ou du texte (l’Incrustation VHS affiche le texte et la date que tu saisis). Les réglages secondaires sont sous Plus de réglages. Double-clic sur un curseur : retour à sa valeur par défaut.
Dégradés
Les effets à dégradé (Gradient map, et les dithers ou trames en palette « Dégradé ») ont un éditeur : clique sur la barre pour ajouter un point, fais glisser les points, change leur couleur, retire un point (deux au minimum) ou inverse le dégradé. Quatorze dégradés sont prêts : Noir & blanc, Binks, Thermique, Coucher, Cyber, Game Boy, Sépia, Néon, Or, Glace, Infrarouge, Riso, Menthe, Bleu de Prusse.
Fusion
Chaque couche a une opacité et un mode de fusion : Normal, Produit, Écran, Incrustation, Lumière tamisée, Addition, Différence, Couleur, Luminosité.
06Animer
Chaque réglage numérique, et l’opacité, a un petit bouton d’animation à côté de son nom. Une fois activé :
- Valeur d’arrivée : la valeur du curseur est le départ, celle-ci l’arrivée ;
- Mouvement : va-et-vient, montée en boucle, pulsation, dérive organique ou saccadé ;
- Vitesse : exprimée en cycles par boucle, arrondie pour que l’animation boucle pile sur la durée de la vidéo.
Certains effets bougent déjà d’eux-mêmes (grain, VHS, glitch, plasma…) avec leur propre réglage de vitesse. Dès que la pile est animée, une image fixe peut être exportée en vidéo. La barre de lecture sous l’aperçu (lecture / pause, temps, curseur) sert à vérifier le mouvement.
07Préréglages
Vingt préréglages remplissent la pile en un clic ; tu les règles ensuite comme n’importe quelle pile :
- VHS 1994
- Game Boy
- Riso zine
- Journal
- Glitch club
- Cyber CRT
- Film 35 mm
- Gravure
- Verre cannelé
- Terminal
- Thermique
- 1-bit Atkinson
- Pixel sort
- Photocopie
- CMJN offset
- Datamosh
- PICO-8
- Hologramme
- Vitrail
- Binks
Enregistrer la pile (icône à côté de « Préréglages ») la garde sous le nom de ton choix ; elle apparaît après les préréglages fournis, avec une petite croix pour la supprimer. Un nom déjà pris remplace l’ancien préréglage. Voir tous les préréglages déplie la liste complète.
08Comparer et aperçu
- Comparer (en haut) : un volet sépare l’original et le résultat ; fais glisser la poignée.
- Maintiens C : affiche l’original tant que la touche est enfoncée.
- Aperçu Fluide / Net (onglet Sortie) : l’aperçu est limité à 1500 px (Fluide) ou 2600 px (Net) pour rester rapide. L’export se fait toujours en pleine résolution.
09Sortie et export
L’onglet Sortie règle le fichier, le bouton Exporter le produit.
| Réglage | Choix |
|---|---|
| Cadrage | Original, 1:1, 4:5, 9:16, 16:9 (recadrage centré) |
| Résolution | Originale, 4K, 1440p, 1080p, 720p (taille du petit côté) — 8192 px maximum, ou moins si la carte graphique l’impose. La taille exacte est affichée : « Sortie en L × H px ». |
| Format | PNG ; JPEG (qualité 50 à 100 %, 92 % par défaut) ; Vidéo |
| Vidéo | Durée (0,5 à 60 s pour une image ; davantage possible pour une longue vidéo source), 24, 25, 30 ou 60 images/s |
| Vidéo source | Début et fin dans la source, boucler la source si la vidéo est plus longue, garder le son |
Avec une vidéo en entrée, PNG ou JPEG exportent l’image affichée à cet instant.
Comment la vidéo est encodée
- Si ton navigateur gère WebCodecs : rendu image par image, en MP4 (H.264, sinon VP9 ou AV1), avec le son de ta vidéo d’origine en AAC ou Opus si tu le gardes. Une barre de progression permet d’annuler.
- Sinon, si le navigateur sait enregistrer un canvas : enregistrement en temps réel (MP4 ou WebM selon le navigateur), 1080p au plus, sans le son.
- Sinon, l’export vidéo est refusé avec un message : exporte une image.
Nom du fichier
Le fichier prend le nom de ta source suivi de -texturelab : photo.jpg donne photo-texturelab.png, .jpg ou .mp4 (.webm possible en enregistrement temps réel). Il arrive dans ton dossier de téléchargements ; sur téléphone, une feuille « C’est prêt » propose aussi de l’enregistrer dans Photos ou Fichiers, ou de le partager.
10Projet et sauvegarde locale
Ce qui revient tout seul au rechargement : ta pile d’effets (réglages, opacités, modes, animations) et tes réglages de sortie, mémorisés dans le navigateur à chaque modification. Si la sortie était en Vidéo, elle repasse en PNG au rechargement. Tes préréglages perso restent aussi. L’image ou la vidéo, elle, n’est pas gardée : réimporte-la.
Enregistrer le projet (bas de la barre de gauche) télécharge texture-lab-projet.json : la pile et les réglages de sortie, sans le média. Ouvrir un projet le recharge (les effets inconnus sont ignorés) ; sans média chargé, l’image d’exemple est utilisée.
La mémoire du navigateur est liée à l’adresse du site et au navigateur : vider ses données de site efface ta session et tes préréglages perso. Enregistre un projet pour garder une pile importante.
11Sur téléphone et tablette
Sous 900 px de large (ou en paysage sur téléphone), Texture Lab passe en mise en page « app » :
- une barre d’onglets en bas : Effets, Pile, Réglages, Sortie, Média ; chaque onglet ouvre un panneau qui glisse depuis le bas ;
- dans la Pile, appui long sur une couche (ou glisser sa poignée) pour la déplacer ;
- maintiens le doigt sur l’image pour voir l’original ; le volet Comparer est dans le menu « … » avec Surprends-moi, les préréglages et le projet ;
- Exporter ouvre un récapitulatif (format, définition, durée, images/s) avant de lancer l’export. Garde l’app ouverte et l’écran allumé jusqu’à la fin.
Ajoutée à l’écran d’accueil, l’app s’ouvre en plein écran.
12Raccourcis clavier
| Touche | Action |
|---|---|
| Ctrl / ⌘ + Z | Annuler |
| Ctrl / ⌘ + Maj + Z, ou Ctrl / ⌘ + Y | Rétablir |
| Espace | Lecture / pause |
| C maintenu | Voir l’original |
| Suppr ou Retour arrière | Retirer la couche sélectionnée |
| Échap | Fermer un panneau ou une boîte de dialogue (mise en page mobile) |
| Double-clic sur un curseur | Valeur par défaut |
Les raccourcis à une touche sont ignorés pendant la saisie dans un champ texte.
13FAQ et limites
Mes fichiers sont-ils envoyés quelque part ?
Non. Images et vidéos sont lues, calculées et encodées dans ton navigateur ; rien n’est envoyé sur un serveur. Seules les polices de l’interface sont chargées depuis un service de polices en ligne.
Pourquoi l’aperçu est moins net que l’export ?
L’aperçu est volontairement limité pour rester fluide. Passe l’aperçu en Net, ou fais confiance à l’export : il est toujours en pleine résolution.
Ma vidéo ne s’ouvre pas
Le navigateur doit savoir la lire : un MP4 en H.264 est le plus sûr. Sinon, convertis-la avant import.
L’export vidéo est lent
Chaque image est recalculée en pleine résolution. Réduis la résolution, la durée ou les images/s, et évite les effets calculés par le processeur (Dither par diffusion, Pixel sorting, Compression JPEG) sur les longues vidéos.
Ma vidéo exportée n’a pas de son
Vérifie que Garder le son est activé (s’il indique « aucune piste trouvée », le son n’a pas pu être lu). En enregistrement temps réel, le son n’est jamais inclus.
Ma pile a disparu après une mise à jour du navigateur
La session vit dans le stockage du navigateur ; s’il a été vidé, rouvre ton fichier projet .json.
14Agents IA
Texture Lab peut être piloté par un agent (Claude Code, Codex…) par son interface : il n’y a pas d’API JavaScript publique, mais les commandes clés ont des identifiants stables. Le mode d’emploi complet est sur la page Agents IA et dans AGENTS.md (français puis anglais).