Graphite : un outil de design procédural 2D en Rust inspiré par Blender

 (graphite.rs)
3 points par GN⁺ 2024-10-16 | 1 commentaires | Partager sur WhatsApp
  • Graphite est un outil en version alpha qui combine un éditeur vectoriel open source gratuit et un moteur d’animation, avec une édition non destructive grâce à la composition par calques et au design génératif basé sur des nœuds
  • Au-delà d’un simple éditeur vectoriel, il vise une boîte à outils graphique 2D tout-en-un, où les outils d’édition orientés utilisateur reposent sur un cœur interne en graphe de nœuds
  • Pour l’instant, c’est une application web hors ligne légère axée sur l’édition procédurale de graphismes vectoriels, qui propose édition vectorielle, calques basés sur des nœuds et workflows procéduraux pour le graphisme
  • L’application web est disponible immédiatement, et les applications desktop Windows, Mac et Linux sont en phase release candidate ; l’accès aux tests avant la sortie officielle se fait via le canal Discord
  • L’architecture fonctionne localement et de manière privée sur le matériel de l’utilisateur, sans serveur, avec sur le web l’objectif d’un faible surcoût grâce à WebAssembly et WebGPU

Où en est Graphite aujourd’hui

  • Graphite est un éditeur de graphismes vectoriels open source gratuit et un moteur d’animation, actuellement proposé en version alpha
  • Son cœur repose sur l’édition non destructive, en combinant composition par calques et design génératif basé sur des nœuds
  • Parmi les exemples de travaux figurent des opérations booléennes non destructives, des motifs procéduraux à pois, des animations de creative coding basées sur des nœuds, ainsi qu’une fractale de Mandelbrot remplie de motifs de bruit
  • Les dernières nouveautés peuvent être vues dans la vidéo May Update - Graphite, the Open Source 2D Graphics Suite

Une boîte à outils graphique 2D au-delà de l’éditeur vectoriel

  • Graphite est parti d’un éditeur vectoriel, mais s’étend vers une boîte à outils graphique tout-en-un à usage général
  • Il est conçu d’une manière plus proche d’un moteur de jeu que d’une application de création classique, et les outils d’édition proposent des workflows conviviaux au-dessus de son cœur en graphe de nœuds
  • Les workflows visés couvrent plusieurs domaines de création 2D
    • graphisme
    • motion design
    • retouche d’image
    • peinture numérique
    • mise en page et impression
    • composition VFX

Fonctionnalités actuelles et extensions prévues

  • Les fonctionnalités actuelles comprennent des outils d’édition vectorielle, des workflows procéduraux pour le graphisme, des calques basés sur des nœuds, et une disponibilité en open source gratuit
  • Aujourd’hui, Graphite peut être utilisé comme application web hors ligne légère centrée sur l’édition procédurale de graphismes vectoriels
  • Les fonctions prévues incluent une extension des outils pour des travaux de création 2D plus larges
    • un outil de création tout-en-un pour tous les travaux 2D
    • des capacités complètes de manipulation raster
    • des applications natives Windows, Mac et Linux ainsi qu’une version web
    • l’édition collaborative en temps réel

Une offre d’abord web et une sortie desktop en préparation

  • La web app est disponible dès maintenant, et les applications desktop pour Windows, Mac et Linux sont en phase release candidate
  • Les liens de téléchargement pour les tests avant la sortie officielle sont disponibles sur le canal #🔥announcements du Discord
  • Bien qu’il soit conçu avant tout comme une application desktop professionnelle, il peut aussi être utilisé dans le navigateur pour un accès rapide
  • Quelle que soit la plateforme, il s’exécute localement et de manière privée sur le matériel de l’utilisateur, sans serveur
  • Le travail technique nécessaire à la distribution des applications natives demande encore du temps, ce qui fait de la plateforme web l’objectif initial afin d’offrir un accès toujours à jour sur tous les appareils
  • Pour l’instant, il est possible de l’installer comme PWA afin d’obtenir une expérience proche d’une application desktop
  • Sur desktop, l’objectif est d’atteindre des performances natives pour les tâches graphiquement intensives, et sur le web de minimiser le surcoût avec WebAssembly et WebGPU

