Qu'est-ce que le Creative coding ? Exemple de l'atelier des étudiants toulousains de l'ESD

Le creative coding, c'est quoi ?

Le creative coding (ou codage créatif) est une façon d'utiliser la programmation informatique pour créer des œuvres artistiques, comme des dessins, des animations, de la musique ou des jeux interactifs. Contrairement à la programmation "classique" qui est souvent utilisée pour résoudre des problèmes techniques, le creative coding se concentre sur l'exploration, l'imagination et la créativité.

Par exemple, on peut écrire des lignes de code pour faire apparaître des formes qui bougent et changent de couleur à l'écran, ou pour créer une musique qui réagit aux mouvements d'une souris. C'est une combinaison entre art et technologie, où le code devient un outil d'expression artistique.

Les objectifs de l'atelier creative coding à l'ESD

L'objectif de cet atelier est de permettre aux étudiants :

d'utiliser les logiciels de creative coding 3JS et processing
de réaliser un visuel de communication innovant
de dynamiser les interactions clients grâce aux créations
d'ajouter des points d'interactions sur un site web
de créer une expérience immersive
de savoir transformer des idées ou des visions artistiques en creative coding

Une semaine avec les étudiants de l'ESD Toulouse

Sous la direction de leur intervenant Nicolas Brunac Arduin, les Mastères 1 Digital Design & creative technologies, ont travaillé pendant une semaine (du 18 au 22 mars) sur un atelier de creative coding.

Leur mission : réaliser une œuvre créative en one-page (ou une landing page) en la maquettant sur Figma avant de la développer. L'objectif : parvenir à une création digitale incluant du contenu varié : illustrations, vidéos, textes, etc.

Contrairement aux travaux habituels de groupe, les étudiants travailleront cette fois-ci de manière individuelle et recevront chacun une contrainte mystère avant la présentation de leur projet en fin de semaine.

Exemple de rendu

Camille Prat, l'une des étudiantes du Mastère a choisi de travailler sur la thématique suivante : créer une œuvre créative digitale, en noir et blanc (contrainte mystère), avec un message à transmettre aux utilisateurs. Cette thématique s'inscrivant elle-même dans une problématique plus large : vivre et prendre conscience.

Comme souvent pour ce type d'atelier, le travail de Camille a commencé par une phase d'idéation Au cours de cette phase, 5 étapes principales ont permis d'arriver à un résultat abouti :

une expérience
les informations cachées du numérique
les émotions
et la contrainte du noir et blanc

L'objectif visé étant de sensibiliser les utilisateurs à l'impact du numérique en plein développement sur l'environnement, grâce à une expérience ludique.

Dans une 2e phase de création, l'étudiante a axé son travail sur 5 points clés :

une expérience immersive
la définition d'un thème impactant
la création d'une image mosaïque
l'interaction des utilisateurs
la prise de conscience

Enfin, une dernière phase a constitué le développement de la landing page.

En fin de semaine, chaque étudiant a pu présenter son travail et expliquer sa démarche à Nicolas, l’intervenant, et au reste de la classe. Les présentations orales ont marqué la fin de cette semaine d’atelier sur le campus toulousain de l’ESD.

Ci-dessous, la maquette Figma du projet de Camille Prat :