Formation Code créatif avec p5.js

Présentation de la formation

Dans le paysage actuel de la technologie et de l'art, la fusion du code avec la créativité est devenue une tendance majeure. p5.js s'inscrit parfaitement dans ce contexte en se positionnant à l’intersection entre le monde technologique et artistique.

p5.js est une bibliothèque JavaScript qui facilite la création d'expériences graphiques et interactives dans un environnement de programmation. Elle est basée sur les principes fondamentaux de Processing, une plateforme de programmation et un environnement intégré conçu pour les artistes et les designers. L'objectif principal de p5.js est de rendre le codage accessible et inclusif, en particulier pour les artistes, designers, éducateurs et débutants.

Grâce à cette formation, maîtrisez la réalisation et l’animation de contenus visuels via p5.js et ouvrez de nouveaux horizons à votre créativité !
 

Pourquoi réaliser une Formation Code créatif avec p5.js ?

La formation "Code créatif en p5.js" permet de plonger dans l'univers du codage artistique. Elle permettra de comprendre les fondamentaux du code créatif, d'explorer les possibilités offertes par p5.js et d'appliquer ces connaissances à des projets concrets.

Que vous souhaitiez créer des visualisations interactives, des animations, des projets typographiques, cette formation vous donnera les outils et les compétences fondamentales pour concrétiser vos idées.

Objectifs de la formation Code créatif avec p5.js

• Créer et animer des contenus visuels avec JavaScript / p5.js
• Paramétrer ses créations pour une infinité de variations
• Utiliser l'interaction utilisateur en temps réel
• Exporter des images et animations

Pour qui ?

Cette formation s’adresse aux designers graphiques et artistes numériques ou traditionnels désireux d'introduire le codage créatif dans leurs projets. Elle sera aussi pertinente pour les développeurs web cherchant à intégrer des éléments artistiques dans leurs projets, ou pour toute personne curieuse d'explorer l'intersection de l'art et de la technologie.

Programme

Section 1 : Introduction & mise en place

• Qu'est-ce que le code créatif ? Introduction & Inspirations
• Mise en place des outils

Section 2 - Les fondamentaux

• setup() et draw()
• Les couleurs
• Géométrie & Transformations
•  Les variables
• Le texte
• Les conditions
• random() et map()
• Les tableaux
• Les boucles
• Projet : Matt DesLauriers
• Les fonctions
• GUI et contrôle utilisateur
• Exports

Section 3 : Systèmes oscillants

• Oscillations : cos() et sin()
• Projet : Luce Terrasson

Section 4 : Systèmes de grilles

• Première grille graphique
• noise()
• Grille Noise ASCII
• Projet : Data Flaw

Section 5 : Traitement de l'image

• Affichage d'images et vidéos
• Manipulation de pixels
• Rastérisation d'images
• Filtres, masques et modes de fusion

Section 6 : Typographie interactive

• Interaction avec le clavier
• Projet : italiano.jpg
• Démonstration d'outils typographiques

Section 7 : Traitement du son

• Le traitement du son
• Projet son : Matt DesLauriers
• Démonstration de visualisations du son

Section 8 : Systèmes de particules

• Les objets et classes
• Projet : Animation de particules

Prérequis

Il n’est pas nécessaire de connaître javascript pour suivre cette formation. Cependant, une compréhension des concepts de base du design ou de l’art numérique peut être bénéfique.

Modalités et délais d'accès

Financer sa formation en Marketing, Communication et Digital

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Les avantages VISIPLUS academy

Ces formations pourraient également vous intéresser