Comment l’édition procédurale change la manière de travailler

  • Graphite se présente comme une suite complète de design graphique fondée sur l’édition procédurale, afin de rendre tous les travaux non destructifs
  • Au lieu de modifier directement chaque élément, il est possible d’itérer rapidement en ajustant les paramètres des nœuds
  • Une dispersion de cercles peut être créée avec quelques nœuds, puis la densité, la taille et la zone de placement peuvent être modifiées via des curseurs ou des ajustements de tracé
  • La démo red-dress permet de tester directement cette approche d’ajustement procédural
  • Dans l’édition non destructive, les décisions sont reliées à des paramètres ajustables ultérieurement, et l’on peut interpoler entre plusieurs états en faisant glisser des curseurs de valeur
  • Il est possible de tester le mélange entre différentes compositions colorées, ou la transformation de formes avant leur dispersion sur le canevas, dans la démo changing-seasons

Exploiter les productions basées sur un graphe de nœuds

  • Graphite représente les créations sous forme de graphe de nœuds, ce qui permet de personnaliser, combiner, automatiser, réutiliser et partager les workflows de contenu
  • Il permet de travailler sans pixellisation, même avec un pan et un zoom infinis, et d’exporter à une résolution arbitraire
  • La possibilité de compiler des programmes autonomes à partir du système de nœuds est prévue à l’avenir
  • Le déploiement de pipelines d’assets dans des environnements de production studio fait aussi partie des projets futurs

Ressources d’apprentissage et communauté

À lire aussi

