Voici un kit (à améliorer) pour faire des dessins vectoriels en SVG avec du JavaScript.
Même si Processing semble mieux adapté pour ce genre de tache, faire son propre SVG permet une approche différente.
Dans ce kit, j’ai mis quelques fonctions pour dessiner des cercles, des lignes, des rectangles… mais il est assez simple d’en faire d’autres.
J’ai aussi ajouté des liens vers des librairies pour mes propres expérimentations.
Par exemple, GSAP permet pas mal de transformations rapides.
Mode d’emploi :
- Ouvrir le dossier du zip dans Visual Studio Code (ou équivalent)
- Ouvrir le fichier sketch.js dans le dossier 01 pour voir un exemple
- Ouvrir index.html et lancer le liveserver (ou équivalent)
- La touche S permet de sauvegarder en png et svg (il faut peut-être autoriser Chrome/Firefox)
- Pour faire un autre sketch, dupliquer le dossier 01 et renommer le 🙂