Fractal Designer

Des documents procéduraux, pas des pixels figés

Dans Fractal Designer, un document est une description, jamais une image matricielle. Chaque calque enregistre ce qu’il est – un ensemble de Mandelbrot, un motif de Voronoï, une ombre portée – avec ses paramètres, et l’image naît du rendu de cette description. Un projet enregistré pèse donc quelques kilo-octets de JSON, se rend à nouveau à n’importe quelle résolution sans perte, et modifier un nombre redessine l’image au lieu de la dégrader. Seule exception : les fichiers que vous apportez vous-même – bande-son, photo, séquence vidéo – voyagent tels quels dans le projet pour qu’il s’ouvre complet sur une autre machine, au prix de sa taille.

L’éditeur réunit 70 générateurs et 35 effets en 105 types de calques. On y travaille comme dans un éditeur d’images par calques : onze modes de fusion, des groupes dotés de leur propre chaîne d’effets et de leur transformation, des masques selon la couleur, la proximité d’un dégradé ou la luminance d’un autre calque. Tout calque 2D peut être incliné et repoussé en profondeur. Le calcul se fait sur le GPU via WebGPU et chaque calque est mis en cache selon l’empreinte de ses paramètres : seul ce qui a réellement changé est recalculé.

Familles de fractales et modèles

Le catalogue va des fractales à temps d’échappement – Mandelbrot, Julia, Feather, Lyapunov, Kali – aux applications chaotiques de Hénon, Duffing, Ikeda et Chirikov tracées sur leurs propres paramètres, en passant par six fractales 3D en raymarching, des courbes remplissant le plan ou un cube, des attracteurs de particules, des plantes et systèmes L, des motifs organiques comme le domain warping, le plasma ou le marbre, ainsi que formes, dégradés, texte, art ASCII et vos propres images et séquences vidéo. Les outils sont rangés en fractales à temps d’échappement, applications chaotiques, courbes et constructions, et fractales 3D ; les effets en couleur et tonalité, flou et lumière, déformation, et trame et rétro.

Seize modèles de départ s’ouvrent sur une composition achevée, à démonter paramètre par paramètre ; on les choisit sur des cartes avec aperçu, y compris au clavier. Le nom du document, affiché au-dessus de l’image, sert aussi de nom de fichier à l’enregistrement et à l’export.

Du zoom profond à l’impression grand format

• Un calque Mandelbrot dédié utilise la théorie des perturbations – une orbite de référence en double précision sur le CPU et des écarts en simple précision sur le GPU – et va bien au-delà du point où un shader naïf se délite en blocs. Julia, Burning Ship, Tricorn, Celtic, Spider et Phoenix gardent eux aussi leur détail en zoom profond grâce à une précision arithmétique automatique.
• Chaque image clé est un instantané complet de la scène : deux images clés aux calques entièrement différents peuvent quand même se fondre. La caméra s’interpole selon la méthode de Van Wijk et Nuij, qui couple zoom et déplacement ; pelure d’oignon et lecture aller-retour sont disponibles.
• Chargez un morceau de musique : il est analysé à l’avance en courbes de volume, graves, médiums, aigus, attaques et brillance, et tout paramètre numérique s’y relie par une formule, avec le temps, la progression, un tempo tapé à la main et la profondeur de zoom. L’analyse précédant la lecture, la vidéo exportée correspond image par image à l’aperçu.
• Images et vidéos sont des calques ordinaires, avec transformation, fusion et masques ; les séquences se découpent par début, durée et vitesse, éventuellement négative, et leur son est mixé dans la bande-son exportée.
• L’éditeur de dégradés gère l’alpha, interpole dans l’espace Oklab et conserve une bibliothèque locale au navigateur ; une image peut même devenir un dégradé à deux dimensions. L’effet d’éclairage lit l’image comme une carte de hauteur issue de la luminosité ou de l’opacité et préserve les teintes.
• Présentez l’œuvre terminée en plein écran, sans outils.
• Exportez en PNG avec canal alpha, en PNG animé (APNG) sans perte et en boucle, en MP4 (H.264 avec AAC) ou WebM (VP9 avec Opus) lorsque le navigateur sait les encoder, en PDF au format physique et à 300 dpi rendu en tuiles sans raccord – même une affiche A1 –, ou enregistrez le projet en JSON.

