Java Script
Java Script
Année : 2026
Logiciels : Cursor, Visual Studio Code, Claude
Année : 2026
Logiciels : Cursor, Visual Studio Code, Claude
Problématique :
Le design génératif utilise le code comme outil de création pour produire des formes et des comportements autonomes. Dans ce projet individuel, l'enjeu était de concevoir un sketch interactif en P5.js reposant sur un système de règles visuelles programmées. L'objectif n'était pas seulement technique, mais consistait à créer un véritable objet de design numérique capable d'évoluer dans le temps et de réagir aux actions de l'utilisateur.
Nous devions structurer un programme complexe en programmation orientée objet (POO) afin de donner vie à des entités graphiques cohérentes. Le défi résidait dans l'équilibre entre la rigueur de l'algorithme (règles de croissance, physique des particules, structures spatiales) et l'intention artistique (choix de palette, gestion de la densité et de la transparence).
Problématique :
Le design génératif utilise le code comme outil de création pour produire des formes et des comportements autonomes. Dans ce projet individuel, l'enjeu était de concevoir un sketch interactif en P5.js reposant sur un système de règles visuelles programmées. L'objectif n'était pas seulement technique, mais consistait à créer un véritable objet de design numérique capable d'évoluer dans le temps et de réagir aux actions de l'utilisateur.
Nous devions structurer un programme complexe en programmation orientée objet (POO) afin de donner vie à des entités graphiques cohérentes. Le défi résidait dans l'équilibre entre la rigueur de l'algorithme (règles de croissance, physique des particules, structures spatiales) et l'intention artistique (choix de palette, gestion de la densité et de la transparence).
Solution :
J'ai orienté mes recherches vers la création d’une entité numérique vivante, à la croisée du biologique et de l’algorithmique. Mon choix s'est porté sur la thématique de l’Organisme Abstrait, une nébuleuse de filaments dynamiques qui simule une respiration centrale. Pour traduire cette sensation organique, j'ai implémenté un phénomène de "Glitch Math" : une manipulation volontaire des fonctions trigonométriques pour transformer des trajectoires géométriques rigides en une danse vibrante et nerveuse.
Le résultat final est une expérience interactive où l'utilisateur n'est plus simple spectateur, mais acteur de l'équilibre du système. Par le mouvement de la souris, on peut perturber l'organisme, tandis que le clavier permet de le nourrir ou de révéler sa structure interne par un réseau de liens. Pour mettre en valeur ce travail, j'ai conçu un mini-site épuré sous forme de panneau d'information rétractable, permettant une immersion totale dans le sketch tout en offrant un accès clair aux intentions de design et à une galerie de captures du projet.
Solution :
J'ai orienté mes recherches vers la création d’une entité numérique vivante, à la croisée du biologique et de l’algorithmique. Mon choix s'est porté sur la thématique de l’Organisme Abstrait, une nébuleuse de filaments dynamiques qui simule une respiration centrale. Pour traduire cette sensation organique, j'ai implémenté un phénomène de "Glitch Math" : une manipulation volontaire des fonctions trigonométriques pour transformer des trajectoires géométriques rigides en une danse vibrante et nerveuse.
Le résultat final est une expérience interactive où l'utilisateur n'est plus simple spectateur, mais acteur de l'équilibre du système. Par le mouvement de la souris, on peut perturber l'organisme, tandis que le clavier permet de le nourrir ou de révéler sa structure interne par un réseau de liens. Pour mettre en valeur ce travail, j'ai conçu un mini-site épuré sous forme de panneau d'information rétractable, permettant une immersion totale dans le sketch tout en offrant un accès clair aux intentions de design et à une galerie de captures du projet.
*À utiliser sur ordinateur pour une meilleure expérience
*À utiliser sur ordinateur pour une meilleure expérience