FORMATION/ FORMATEUR

CREATIVE CODING

à Bordeaux et à l’international en présentiel ou en Ligne.

Créez des expériences utilisateur interactives et immersives : maîtrisez le Créative Coding dès aujourd’hui

Creative Coding

Le Creative Coding est bien plus qu’une simple programmation. C’est une discipline en pleine expansion à l’intersection de l’art, de la technologie, et de l’expérience utilisateur. À travers le code, il s’agit de créer des œuvres numériques interactives qui allient esthétisme et innovation, allant des installations artistiques immersives aux interfaces utilisateur fluides et engageantes.

Dans un monde où la technologie évolue rapidement, le Creative Coding ne se limite pas à l’aspect fonctionnel. Il s’agit de concevoir des expériences visuelles et interactives qui captivent, surprennent, et émeuvent. Le Creative Coding englobe divers aspects : l’ergonomie, l’esthétique, la visualisation de données, et l’intégration des nouvelles technologies comme la réalité augmentée, la réalité virtuelle et les environnements interactifs.

 

Ateliers de Creative Coding

À travers mes workshops de Creative Coding, j’offre une immersion complète dans cette discipline captivante. Ces ateliers sont conçus pour les étudiants des écoles d’art, de design, et des technologies numériques, ainsi que pour les professionnels qui souhaitent explorer les possibilités créatives du code.

Les participants apprendront à :

  • Maîtriser les bases du codage créatif.
  • Concevoir des expériences interactives qui répondent aux besoins spécifiques des utilisateurs.
  • Intégrer des technologies avancées pour créer des œuvres immersives et innovantes.
  • Prototyper, tester, et itérer leurs créations pour un développement continu.

Les ateliers sont conçus pour être à la fois théoriques et pratiques, permettant aux participants de mettre en œuvre immédiatement les concepts abordés et de développer leur propre projet interactif.

 

Pourquoi le Creative Coding est-il essentiel ?

Dans un paysage numérique en constante évolution, le Creative Coding permet de se démarquer en créant des œuvres qui allient technique et émotion. Les créateurs et les entreprises qui investissent dans cette discipline peuvent concevoir des expériences uniques qui captivent le public et le fidélisent. En intégrant le Creative Coding dans votre processus créatif, vous ne vous limitez pas à la création de produits ou d’œuvres, vous façonnez des expériences mémorables.

Je vous invite à découvrir l’univers du Creative Coding à travers mes workshops, où la créativité rencontre la technologie pour repousser les limites du possible.

A.I GLOBAL SUMMIT
2022

Immersive installation for A.I Global Summit RIYADH 2022

In ALMANARA.. a large audience is enjoying an exceptional experience about the journey of human life, on the second day of the #GlobalAISummit 2022.

PROCESSING : maîtrisez le Créative Coding dès aujourd’hui

API WEATHER PARIS PAINT VISUALIZATION US

This sketch dynamically visualizes real-time weather data through the lens of contemporary digital art. By leveraging data such as temperature, wind speed, and other climatic parameters, the animation generates and transforms fluid, organic shapes that continually evolve in color, size, and movement.

Data Integration:
The animation is driven by real-time weather data, making the visual experience responsive and dynamic. Each parameter influences specific aspects of the animation:

  • Temperature: Affects the size and expansion of shapes, representing the warmth or coldness of the environment.
  • Wind Speed: Modulates the movement and flow of the shapes, mimicking the natural currents and gusts.
  • Other Climatic Data: Contribute to the color transitions and overall mood of the visualization.

Visual Aesthetics:
The result is a visual experience that merges the unpredictability of natural weather phenomena with the sophisticated and controlled aesthetics of modern digital design. The fluid, organic shapes create an immersive environment that feels both natural and otherworldly, as they evolve in real-time based on the live data.

Conceptual Significance:
This project embodies a symbiosis between nature and technology, where every climatic fluctuation contributes to the dynamism and beauty of the artwork. By translating real-world data into an ever-changing visual narrative, the sketch offers a unique blend of art and data-driven interaction, making the invisible forces of nature visible through the medium of digital art.

API WEATHER PARIS PAINT VISUALIZATION FR

Ce sketch visualise dynamiquement les données météorologiques en temps réel à travers une perspective d’art numérique contemporain. En utilisant des données telles que la température, la vitesse du vent, et d’autres paramètres climatiques, l’animation génère et transforme des formes fluides et organiques qui évoluent continuellement en couleur, taille et mouvement.

