Technologies Créatives. Pen plotter et p5.js : le passage au papier de Léa

Pen plotter et p5.js: le passage au papier de Léa

Soudain, l’algorithme doit composer avec la friction du papier, la viscosité de l’encre et le temps de déplacement d’un moteur.

C’est là que le discours sur la liberté numérique commence à se fissurer. Un programme p5.js peut produire des milliers de formes en quelques secondes. Un pen plotter, lui, ne dessine qu’un trait après l’autre. Le passage du pixel à l’encre n’est donc pas une simple impression: c’est une négociation technique avec la gravité, les outils et les limites très concrètes d’une table traçante.

Pour Léa, comme pour beaucoup d’artistes qui pratiquent le code créatif, le sujet n’est pas seulement de convertir une image en fichier SVG. Il s’agit de repenser l’œuvre afin qu’elle puisse exister hors de l’écran. Le dessin génératif avec p5.js et traceur commence précisément au moment où l’image numérique cesse d’être souveraine.

La mutation du pixel vers le trait: les défis de la matérialité

Sur écran, une forme peut être pleine, transparente, floue ou composée d’un dégradé complexe. Le moteur graphique se charge de calculer les couleurs et de les afficher pixel par pixel. Un traceur physique ne raisonne pas ainsi. Il ne comprend ni le fond coloré ni le dégradé comme un dispositif d’impression classique. Il déplace un outil selon des coordonnées et produit un marquage continu.

Cette différence paraît élémentaire. Elle change pourtant toute la logique de conception.

Un cercle affiché par p5.js peut être rendu avec un remplissage uniforme en une fraction de seconde. Sur papier, le même cercle exige soit un contour, soit une succession de lignes de hachurage. Une forme noire n’est plus une surface: elle devient une densité de passages. Un dégradé n’est plus une variation de couleur calculée par le logiciel: il doit être traduit par un espacement progressif entre les lignes, une variation de pression — si le matériel le permet — ou un changement d’outil.

Le pen plotter ne produit donc pas une copie physique de l’image affichée dans le navigateur. Il interprète une géométrie. Et cette interprétation est souvent brutale: tout ce qui n’est pas converti en trajectoire disparaît.

Le traceur ne transforme pas une image en objet. Il oblige l’image à révéler sa structure.

Dans un projet d’art génératif sur traceur pen plotter, chaque élément visuel doit être ramené à une suite de coordonnées et de segments. Les lignes deviennent les unités fondamentales de l’œuvre. Leur longueur, leur ordre, leur superposition et leur vitesse d’exécution comptent autant que leur apparence finale.

Ce déplacement impose plusieurs arbitrages:

• Une forme très détaillée peut devenir illisible lorsque les segments sont trop nombreux ou trop rapprochés.
• Une génération aléatoire séduisante à l’écran peut produire un amas d’encre sans hiérarchie sur papier.
• Une variation presque imperceptible dans le navigateur peut devenir très visible lorsque le stylo repasse plusieurs fois au même endroit.
• Un même fichier peut changer radicalement selon la pointe utilisée, la pression exercée, le grammage du papier ou le temps de séchage de l’encre.

Le numérique ne supprime donc pas les contraintes matérielles. Il les déplace, puis les rend parfois plus difficiles à anticiper. Dans une image raster, le logiciel masque le travail d’interprétation. Dans le traçage, chaque déplacement du stylo revient à la surface.

Concevoir pour un outil, pas pour une fenêtre

La tentation consiste à développer d’abord une image p5.js parfaite à l’écran, puis à chercher ensuite comment la rendre traçable. C’est une méthode efficace pour produire une déception. Elle enferme l’artiste dans une esthétique pensée pour les pixels et transforme l’exportation en opération de sauvetage.

Le code créatif pour pen plotter demande une autre hiérarchie. Dès le début, il faut décider ce que le stylo est capable de faire et ce que l’algorithme doit lui demander.

Une boucle qui génère des particules peut fonctionner sur écran avec des milliers de points. Sur une table traçante, ces points deviennent souvent des micro-déplacements inutiles. Un système de lignes peut sembler pauvre dans l’interface p5.js, puis devenir très riche lorsque l’espacement, l’orientation et l’épaisseur du trait entrent en jeu. Le résultat final dépend moins du nombre d’éléments que de leur organisation spatiale.

Le principe est peu spectaculaire, mais déterminant: un traceur ne récompense pas l’excès de calcul. Il récompense la lisibilité des trajectoires.

Maîtriser l’exportation vectorielle avec p5.plotSvg