1 commentaires

 
GN⁺ 2024-10-16
Avis de Hacker News

  • Parmi les articles liés, il y a les suivants. Y en a-t-il d’autres ?
    [Open source Rust graphics editor] Graphite progress report (Q2 2024) - https://news.ycombinator.com/item?id=41138691 - août 2024
    Graphite 2D graphics editor built in Rust: Looking back on 2023 and what's next - https://news.ycombinator.com/item?id=38855850 - janvier 2024
    Graphite: 2D Raster and Vector Editor - https://news.ycombinator.com/item?id=38169500 - novembre 2023
    Graphite: Open-source raster and vector 2D graphics editor - https://news.ycombinator.com/item?id=36901406 - juillet 2023
    Graphite – open-source raster and vector 2D graphics editor written in Rust - https://news.ycombinator.com/item?id=30675530 - mars 2022

  • Impressionnant. J’aime Inkscape, mais cet outil a l’air vraiment excellent lui aussi.
    Ça me réjouit de voir des outils être conçus comme des applications web. Plus le web prend du poids, plus la plateforme web, plus ouverte et plus accessible, gagne en capacités.
    Rust est aussi excellent, et il semble probablement compilé en WebAssembly.
    Cela dit, je me demande pourquoi trois personnes aussi passionnées et talentueuses n’ont pas suivi la voie Series A/B, SAFE post-money et briefings presse.
    Ces derniers temps, en voyant beaucoup de rappeurs IA, de modèles packagés de fine-tuning à poids ouverts, etc., j’y pense souvent. La passion n’a peut-être pas de prix, et le bonheur n’est peut-être pas une valorisation d’entreprise.

    • Je ne peux pas parler au nom de l’OP, mais si je n’ai pas levé de fonds pour mon entreprise, c’est parce que je savais qu’au bout du compte, je devrais sacrifier des choses qui me sont chères au nom de la croissance.
      Je préfère diriger une petite entreprise honnête et durable plutôt qu’un géant creux optimisé pour la croissance maximale.
      Les fondateurs ressentent eux aussi la même lassitude devant le fait de voir de bonnes choses gâchées. Du moins certains d’entre nous.
    • Il est difficile de lever des fonds pour un éditeur vectoriel.
      Du côté des modèles à poids ouverts, l’essentiel de l’innovation se fait au sein des entreprises, qui utilisent l’open source pour séduire les développeurs ou affaiblir des concurrents potentiels. Meta dépense ainsi une infime partie de ses revenus publicitaires pour perturber le marché d’OpenAI/Microsoft.
      Certains individus obtiennent aussi de petites subventions de VC qui veulent se faire un nom dans l’IA. Par exemple, a16z a sponsorisé certains modèles.
      Dans le même temps, pour des profils techniques compétents et bien rémunérés, par exemple des personnes aisées gagnant 300 000 à 500 000 dollars par an, lever des fonds n’est pas toujours attrayant.
      Monter sa propre startup implique probablement une baisse de salaire, et si un modèle ouvert ne rapporte pas assez, il peut ne rester que des parts sans valeur et un ou deux ans de stress intense.
    • Recevoir un investissement, c’est vendre une partie de l’entreprise avant même qu’elle ne soit terminée, parfois avant même qu’elle ne commence. La part de capital cédée, c’est exactement cela.
      En général, plus on lève tôt, plus les conditions sont mauvaises.
      Si l’on n’a pas besoin de cet argent, il est généralement préférable de retarder la levée jusqu’à avoir posé les bases et être devenu une entreprise dont l’avenir paraît moins incertain.
      En chemin, on peut aussi décider de ne pas vendre beaucoup aux investisseurs, ce qui fait une grande différence si l’on tient réellement au produit ou à l’équipe. Les investisseurs externes se soucient rarement de l’un ou de l’autre, et poussent souvent à compromettre les deux. Ce sont des financiers, ils sont là pour gagner de l’argent. Avant de vendre, il faut s’assurer que les objectifs sont alignés.
    • Peut-être qu’ils voulaient simplement travailler pour eux-mêmes, et non pour des VC ?

  • Félicitations, sortir un outil aussi complexe est un grand accomplissement.
    J’aimerais un jour créer moi-même un outil de graphisme vectoriel avec un solveur de contraintes. Je suis amateur en design graphique, mais Inkscape me semble souvent extrêmement difficile à utiliser.
    Certaines formes doivent être créées avec des combinaisons de commandes bizarres, et elles sont difficiles à modifier une fois le design terminé. Une approche à la Fusion 360 Sketch, où l’on pose des contraintes sur les lignes et les courbes puis ajuste les dimensions, serait beaucoup plus intuitive et interactive.
    Peut-être qu’un tel outil existe déjà et que je ne le connais pas.

    • Oui. En fait, cette fonctionnalité figure dans notre feuille de route. Plutôt que de la créer séparément, tu pourrais aussi contribuer.
    • Ce qui s’en rapproche le plus est probablement Solvespace, et Dune3D vaut aussi le détour.

  • Ça a l’air bien. J’utilise Illustrator depuis 25 ans, et récemment je me suis souvent dit qu’une approche orientée nœuds pour remplacer la pile Appearance serait bienvenue.
    Je jetterai un œil quand des binaires seront disponibles. Je n’aime pas les applications web.

    • En regardant la vidéo, il faudrait des nuanciers globaux. Pouvoir modifier en quelques clics tout ce qui a été dessiné avec la même couleur — remplissages, contours, effets, etc. — serait très puissant.
    • Electron est-il vraiment si différent d’une PWA en pratique ?
      Personnellement, quand une application est aussi disponible en Electron, j’essaie toujours d’utiliser la PWA.
      Tant qu’on dépend de toute façon d’un moteur de navigateur, autant utiliser celui qui est déjà ouvert et régulièrement mis à jour.

  • J’ai quelques suggestions. Pendant que je travaillais, une erreur rouge est soudain apparue : « The document cannot be rendered in it current state », avec l’instruction d’appuyer sur le bouton Node Graph

    1. Je n’ai pas trouvé ce bouton. Ce serait bien d’en montrer une image, ou de l’intégrer directement au message d’erreur
    2. Ce serait bien que le texte de l’erreur soit sélectionnable
    3. Ce serait bien de pouvoir signaler un bug directement depuis l’app
    • En suivant le tutoriel, à l’étape de répétition circulaire des rayons du soleil, j’ai eu la même erreur. En appuyant sur Ctrl-Z, au lieu d’annuler seulement la dernière modification incorrecte, presque tout mon travail a été annulé
    • Merci pour ce retour. Ce que vous avez rencontré est une erreur de type, un peu comme lorsqu’un compilateur de langage de programmation indique que le code n’est pas valide
      Ce n’est pas un bug en soi, mais cela peut aussi arriver parce que nos nœuds ne sont pas assez génériques. Nous venons de corriger un problème où les nœuds Stroke et Fill s’appliquaient aux données vectorielles, mais pas aux données de groupe contenant une ou plusieurs données vectorielles
      Quand ce genre de problème est pertinent, le mieux est de l’ouvrir comme issue
      Le message d’erreur rouge indique aussi où regarder. Il précise qu’on peut ouvrir cela avec le bouton « Node Graph » en haut à droite du viewport
      Je me demande si votre fenêtre était très petite, au point que ce bouton ait pu être repoussé par d’autres boutons. Les retours sur la façon d’améliorer le libellé du message sont les bienvenus. Pour l’instant, il est difficile de rendre cette boîte de dialogue plus visuelle ou interactive, mais cela vaut la peine de l’affiner à l’avenir, dans le cadre d’une amélioration générale des diagnostics
    • Cette erreur s’est produite simplement en utilisant l’outil pinceau

  • J’ai dû relire plusieurs fois le paragraphe d’introduction pour comprendre de quoi il s’agissait
    Au début, je l’ai lu comme une alternative à Blender, mais en testant, j’ai vu que tout était en 2D et que cela ressemblait à Photoshop, ce qui m’a dérouté
    Au final, l’idée était-elle de citer Blender comme l’alternative open source populaire aux logiciels propriétaires de modélisation/rendu 3D, puis de parler du prochain Photoshop ?

    • En le relisant, je crois que nous ne l’avons pas formulé aussi clairement que prévu. Blender est presque parfait, et il n’y a aucune raison de le remplacer
      Comme vous l’avez bien compris, il s’agit de devenir un deuxième Blender dans le domaine de la 2D. Nous visons un outil généraliste capable de rattraper puis dépasser ses concurrents commerciaux grâce à de vraies innovations
    • Mais Photoshop n’est pas non plus une comparaison exacte. Cet outil vise les graphismes vectoriels, alors que Photoshop est principalement basé sur le raster
      Je ne connais pas très bien les produits Adobe et j’utilise Inkscape, mais l’équivalent le plus proche ici serait probablement Adobe Illustrator

  • Rien qu’avec les captures d’écran, c’est impressionnant. Même sans aller plus loin, on voit que c’est différent
    J’ai toujours dit qu’il nous fallait davantage de projets à la Blender pour rivaliser avec Adobe. Il semble aussi prévu de viser d’autres apps, donc je vais suivre le projet et j’espère qu’il réussira

  • Ça a vraiment l’air excellent. De bons outils open source pour le design sont indispensables [1]
    Ce serait bien d’ajouter Graphite à cette liste [2]. Je vais clairement l’essayer et suivre son évolution
    1: https://www.youtube.com/watch?v=lthVYUB8JLs
    2: https://github.com/KenneyNL/Adobe-Alternatives

    • Merci. Je préfère laisser à la communauté le soin de proposer Graphite pour ce genre de listes, plutôt que de le faire moi-même
      Pour l’instant, la seule catégorie où il pourrait convenablement figurer est celle des alternatives à Illustrator. L’année prochaine, nous prévoyons de développer l’édition raster comme prochaine capacité clé, mais jusqu’ici nous nous sommes concentrés uniquement sur l’édition vectorielle
    • À cela j’ajouterais que, dans un certain sens, il peut aussi être auto-hébergé, ce qui pourrait en faire un candidat pour la liste awesome-selfhosted [1]
      1. https://github.com/awesome-selfhosted/awesome-selfhosted

  • Peut-être que je fais quelque chose de travers, mais le fait que chaque ligne, cercle ou boîte devienne automatiquement son propre calque individuel, au lieu d’être placé sous un calque explicite comme dans Inkscape, n’est pas très intuitif
    Du coup, les calques me semblent pratiquement inutiles

  • Je suis content que ce soit un vrai produit qui repose sur la valeur du produit lui-même, plutôt que d’essayer de se vendre en mettant en avant le fait qu’il est écrit en Rust
    J’ai l’impression que trop de produits qui utilisent de nouvelles technologies à la mode pour leur développement en font aujourd’hui un argument commercial. Ici, c’est intéressant, mais les utilisateurs de l’outil ne se soucieront de l’aspect technique que dans la mesure où il influe sur la stabilité, les performances et la poursuite du développement
    Je ne suis pas illustrateur, donc je n’ai pas grand-chose à ajouter, mais j’espère que les développeurs réussiront à en faire un outil qui marche