Intégration des Données :
L’animation est alimentée par des données météorologiques en temps réel, rendant l’expérience visuelle réactive et dynamique. Chaque paramètre influence des aspects spécifiques de l’animation :

  • Température : Affecte la taille et l’expansion des formes, représentant la chaleur ou la froideur de l’environnement.
  • Vitesse du vent : Module le mouvement et le flux des formes, imitant les courants et les rafales naturels.
  • Autres données climatiques : Contribuent aux transitions de couleurs et à l’ambiance générale de la visualisation.

Esthétique Visuelle :
Le résultat est une expérience visuelle qui fusionne l’imprévisibilité des phénomènes météorologiques naturels avec l’esthétique sophistiquée et contrôlée du design numérique moderne. Les formes fluides et organiques créent un environnement immersif à la fois naturel et surnaturel, évoluant en temps réel en fonction des données en direct.

Signification Conceptuelle :
Ce projet incarne une symbiose entre la nature et la technologie, où chaque fluctuation climatique contribue au dynamisme et à la beauté de l’œuvre. En traduisant les données du monde réel en une narration visuelle en constante évolution, ce sketch offre un mélange unique d’art et d’interaction guidée par les données, rendant visibles les forces invisibles de la nature à travers le prisme de l’art numérique.

PROCESSING : maîtrisez le Créative Coding dès aujourd’hui

Plexus Atmosphérique in reel time @KHOURIBGA MOROCCO US

« Plexus Atmosphérique » is an immersive digital artwork that explores the dynamic interactions between weather data and futuristic geometric forms. Using particles, Plexus connections, and visual explosions, this piece transforms abstract information into a constantly evolving artistic representation.

Inspired by the idea of making the invisible visible, the work captures real-time meteorological data—temperature, humidity, and wind speed—and translates it into animated visual elements. Floating particles symbolize environmental data, while Plexus lines connect these particles, simulating the natural interconnections of weather systems. When certain climatic conditions are met, the particles explode in bursts of energy, creating a spectacular and dynamic effect.

The neon color palette and complex geometric shapes—spheres, toruses, and cubes—evoke a world on the boundary between science and art. Directional lighting accentuates the depth and movement, immersing the viewer in a cosmic yet technological atmosphere.

Plexus Atmosphérique offers a poetic vision of how natural phenomena influence our digital world, reminding us that nature and data are intrinsically linked. Through this piece, viewers are invited to interpret the connections between art, science, and technology while discovering the hidden beauty in the invisible flows of meteorological data.

Plexus Atmosphérique en temps réel à KHOURIBGA MAROC FR

« Plexus Atmosphérique » est une œuvre numérique immersive qui explore les interactions dynamiques entre les données météorologiques et des formes géométriques futuristes. Utilisant des particules, des connexions Plexus, et des explosions visuelles, ce tableau transforme des informations abstraites en une représentation artistique en constante évolution.

Inspirée par l’idée de rendre visible l’invisible, l’œuvre capte des données météorologiques en temps réel — température, humidité, et vitesse du vent — et les traduit en éléments visuels animés. Les particules flottantes symbolisent les données environnementales, tandis que les lignes Plexus connectent ces particules entre elles, simulant les interconnexions naturelles des systèmes météorologiques. Lorsque certaines conditions climatiques sont réunies, les particules explosent dans un élan d’énergie, créant un effet spectaculaire et dynamique.

La palette de couleurs néon et les formes géométriques complexes, telles que des sphères, tores et cubes, évoquent un monde à la frontière de la science et de l’art. Les lumières directionnelles accentuent l’effet de profondeur et de mouvement, plongeant le spectateur dans une atmosphère à la fois cosmique et technologique.

Plexus Atmosphérique propose une vision poétique de l’influence des phénomènes naturels sur notre monde digitalisé, rappelant que la nature et les données sont intrinsèquement liées. À travers ce tableau, les spectateurs sont invités à interpréter les liens entre l’art, la science, et la technologie, tout en découvrant la beauté cachée dans les flux invisibles des données météorologiques.

PROCESSING : maîtrisez le Créative Coding dès aujourd’hui

Shards of Reality: Structured Networks US

« Shards of Reality: Structured Networks » is a generative digital artwork that draws from real-time weather data to offer a dynamic and immersive visualization. Inspired by complex geometric structures and spatial dynamics, this piece translates the evolution of natural elements into luminous fragments and perpetually moving data flows.

Fractured angular forms shift and reassemble in a complex network of visual connections, while concentric rings and fine lines trace paths around these fragments, symbolizing the interconnection of climatic phenomena. Meteorological information, such as temperature, humidity, and wind speed, is displayed around the rings, bringing the artwork to life and emphasizing its connection to real data.