p5.js est conçu pour le dessin interactif dans un environnement principalement orienté vers le rendu à l’écran. La bibliothèque ne gère pas nativement un export SVG propre et directement adapté au traçage physique. C’est le premier malentendu à dissiper: enregistrer une capture d’écran ou produire une image raster en haute définition ne revient pas à préparer un fichier pour un pen plotter.

Pour passer du code à l’encre sur papier, il faut générer des chemins vectoriels. Ces chemins décrivent les mouvements que la machine devra effectuer. Ils peuvent ensuite être ouverts, nettoyés et optimisés avant d’être transmis au traceur.

Des bibliothèques tierces comme p5.js-svg ou p5.plotSvg permettent d’étendre p5.js dans cette direction. p5.plotSvg a été conçue par Golan Levin à la Carnegie Mellon University, avec le soutien de Bantam Tools, pour produire des fichiers SVG adaptés à la géométrie des traceurs tels que l’AxiDraw. Elle prend en charge plusieurs versions de p5.js, notamment les versions 1.4.2 à 1.11.13 ainsi que la série 2.3.0 indiquée dans sa documentation technique.

La différence avec un export d’image classique est fondamentale. Le fichier ne conserve pas seulement l’apparence d’un dessin: il enregistre ses contours et ses trajectoires. Cette information est exploitable par le matériel.

Ce que l’export SVG conserve — et ce qu’il abandonne

Le passage par SVG ne garantit pas mécaniquement un bon dessin. Il conserve la géométrie vectorielle, mais il ne résout pas toutes les questions de fabrication. Une ligne peut être parfaitement définie et néanmoins mal ordonnée. Un contour peut être trop complexe. Une forme peut être remplie à l’écran mais rester vide dans le fichier destiné au traceur.

Le fichier vectoriel doit donc être pensé comme une partition de mouvements. Il indique où le stylo va, mais l’artiste doit encore décider dans quel ordre il s’y rend.

Voici ce qui mérite une attention particulière dans un dessin génératif avec p5.js et traceur:

La résolution standard de certains environnements d’exportation SVG peut être fixée à 96 DPI, tandis que 300 DPI reste une référence courante pour une impression raster physique. Mais comparer mécaniquement ces deux valeurs serait trompeur: un fichier SVG n’est pas une image à pixels. La question n’est pas seulement celle de la résolution. Elle concerne surtout les dimensions du document, l’unité utilisée, l’échelle réelle et la densité des trajectoires.

Une erreur d’échelle peut transformer une composition équilibrée en un dessin minuscule au centre de la feuille ou en un motif qui déborde du support. Il faut donc définir le format physique en amont: largeur, hauteur, marges, orientation et zone réellement accessible par la machine.

Les coordonnées comme matière artistique

Dans p5.js, les coordonnées sont souvent utilisées pour positionner des formes dans une fenêtre. Pour un traceur, elles doivent correspondre à un espace physique. Cette translation oblige à clarifier les relations entre l’aire de dessin et la feuille.

Une composition de 800 par 800 unités n’a pas de signification matérielle tant qu’elle n’est pas associée à une taille de papier. L’artiste peut vouloir un carré compact, un format vertical ou une série de feuilles identiques. Chaque choix modifie la perception des lignes et l’énergie du geste mécanique.

Le cadre ne doit pas être traité comme une formalité administrative. Dans l’art algorithmique sur table traçante, il devient une contrainte générative à part entière. Une même règle peut produire une œuvre dense sur un petit format et une structure presque silencieuse sur une feuille plus grande.

C’est aussi à ce stade qu’il faut refuser une confusion répandue: plus de lignes ne signifie pas plus de complexité artistique. Au-delà d’un certain seuil, le trait ne construit plus une forme. Il fabrique une rente visuelle de densité, une accumulation qui donne l’illusion du travail parce qu’elle occupe beaucoup de papier.

L’art du hachurage: simuler les aplats de couleur sur traceur

Un pen plotter ne prend pas en charge les aplats de couleur comme une imprimante. Il suit des tracés vectoriels continus et dépose de l’encre au passage. Pour remplir une surface, il faut donc générer une série de lignes: c’est le hachurage, ou hatching.

Cette technique n’est pas un simple substitut fonctionnel. Elle transforme le langage graphique. La surface se construit par répétition, et la répétition révèle le temps mécanique du dessin. La couleur devient une question de densité. La profondeur peut être suggérée par l’orientation des lignes. La matière visuelle naît de l’écart entre les passages.

Le hachurage peut être régulier, radial, ondulatoire ou soumis à une fonction mathématique. Dans un système génératif, l’algorithme peut moduler:

• l’espacement entre les lignes pour créer des zones plus ou moins sombres;
• l’angle du hachurage pour suivre la direction d’une forme;
• la longueur des segments pour préserver les contours;
• la courbure des trajectoires pour produire une sensation de mouvement;
• la superposition de plusieurs familles de lignes pour simuler une profondeur ou une variation chromatique.

Mais la technique comporte un piège évident: si le code remplit toutes les zones avec la même logique, il écrase les différences de structure. Le résultat devient une moquette de traits, techniquement correcte et visuellement morte.

Transformer les aplats en décisions

À l’écran, le remplissage permet de cacher certaines faiblesses de construction. Une forme pleine conserve une présence même si son contour est approximatif. Avec un traceur, le remplissage par hachures expose les erreurs: intersections, trous, superpositions inutiles, densité excessive.

Il faut alors distinguer la fonction des lignes. Certaines décrivent le bord. D’autres construisent le volume. D’autres encore ne servent qu’à renforcer une zone sombre. Si toutes les lignes ont la même priorité, aucune ne structure véritablement l’image.

Une approche robuste consiste à traiter chaque zone selon son rôle visuel. Les contours peuvent être tracés une seule fois avec une ligne relativement nette. Les surfaces peuvent recevoir un hachurage plus léger. Les régions de forte densité peuvent être produites par plusieurs couches orientées différemment, mais sans répéter aveuglément les mêmes chemins.

Le stylo devient alors un outil de calcul limité mais expressif. Il ne mélange pas les couleurs. Il ne simule pas une profondeur de champ. Il ne corrige pas les incohérences de composition. En échange, il matérialise les décisions de l’algorithme avec une franchise que l’écran n’offre pas toujours.

Sur papier, l’aléatoire n’est plus une excuse esthétique: chaque répétition coûte du temps, de l’encre et une part de lisibilité.

La gestion de plusieurs outils ajoute une autre couche de complexité. Un dessin peut utiliser un stylo fin pour les structures et un feutre plus épais pour les masses. Mais cette combinaison ne doit pas devenir une simple démonstration de matériel. Le changement d’outil a un coût en réglage, en alignement et en cohérence visuelle. S’il n’est pas inscrit dans la logique de l’œuvre, il ressemble vite à une option de catalogue.

Le hasard doit accepter le papier

Le code créatif s’appuie souvent sur le hasard et le bruit. Ces procédés donnent de la variation et empêchent la répétition mécanique. Pourtant, le hasard numérique n’est pas neutre une fois transposé sur une feuille.

Une variation minime de position peut créer un croisement supplémentaire. Une petite fluctuation d’angle peut rendre un hachurage trop compact. Une graine aléatoire différente peut produire une composition dont le temps de traçage augmente fortement sans améliorer le résultat.

L’usage d’une graine fixe est alors précieux. Il permet de reproduire une version, de comparer plusieurs paramètres et de distinguer une modification du code d’un simple changement aléatoire. Cette reproductibilité ne retire pas son intérêt à l’œuvre générative. Elle rend au contraire les choix plus lisibles: l’artiste peut faire varier la densité ou la structure sans perdre le contrôle de l’ensemble.

L’enjeu n’est pas d’éradiquer le hasard. C’est de lui donner un budget. Une zone peut être aléatoire, mais son format, sa densité et sa relation au cadre doivent rester décidés.

Optimisation des trajectoires: le rôle crucial de vpype

Un fichier SVG peut être visuellement satisfaisant et mécaniquement inefficace. Le traceur suivra les chemins dans l’ordre où ils sont enregistrés, même si cet ordre l’oblige à traverser plusieurs fois la feuille sans dessiner. Ces déplacements à vide allongent le temps d’exécution et augmentent les risques de traces parasites, de frottement ou de décalage.

C’est ici qu’intervient vpype, un outil couramment utilisé pour le post-traitement des fichiers destinés au traçage. Il permet notamment de recadrer le dessin, de réorganiser les chemins, de simplifier les lignes et de trier les trajectoires.

Chaque opération répond à un problème concret.

Le recadrage remet la composition dans les limites du support et élimine les éléments qui dépassent de la zone utile. La simplification réduit le nombre de segments lorsque ceux-ci sont trop nombreux pour apporter une différence visible. Le tri des lignes cherche à rapprocher les trajectoires afin de limiter les déplacements inutiles du stylo.

Cette phase est souvent considérée comme une corvée technique, comme si l’optimisation relevait d’un service après-vente de l’art. C’est une erreur. L’ordre des lignes modifie la fabrication et parfois l’apparence du dessin. Une trajectoire qui repasse sur une zone déjà humide peut épaissir l’encre. Un contour exécuté trop tard peut être noyé sous les hachures. Un long déplacement au-dessus de la feuille peut laisser une marque si la pointe ne se relève pas correctement.

