P5.js est un puissant outil de dessin, mais il génère généralement des fichiers bitmap. Or, nous avons parfois besoin de graphiques vectoriels. Cet article vous explique comment utiliser P5.js pour créer directement des images SVG, spécialement conçues pour les utilisateurs de traceurs à stylo.Vous cherchez des fichiers SVG à coder ? Télécharger ici>>>
Passons en revue chaque étape :
1. Se rendre sur le site de P5.js : Commencez par visiter le site de P5.js à l’adresse [https://p5js.org/](https://p5js.org/).
2. Accéder à l’éditeur : Une fois sur place, cliquez sur l’éditeur pour accéder à l’interface de modification.
3. Saisir votre code : Dans l’éditeur, saisissez soigneusement votre code en veillant à son exactitude.
4. Exécuter votre code : Cliquez sur le bouton d’exécution pour lancer votre code et voir le résultat.
5. Ajouter les fichiers de bibliothèque : Les fichiers de bibliothèque nécessaires sont déjà inclus dans le modèle. Copiez simplement votre code dans le fichier fourni dans ce modèle.
6. Utiliser les balises de début et de fin : Veillez à placer votre code entre les balises de début et de fin pour une intégration fluide.
7. Inclure le paramètre « SVG » : Lors de la création du canevas, ajoutez « SVG » comme paramètre pour activer la génération d’images SVG. Enregistrez votre fichier et fermez l’éditeur.
8. Exécutez le code dans le navigateur : Double-cliquez pour exécuter votre code dans le navigateur et voir l’image générée. Télécharger votre image SVG : Une fois l’image affichée dans le navigateur, appuyez simplement sur « s » ou « S » pour télécharger automatiquement l’image au format SVG sur votre appareil.
En suivant ces étapes, vous pourrez exploiter P5.js pour créer facilement des images SVG, ouvrant ainsi tout un monde de possibilités pour vos projets de traçage au stylo.
Autre article sur le sujet :