The artwork responds to every change in the data, adding an interactive and evolving dimension where nature becomes a source of inspiration for a futuristic and digital aesthetic.

Éclats de Réalité FR

« Éclats de Réalité » est une œuvre d’art numérique générative qui puise dans les données météorologiques en temps réel pour offrir une visualisation dynamique et immersive. Inspirée par les structures géométriques complexes et les dynamiques spatiales, cette œuvre traduit l’évolution des éléments naturels sous forme de fragments lumineux et de flux de données en perpétuel mouvement.

Des formes angulaires fracturées se déplacent et se réassemblent dans un réseau complexe de connexions visuelles, tandis que des anneaux concentriques et des lignes fines tracent des parcours autour de ces fragments, symbolisant l’interconnexion des phénomènes climatiques. Les informations météorologiques, telles que la température, l’humidité et la vitesse du vent, sont projetées autour des anneaux, donnant vie à l’œuvre et accentuant son lien avec les données réelles.

L’œuvre réagit à chaque changement dans les données, ajoutant une dimension interactive et évolutive, où la nature devient une source d’inspiration pour une esthétique numérique et futuriste.

PROCESSING : maîtrisez le Créative Coding dès aujourd’hui

Temporal Distortions FR

Description :
« Temporal Distortions » est une installation numérique interactive qui explore la manipulation du temps et de l’espace à travers des anomalies visuelles. Ce projet utilise des techniques avancées de rendu pour créer des effets de distorsion temporelle et spatiale, où les éléments visuels semblent se plier, se fragmenter, et se réorganiser de manière imprévisible. L’œuvre invite le spectateur à interagir avec le temps, en accélérant, ralentissant, ou inversant les mouvements des objets dans l’espace numérique.

Détails du Concept

  1. Distorsions Spatio-Temporelles :
    • Manipulation du Temps : Les objets dans l’espace se déplacent selon des flux de temps non linéaires. Certaines parties de la scène peuvent se déplacer en accéléré, tandis que d’autres semblent figées ou en ralenti.
    • Effets d’Anomalie : Ajout de glitchs temporels, où certaines zones de l’écran semblent « sauter » ou « glitcher » à cause de perturbations temporelles. Ces anomalies créent des ruptures visuelles dans le flux normal de l’animation.
  2. Interactions Asynchrones :
    • Contrôle de la Vitesse du Temps : Les utilisateurs peuvent interagir avec l’œuvre en manipulant la vitesse du temps via des gestes ou des commandes. Par exemple, en déplaçant la souris, le spectateur pourrait accélérer ou ralentir le temps dans certaines zones de l’écran.
    • Inversions et Boucles Temporelles : Des zones spécifiques peuvent inverser la direction temporelle, faisant « reculer » ou « reboucler » les objets et les effets visuels.
  3. Esthétique Ultra Contemporaine :
    • Minimalisme Numérique : Utilisation de formes géométriques simples (sphères, cubes, plans) pour renforcer l’impact des distorsions temporelles.
    • Palette Chromatique Réduite : Une palette de couleurs limitée, principalement des tons monochromes ou des dégradés subtils, pour mettre en valeur les effets de glitch et de distorsion.
    • Effets de Post-Processing : Utilisation intensive de filtres de post-traitement, comme le flou de mouvement, les aberrations chromatiques, et les déformations dynamiques, pour renforcer l’effet de rupture temporelle.

 

Explications du Code

  • TimeCube Class : Chaque cube dans la scène se déplace et tourne en fonction d’un facteur temporel (timeFactor) qui peut être modifié en temps réel par l’utilisateur.
  • Manipulation du Temps : Le facteur de temps (timeFactor) est contrôlé par la position de la souris, ce qui permet au spectateur d’accélérer ou de ralentir l’animation.
  • Effets de Distorsion : L’utilisation de rotations multiples et de translations dynamiques crée des effets de distorsion visuelle qui renforcent l’idée de perturbation temporelle.

« Temporal Distortions » est un projet d’art numérique abstrait qui explore la manipulation du temps et de l’espace dans un environnement numérique. Ce concept utilise des techniques de glitch et de distorsion pour créer une expérience visuelle où les lois normales du temps semblent s’effondrer.

PROCESSING : maîtrisez le Créative Coding dès aujourd’hui

Echoes of the Void US

« Echoes of the Void » is a digital installation that explores emptiness and the disintegration of forms through subtle and continuous interactions. This project is a visual representation of the ephemeral, where elements seem to emerge from nothingness, transform, and return to the void. The work uses generative noise and dynamic morphing, creating patterns that appear alive and constantly evolving.