Simplifier sans amputer

La réduction du nombre de segments est une opération délicate. Dans un générateur procédural, les courbes sont fréquemment approximées par une suite de petits morceaux. Le fichier conserve alors une précision mathématique qui n’apporte rien à l’œil, mais impose au moteur une quantité considérable de mouvements.

La simplification, notamment avec une opération de type linesimplify, peut alléger ces trajectoires. Mais une simplification trop agressive détruit les inflexions qui donnent leur caractère aux formes. Le dessin devient plus rapide à produire et moins intéressant à regarder: gain budgétaire, faillite esthétique.

Il faut donc juger la simplification à l’échelle de la feuille et du trait utilisé. Une irrégularité invisible dans le fichier peut devenir sensible avec une pointe épaisse. À l’inverse, une précision microscopique peut disparaître dans l’épaisseur de l’encre. Le bon niveau de détail n’est pas une propriété abstraite du SVG. Il dépend du couple machine-support-outil.

La simplification peut aussi faire émerger une esthétique inattendue. En retirant les segments redondants, elle donne davantage de respiration aux lignes. Le dessin paraît moins numérique, non parce qu’il imite maladroitement la main humaine, mais parce qu’il cesse de surjouer la précision.

Trier les lignes, organiser le regard

Le tri des trajectoires, souvent associé à une opération de type linesort, est généralement présenté comme une optimisation du temps. C’est exact, mais incomplet. L’ordre de traçage influence également la dramaturgie de l’image.

Un contour dessiné avant les détails établit une limite. Le même contour ajouté après plusieurs couches peut agir comme une reprise, une correction ou une fermeture. Une structure radiale construite progressivement ne produit pas le même effet qu’une structure où les rayons sont dessinés par blocs.

On peut donc exploiter l’ordre des chemins comme une dimension du code. Le fichier ne décrit plus seulement quoi dessiner, mais quand le dessiner. Cette temporalité devient visible dans les vidéos de production, mais elle reste inscrite dans l’objet final: superpositions, variations de densité et zones où le stylo a insisté.

L’optimisation ne doit pas être confondue avec une obsession de la performance. Réduire le temps de traçage est utile, notamment lorsque chaque œuvre exige plusieurs essais. Mais le déplacement minimal n’est pas toujours le meilleur choix esthétique. Une trajectoire plus longue peut produire une tension, un croisement ou une continuité qui donne au dessin sa cohérence.

La machine n’est pas un simple exécutant à rendre plus rapide. Elle fait partie du dispositif artistique. Vouloir supprimer tous ses détours reviendrait parfois à supprimer une partie de la forme.

Le flux de travail idéal pour une impression physique réussie

Le passage du code à l’encre sur papier devient plus fiable lorsqu’il est pensé comme une chaîne de production complète, et non comme un clic final après la génération. Chaque étape doit répondre à une question précise: la géométrie est-elle correcte, le fichier est-il lisible, les mouvements sont-ils raisonnables, le support peut-il absorber le résultat?

Un flux de travail cohérent peut suivre cette progression:

1. Définir le format physique avant de générer l’image.

Le document doit correspondre à la feuille réellement utilisée, avec des marges compatibles avec la zone de travail du traceur. Une composition pensée dans un carré virtuel puis réduite arbitrairement perd souvent sa respiration.

2. Construire l’image à partir de lignes et de chemins.

Les formes destinées à être remplies doivent être converties en hachures ou en familles de trajectoires. Il ne faut pas compter sur un remplissage numérique qui disparaîtrait au moment de l’export.

3. Fixer une logique de variation.

Le hasard peut agir sur l’orientation, la densité ou la longueur des traits, mais ses effets doivent rester compatibles avec l’outil. Une variation contrôlée produit une série; une variation sans limite produit des accidents difficiles à distinguer d’une erreur.

4. Exporter en SVG avec une bibliothèque adaptée.

p5.js seul ne suffit pas pour produire un export vectoriel propre destiné à un pen plotter. Une extension spécialisée comme p5.plotSvg permet de transformer les éléments générés en géométrie exploitable.

5. Inspecter le fichier avant de le transmettre au matériel.

Il faut repérer les chemins minuscules, les doublons, les segments isolés, les éléments hors cadre et les formes trop denses. Cette étape évite de découvrir une erreur après plusieurs dizaines de minutes de traçage.

6. Post-traiter avec vpype.