Une méthode de travail concrète

1. Choisissez un modèle de départ ou commencez par une page vide et transparente.
2. Ajoutez des calques depuis l’index en cliquant sur un outil ou en le glissant sur le canevas, puis ordonnez, groupez ou masquez-les dans le panneau des calques.
3. Sélectionnez un calque et réglez paramètres, palette, transformation et masque dans l’inspecteur ; faites glisser sur le canevas pour vous déplacer et zoomez à la molette.
4. Si la scène doit bouger, capturez des images clés sur la timeline et lisez le résultat.
5. Définissez le format de page et exportez PNG, vidéo, PNG animé ou PDF – ou enregistrez le projet en JSON pour le reprendre plus tard.

À qui il s’adresse

Aux designers, artistes génératifs et développeurs qui veulent créer des images fractales et procédurales sans installer de logiciel ni écrire de shaders, et qui ont besoin d’un résultat à une taille exploitable : élément transparent pour une mise en page, animation en boucle ou impression grand format. Aucune connaissance des mathématiques fractales n’est requise, les modèles partant d’une composition terminée. L’habitude d’un éditeur d’images par calques aide, car calques, modes de fusion et masques suivent les mêmes conventions.

Traitement local et prérequis

Tout se passe dans le navigateur. L’application ne contient aucun code réseau – ni requête, ni télémétrie, ni mesure d’audience, ni service tiers – : images, projets et réglages ne quittent pas l’appareil, et le rendu s’effectue sur le GPU local. Le stockage local conserve la session de travail (document, animation et vue), le jeu de couleurs, la largeur des panneaux, la taille des vignettes, les réglages d’export et la bibliothèque de dégradés ; tout s’efface en supprimant les données du site. Les médias intégrés restent d’une session à l’autre dans le stockage du navigateur, mais une fenêtre privée, un stockage vidé ou un disque plein les fait disparaître ; le fichier de projet, lui, les contient toujours. Un seul document est ouvert à la fois et l’enregistrement automatique est partagé entre les onglets : deux onglets ouverts s’écrasent mutuellement. L’état n’est pas inscrit dans l’URL ; les projets se partagent sous forme de fichiers JSON.

WebGPU est indispensable, sans solution de repli logicielle ou WebGL ; l’export vidéo requiert en plus WebCodecs. L’application est développée et testée avec les versions actuelles de Chrome et d’Edge sur ordinateur, et tout autre navigateur proposant WebGPU peut convenir. L’éditeur est conçu pour des fenêtres d’ordinateur : il n’existe pas de mise en page pour mobile ou tablette, et dans une fenêtre étroite les panneaux se replient. Pas d’usage hors ligne : l’application ne s’installe pas et un rechargement nécessite le réseau. La vidéo n’a pas de canal alpha : les zones transparentes prennent le fond de la page ; préférez PNG ou APNG si la transparence doit être conservée. Le PDF aplatit l’image sur fond blanc. Le zoom profond reste limité par la double précision de l’orbite de référence, et Newton et Nova n’ont pas d’éclairage. L’interface de l’application est en allemand et en anglais.

L’éditeur se pilote au clavier : annuler et rétablir, supprimer, dupliquer, copier-coller, grouper, enregistrer et lecture/pause ont des raccourcis, la timeline se parcourt au clavier et les raccourcis se taisent dans les champs de saisie. Les commandes sont libellées, et les thèmes clair et sombre suivent le système avec des contrastes de texte mesurés selon WCAG AA. Obstacles connus : l’œuvre rendue vit dans un canvas et n’est pas exposée aux lecteurs d’écran, placer un calque dans un groupe ne se fait encore que par glisser-déposer, et la lecture des animations ignore la préférence de réduction des animations.