Concept Details

  1. Dissolution and Emergence:
    • Dynamic Deconstruction: Simple geometric shapes, such as circles or squares, are constructed and deconstructed in real-time. Their contours gradually dissolve into fragments, creating an impression of fading and regeneration.
    • Ephemeral Interaction: The viewer can interact with the work, causing the instant emergence or disintegration of new forms, but these forms never persist for long.
  2. Noise and Distortion:
    • Generative Noise: Perlin and Simplex noise are used to disrupt the shapes and create fluid distortions. These noises influence texture, shape, and movement, making each moment unique.
    • Glitch Effect: Light glitch effects are added to emphasize deconstruction, with temporary visual distortions reminiscent of digital errors.
  3. Mutating Ecosystem:
    • Continuous Morphing: The shapes are never static. They fluidly transition from one state to another, never reaching a final or complete state. This symbolizes the constant flux of the digital universe, where nothing is permanent.
    • Color Transitions: Colors slowly evolve across a spectrum, blending into each other. These transitions are influenced by real-time data, such as the time of day or variations in noise.
  4. Spatialization and Depth:
    • Perspective and Depth of Field: A dynamic camera slowly moves through the 3D space, creating a sense of depth and mystery. The shapes seem to float in an infinite space, appearing and disappearing as the camera moves.
    • Spatial Interaction: Users can interact by moving the camera with the mouse, exploring different perspectives of the work.
Echoes of the Void FR

« Echoes of the Void » est une installation numérique abstraite qui explore le vide et la désintégration des formes à travers des interactions subtiles et continues. Ce projet est une représentation visuelle de l’éphémère, où les éléments semblent émerger du néant, se transformer, et retourner au vide. L’œuvre utilise des concepts de bruit génératif et de morphing dynamique, créant des motifs qui semblent vivants et en constante évolution.

Détails du Concept

  1. Dissolution et Émergence :
    • Déconstruction Dynamique : Les formes géométriques simples, comme des cercles ou des carrés, se construisent et se déconstruisent en temps réel. Leurs contours se dissolvent progressivement en fragments, créant une impression d’effacement et de régénération.
    • Interaction Éphémère : Le spectateur peut interagir avec l’œuvre, provoquant l’émergence ou la désintégration instantanée de nouvelles formes, mais ces formes ne persistent jamais longtemps.
  2. Bruit et Distorsion :
    • Bruit Génératif : Utilisation de bruits de Perlin et de Simplex pour perturber les formes et créer des distorsions fluides. Ces bruits influencent la texture, la forme et le mouvement, rendant chaque instant unique.
    • Effet de Glitch : Ajout de légers effets de glitch pour accentuer la déconstruction, avec des distorsions visuelles temporaires qui rappellent les erreurs numériques.
  3. Écosystème en Mutation :
    • Morphing Continu : Les formes ne sont jamais statiques. Elles passent d’un état à un autre, de manière fluide, sans jamais atteindre un état final ou complet. Cela symbolise le flux constant de l’univers numérique, où rien n’est permanent.
    • Couleurs en Transition : Les couleurs évoluent lentement à travers un spectre, se mélangeant les unes aux autres. Ces transitions sont influencées par des données en temps réel, comme l’heure de la journée ou les variations de bruit.
  4. Spatialisation et Profondeur :
    • Perspective et Profondeur de Champ : Utilisation d’une caméra dynamique qui se déplace lentement à travers l’espace 3D, créant un sentiment de profondeur et de mystère. Les formes semblent flotter dans un espace infini, apparaissant et disparaissant à mesure que la caméra se déplace.
    • Interaction Spatiale : Les utilisateurs peuvent interagir en déplaçant la caméra avec la souris, explorant ainsi différentes perspectives de l’œuvre.

SHADER

Pixel Mirage US

« Pixel Mirage » – A Digital Desert of Abstraction and Futurism

« Pixel Mirage » invites viewers into a vast, pixelated landscape where the boundaries between the natural and the synthetic dissolve. This digital artwork presents a futuristic desert composed of abstract cubes that rise and fall like waves of sand in a virtual realm, forming an endless horizon of shifting pixels.

Inspired by the idea of a desert—isolated, barren, yet serene—the piece transforms this concept into a visual exploration of modern digital aesthetics. The meticulously arranged pixels pulse with dynamic energy, their color palettes evolving with time, creating a mesmerizing play of light and form. The cubes, representing pixels in a 3D world, undulate with subtle movements, evoking the motion of dunes swayed by the wind, yet with a sharp, geometric precision that speaks to the digital age.