Le recadrage, la simplification et le tri des lignes peuvent réduire les déplacements inutiles. Ils doivent toutefois être contrôlés pour ne pas altérer les formes qui donnent sa personnalité au dessin.

7. Réaliser un essai sur un support proche du définitif.

Le papier n’est pas un détail logistique. Sa texture, son absorption et son épaisseur modifient la largeur perçue du trait. Un résultat propre sur un papier lisse peut devenir flou sur une surface fibreuse.

8. Ajuster la densité plutôt que multiplier les passages.

Lorsque le dessin manque de présence, la réponse n’est pas nécessairement d’ajouter des couches. Il peut être plus efficace de modifier l’espacement, l’orientation ou le poids du trait.

9. Archiver la version du code et les paramètres de génération.

Une œuvre générative existe à la fois comme objet physique et comme système. Conserver la graine aléatoire, le fichier SVG et les réglages du traceur permet de comprendre ce qui a réellement produit la feuille finale.

Cette chaîne révèle une réalité moins glamour que la promesse d’une création instantanée: un dessin génératif traçable demande des itérations. Le code doit être corrigé, le fichier nettoyé, le papier testé, l’ordre des chemins discuté. L’œuvre ne naît pas au moment où l’algorithme affiche une image. Elle se stabilise lorsqu’une série de contraintes cesse de se contredire.

Tester par familles, pas seulement par images finales

Un essai unique donne rarement les bonnes informations. Il permet de voir une composition, mais pas de comprendre pourquoi elle fonctionne ou échoue. Pour progresser, il est plus utile de produire des variations limitées à un paramètre: densité des hachures, épaisseur du stylo, angle des lignes, niveau de simplification ou ordre des couches.

Cette méthode évite une forme courante de superstition algorithmique. On modifie plusieurs variables, on obtient une nouvelle image et l’on attribue le résultat à une mystérieuse qualité du code. En réalité, on ne sait plus ce qui a changé.

Une série de tests rend les écarts lisibles. Elle permet d’observer à quel moment une zone sombre devient bouchée, quand une courbe perd sa continuité ou comment un papier réagit à la répétition. Le traceur devient alors un instrument de recherche, pas seulement un périphérique de sortie.

Les artistes habitués à l’écran doivent également accepter une temporalité différente. Une génération numérique peut produire cent variantes avant le café. Leur traçage physique prend nécessairement plus de temps. Ce ralentissement n’est pas automatiquement vertueux — la lenteur ne constitue pas une politique artistique — mais il rend chaque choix plus coûteux et donc plus explicite.

Ce que le traceur révèle du code créatif

Le pen plotter met à nu les contradictions de l’art algorithmique. On parle volontiers d’autonomie, d’infinité des variations et d’émancipation par le logiciel. Pourtant, l’œuvre finale dépend d’une chaîne matérielle très précise: bibliothèques, formats, moteurs, stylos, papier, réglages et opérations de post-traitement.

Cette dépendance ne disqualifie pas le numérique. Elle permet au contraire de sortir d’une vision marketing où le code serait une machine à produire de la nouveauté sans coût. Chaque variation a un prix en calcul, en temps de préparation, en usure et en matière. La prétendue immatérialité de l’œuvre n’est souvent qu’une asymétrie de visibilité: le public voit l’image, rarement les infrastructures qui la rendent possible.

Le traceur rend ces infrastructures perceptibles. Il montre les déplacements à vide, les reprises, les défauts d’alignement et les limites de l’encre. Il rappelle qu’un algorithme n’est pas une intention artistique suspendue au-dessus du monde. C’est une procédure qui doit négocier avec des machines et des supports.

Pour Léa, le passage de p5.js au papier ne consiste donc pas à abandonner le numérique. Il consiste à accepter que le code ait une conséquence physique. Les coordonnées deviennent des gestes mécaniques. Les fonctions de génération deviennent des habitudes de tracé. Les paramètres abstraits prennent la forme de lignes trop serrées, de blancs préservés ou de zones saturées.

L’art génératif sur traceur pen plotter trouve sa force dans cette friction. Pas dans la promesse d’une automatisation parfaite, encore moins dans l’illusion d’une machine artiste qui se passerait de décisions humaines. Sa singularité vient du désaccord entre un système qui calcule beaucoup et un outil qui ne peut faire qu’une chose à la fois.

La bonne question n’est finalement pas de savoir comment faire imprimer une image p5.js. Elle est plus embarrassante: quelles parties de cette image méritent réellement d’être dessinées par un stylo, et lesquelles ne survivent que grâce au confort sans résistance de l’écran?