As the viewer engages with this immersive scene, they are transported to a space where abstraction and futurism collide, where the lines between the organic and the artificial blur. The landscape is both static and alive, reflecting the ever-evolving nature of the digital environment and the relentless march of technological innovation.

« Pixel Mirage » acts as a metaphor for our increasing immersion in digital realities. It asks: What is real in a world where even the simplest elements of nature can be broken down into pixels? Through its minimalist yet complex design, the artwork invites contemplation on the intersection of technology, nature, and the human experience, offering a futuristic vision of a world redefined by the digital.

Mirage de Pixels FR

« Mirage de Pixels » – Un Désert Numérique d’Abstraction et de Futurisme

« Mirage de Pixels » invite les spectateurs à explorer un vaste paysage pixelisé où les frontières entre le naturel et le synthétique se fondent. Cette œuvre numérique propose un désert futuriste composé de cubes abstraits qui montent et descendent comme des vagues de sable dans un royaume virtuel, formant un horizon infini de pixels mouvants.

Inspirée par l’idée du désert – isolé, aride mais serein – l’œuvre transpose ce concept dans une exploration visuelle des esthétiques numériques contemporaines. Les pixels, disposés avec minutie, vibrent d’une énergie dynamique, leurs palettes de couleurs évoluant au fil du temps, créant un jeu fascinant de lumière et de formes. Les cubes, symbolisant des pixels dans un monde tridimensionnel, ondulent avec des mouvements subtils, évoquant les dunes balayées par le vent, tout en conservant une précision géométrique qui témoigne de l’ère numérique.

Le spectateur, en s’immergeant dans cette scène, est transporté dans un espace où abstraction et futurisme se rencontrent, brouillant les lignes entre l’organique et l’artificiel. Le paysage est à la fois statique et vivant, reflétant la nature en perpétuelle évolution de l’environnement numérique et l’avancée inexorable des innovations technologiques.

« Mirage de Pixels » agit comme une métaphore de notre immersion croissante dans les réalités numériques. L’œuvre interroge : Qu’est-ce qui est réel dans un monde où même les éléments les plus simples de la nature peuvent être décomposés en pixels ? Par son design minimaliste mais complexe, l’œuvre invite à une réflexion sur l’intersection entre la technologie, la nature et l’expérience humaine, offrant une vision futuriste d’un monde redéfini par le numérique.

TOUCHDESIGNER : maîtrisez le Créative Coding dès aujourd’hui

Matrix Weather Display FR

Matrix Weather Display

Description du Projet :
Ce sketch visualise de manière dynamique les conditions météorologiques en temps réel à travers une animation inspirée de l’esthétique emblématique de « Matrix ». Le code génère des colonnes de caractères qui tombent de manière continue sur l’écran, rappelant les flux de données de l’univers Matrix, tout en intégrant des données météo pour influencer l’apparence et le comportement de l’animation.

MatrixColumn Class :
Cette classe gère chaque colonne de caractères, qui se déplace verticalement à travers l’écran. Chaque colonne est composée de symboles choisis aléatoirement dans une plage unicode, créant ainsi l’effet visuel distinctif des colonnes de « Matrix ».

Influence des Données Météo :
La vitesse de chute des colonnes est influencée par la vitesse du vent. Ainsi, plus le vent est fort, plus les colonnes tombent rapidement, ce qui rend l’animation réactive aux conditions météorologiques actuelles. Cela permet de lier l’esthétique visuelle à une source de données réelle, ajoutant une dimension interactive et contextuelle à l’œuvre.

Affichage des Symboles :
Les caractères affichés sont sélectionnés dans une plage unicode qui imite les symboles iconiques de « Matrix », renforçant l’atmosphère futuriste et numérique du sketch. Chaque colonne est autonome, avec des vitesses de chute et des séquences de caractères uniques, ce qui ajoute à l’effet visuel hypnotique et chaotique.

Ce projet « Matrix Weather Display » combine l’esthétique cyberpunk de « Matrix » avec des données météorologiques en temps réel pour créer une œuvre d’art numérique à la fois captivante et réactive. L’intégration des données météo ajoute une couche supplémentaire de dynamisme, faisant évoluer l’animation en fonction des éléments naturels.

Kamel Ghabte

Formations sur mesure en distanciel pour développer vos compétences professionnelles. Apprenez à votre rythme avec un formateur expert, agréé et reconnu. Contactez-nous dès aujourd’hui

25 Avenue de la Poterie 33170 Gradignan France

+33.783.878.760