Un point de départ pour votre voyage en code créatif
Sous le terme de "Code Créatif" se regroupent un large éventail de pratiques artistiques utilisant le code informatique comme support de création. Le Code Créatif se distingue typiquement de la programmation telle qu'on l'entend habituellement par le fait que le codeur créatif ne suit pas un cahier des charges prédéfini afin de résoudre des problèmes pour un utilisateur, mais vise plutôt à exprimer des idées et des concepts.
Il existe une riche histoire d'artistes utilisant l'ordinateur comme outil, qui remonte au début des années 1960. Des créateurs tels que Vera Molnar, Frieder Nake, Lillian Schwartz, et Manfred Mohr, dont certains sont encore actifs aujourd'hui. Ces artistes ont utilisé le code informatique pour générer des visuels, des dessins, des animations ou de la musique. Pour en savoir plus sur l'histoire de l'art numérique en général, vous pouvez lire When the Machine Made Art de Grant D. Taylor (en Anglais).
Débuter dans un nouveau domaine peut être une expérience stressante. Cette page est l'inverse des listes de liens "Awesome" populaires sur le Github anglophone. Plutôt qu'une compilation exhaustive de toutes les ressources disponibles sur Internet, elle est délibérément incomplète. Pour chacune des catégories ci-dessous, nous avons choisi à la main un outil, un artiste, un livre et un site web pour vous aider à démarrer votre voyage.
C'est parti !
Table of Contents
- Je veux faire de la musique !
- Je sais déjà programmer et je veux faire de l'art.
- Je veux faire des visuels
- Je suis danseur·euse / chorégraphe et je veux faire un spectacle avec des vidéos !
- Je veux créer des jeux !
- Non ! Je veux faire des jeux encore plus étranges !
- Je veux faire de l'art sur Internet
- Je suis étudiant
- Je suis parent / enfant
- Je suis architecte
- Je suis un·e artiste
- Je suis un poète
- Je suis graphiste
- Je veux une machine à dessiner
- Je veux construire un robot !
- D'accord je sais dessiner des lignes et des cercles, et après ?
- Merci !
Un outil : TidalCycles
TidalCycles est un environnement de programmation permettant de générer du son avec du code. Le code est très simple –
sound "bd"jouera la grosse caisse en boucle, etsound "hh" # cutoff 1000jouera la caisse claire avec filtre passe-bas à 1000 Hz. Vous pouvez poser des questions sur le serveur Discord de TidalCycles.
Un·e artiste : Malitzin Cortes
Le travail de Malitzin Cortes (alias CNDSD) va du live coding, au live cinema, en passant par les installations, la réalité virtuelle, l'art génératif, le design sonore, la musique expérimentale ou l'art sonore. Lisez l'interview de Malitzin sur le blog de TidalCycles (en Anglais).
Un site web : TidalCycles Tutorial
Ce guide vous aidera à commencer avec des motifs simples et vous guidera jusqu'aux compositions plus complexes.
Un outil : Processing
Processing est un outil formidable pour commencer à réaliser des visuels; si vous êtes déjà familier avec le langage de programmation Java, C/C++ et autres, les exemples intégrés vous donneront une bonne idée de par où commencer. Il existe également une version Python. D'autres outils tels que openFrameworks et OPENRNDR ont une philosophie similaire.
Un·e artiste : Anna Carreras
Anna Carreras (Barcelone, 1979) est une codeuse créative et une artiste numérique. Elle concentre son travail sur l'utilisation d'algorithmes génératifs, de code créatif et de technologie interactive comme moyen de communication et générateur d'expérience.
Un livre : Code as Creative Medium
Ce livre est une ressource essentielle pour les éducateurs et les praticiens des arts qui veulent explorer le code en tant que moyen de création, et sert de guide pour les informaticiens qui passent de STEM à STEAM dans leurs programmes ou leur pratique.
Un outil : Hydra
Hydra est un environnement de programmation permettant de créer rapidement des visuels dans un navigateur web en utilisant une quantité minimale de code.
osc().out()génère un motif d'onde sinusoïdale, etosc().color(1,0,0).out()change la couleur en rouge. Vous pouvez poser des questions sur le serveur Discord de Hydra et voir quelques exemples de visuels créés dans Hydra.
Un·e artiste : Flor de Fuego
Flor de Fuego étudie l'image et les médias numériques, en produisant des images et des sons liés au live coding, à l'animation, à la vidéo et à l'Internet.
Un site web : Exemples Hydra
Une petite collection de sketches faits sous Hydra, réalisés pour un atelier au festival de codage créatif CC Fest 2021. Vous pouvez éditer les exemples dans votre navigateur pour apprendre vous-même les bases. Si vous souhaitez poursuivre votre apprentissage, consultez le Hydra Book en ligne.
Un outil : Isadora
Isadora est utilisé par de nombreux danseurs et chorégraphes pour des performances multimédia - générant des motifs géométriques, se mélangeant avec le flux vidéo et utilisant des caméras pour l'interactivité. Il n'est pas nécessaire de coder, il suffit de connecter des modules pour créer des images et de l'interaction. Au bout du compte, la technologie n'est qu'un moyen et pas une fin et tout ce qui se trouve sur votre ordinateur peut être utilisé comme outil. Que diriez-vous de danser avec une page web piratée par example ?
Un·e artiste : Joana Chicau
Joana Chicau est graphiste, chercheuse et codeuse, avec une formation en chorégraphie et en performance. Sa méthodologie explore la manière dont les pratiques de conception et de codage interfèrent plus profondément avec la conception des interfaces et l'affichage des informations - en considérant la pensée chorégraphique, l'incarnation et les nouvelles possibilités de perception du mouvement.
Un site web : [Motion Bank] (http://motionbank.org/)
Motion Bank est une initiative de la Forsythes Company qui se concentre sur de nouvelles façons d'enregistrer des chorégraphies via le support numérique. Le site web contient des archives de projets antérieurs, dont un projet de recherche avec Deborah Hay.
Un outil : Bitsy
"Bitsy est un petit éditeur pour les petits jeux ou les petits mondes. Le but est de faciliter la création de jeux où l'on peut se promener, parler aux gens et être quelque part." Voici une liste de jeux réalisés avec Bitsy.
Un·e artiste : Pippin Barr
Pippin Barr fait des jeux.
Un outil : Wekinator
Le Wekinator est un logiciel libre et gratuit, créé à l'origine en 2009 par Rebecca Fiebrink. Il permet à quiconque d'utiliser l'intelligence artificielle pour construire de nouveaux instruments de musique, des contrôleurs de jeux gestuels, des systèmes de vision par machine, et bien plus encore.
Un·e artiste : Marie Claire LeBlanc Flanagan
"Je conçois et construis des choses pour les gens. Je construis des expériences de jeu, des installations, des jeux vidéo expérimentaux, des histoires, des communautés, des espaces et des événements."
Un site web : Babycastles
"Babycastles est une association à but non lucratif qui encourage et amplifie les voix diverses dans la culture du jeu vidéo." Rejoignez le serveur Discord de Babycastles ou suivez-les sur Twitch !
Un outil : Glitch
Glitch est une excellente plateforme pour créer rapidement un petit projet web. Cela nécessite une connaissance du HTML, CSS et JavaScript (front end et node.js).
Un·e artiste : Max Bittker
Max Bittker est un "artiste construisant des outils pour le jeu, la créativité et la communication". Un exemple récent de son travail, orb.farm est une simulation virtuelle d'aquarium et d'écosystème.
Un livre : I Was Raised on the Internet
"Coïncidant avec une exposition majeure au Museum of Contemporary Art Chicago, cette anthologie d'essais et de réflexions jette un éclairage discursif et critique sur le travail des artistes qui s'engagent dans l'internet et les technologies numériques aujourd'hui."
Un site web : Rhizome
"The Rhizome ArtBase" a été fondé en 1999 pour préserver les œuvres d'art net qui ont été jugées "d'une importance historique potentielle". Comprenant un vaste éventail de projets d'artistes du monde entier, la ArtBase abrite des œuvres qui utilisent des matériaux tels que des logiciels, du code, des sites web, des images animées, des jeux et des navigateurs". Voir aussi : One Terabyte of Kilobyte age
Un outil : p5.js
p5.js est un outil pour dessiner des formes et peindre des couleurs dans un navigateur web. Vous pouvez commencer à coder dès maintenant dans l'éditeur web et trouver des tutos sur le site web de p5.js.
Un·e artiste : Aren Davey
Aren a créé Cozy Coding, "une série de streams Twitch hebdomadaires qui offrent des tutoriels et des leçons interactives sur p5.js à ses viewers".
Cet ouvrage d’initiation a été conçu à l’intention des créateurs qui produisent des installations interactives, des graphistes qui génèrent des images ou des motifs, et de tous ceux qui veulent s’initier à la programmation. Vous trouverez sur le site compagnon de l’ouvrage (www.ifdesignelseart.com) les ressources techniques de l’ouvrage, des exemples et des modèles de réalisation.
Un site web : The Coding Train (en Anglais)
The Coding Train est "une chaîne YouTube dédiée aux tutoriels et défis de code créatif pour débutants". Elle a été créée par Daniel Schiffman. Vous pouvez poser des questions sur leur serveur Discord.
Un outil : Scratch
Avec Scratch, vous pouvez programmer vos propres histoires, jeux et animations interactives et partager vos créations avec d'autres membres de la communauté en ligne. Scratch est conçu spécialement pour les 8 à 16 ans, mais est utilisé par des personnes de tous âges.
Un artiste : Stefania Druga
Le travail de Stefania Druga se concentre sur l'éducation en matière d'Intelligence Artificielle et la conception de nouvelles plateformes informatiques pour les enfants et les parents. Elle est la créatrice de Hackidemia, une organisation mondiale qui permet aux gens d'apprendre en créant et en s'amusant.
Un livre : Programmer avec Scratch 5e/4e/3e
"Un cahier pour s’entraîner à programmer avec Scratch, et consolider ainsi des apprentissages clés de du nouveau programme en maths cycle 4."
Un outil : Sverchok pour Blender
Sverchok est un addon gratuit pour le logiciel Open Source 3D Blender. Dans Sverchok, les formes 3D sont créées en arrangeant et connectant des composants (appelés "nodes") pour construire des algorithmes générateurs qui produisent des formes 3D de plus en plus complexes. Voici un tutoriel Sverchok et un tutoriel Blender pour vous aider à démarrer. *Note : Blender s'utilise de préférence avec une souris à 3 boutons et un clavier équipé d'un pavé numérique.
Un artiste : Satoru Sugihara
Satoru Sugihara explore les frontières de la technologie de conception numérique à travers la pratique du design et la recherche en architecture contemporaine et en design spatial.
Un livre : Morphing
Morphing, A Guide to Mathematical Transformations for Architects and Designers est un trés beau livre, plein d'exemples d'utilisation de formules mathématiques simples pour générer des formes et une géométrie complexes.
Un outil : TouchDesigner
"TouchDesigner est une plateforme de développement visuel qui vous fournit les outils nécessaires pour créer des projets en temps réel époustouflants et des expériences utilisateur riches. Que vous créiez des systèmes de médias interactifs, des projections architecturales, des visuels de musique en direct ou que vous réalisiez simplement un prototype rapide de votre dernière impulsion créative, TouchDesigner est la plateforme qui peut tout faire".
Un·e artiste : Rosa Menkman
"Mon travail se concentre sur les artefacts de bruit qui résultent d'accidents dans les médias analogiques et numériques (tels que les pépins et les artefacts d'encodage et de rétroaction). Je pense que les artefacts résultant de ces accidents peuvent faciliter un aperçu important de l'alchimie autrement obscure de la normalisation par le biais des résolutions".
Un site web : Applications créatives
Creative Applications partage des projets, des outils et des plates-formes à l'intersection de l'art, des médias et de la technologie. C'est une bonne plateforme pour trouver l'inspiration et se tenir au courant de la scène des arts numériques.
Un outil : Thonny a Python IDE for beginners
Un·e artiste : Allison Parrish
Allison Parrish est une poète américaine, ingénieure logiciel, codeuse créative et conceptrice de jeux, notable comme l'une des plus éminentes créatrices des premiers bots Twitter littéraires et créatifs. Elle a été nommée "Best Maker of Poetry Bots" par The Village Voice en 2016.
Un livre pour tous ceux qui veulent apprendre la programmation pour explorer et créer, avec des exercices et des projets pour aider le lecteur à apprendre par la pratique.
Un outil : p5.js
"p5.js est une librarie JavaScript pour le code créatif, dont l'objectif est de rendre le code accessible et inclusif pour les artistes, les graphistes, les éducateurs, les débutants et toute autre personne".
Un·e artiste : Raven Kwok
Raven Kwok (alias Guo, Ruiwen) est un artiste visuel et un technologiste créatif. Son intérêt artistique et de recherche se concentre principalement sur l'exploration de l'esthétique visuelle générative apportée par les algorithmes informatiques et les processus logiciels. Regardez sa conférence à MuDA (en Anglais) pour plus d'informations sur son travail.
Un livre : Generative Design
Ce livre est un bon point de départ pour les stratégies de programmation, avec des tutoriels étape par étape pour créer des expériences visuelles qui explorent les possibilités de la couleur, de la forme, de la typographie et des images. Des exemples de programmes qui peuvent être visualisés et modifiés dans votre navigateur sont disponibles gratuitement sur le site web du livre.
Un outil : AxiDraw
L'AxiDraw est un traceur. Vous y attachez un stylo ou un crayon, vous lui donnez un dessin au trait (sous forme de fichier vectoriel), et il produira une copie parfaitement fidèle sur papier. Un traceur peut reproduire l'aspect d'un dessin fait à la main, utiliser divers outils tels que des marqueurs à peinture, et dessiner sur des supports d'impression que vous ne pourriez pas insérer dans une imprimante traditionnelle, pour des cas d'utilisation tels que le marquage de pièces directement sur des feuilles de métal.
Un·e artiste : Sougwen Chung
"Le travail de Chung explore le tracé à la main et le tracé à la machine comme une approche pour comprendre la dynamique des humains et des systèmes."
Un site web : DrawingBots.net
"La mission de DrawingBots.net est de devenir le lieu central sur le web pour découvrir le monde des machines à dessiner, trouver l'inspiration et parler à d'autres passionnés de robots dessinateurs."
Un outil : Arduino
Fabriquer un robot qui marche tout seul est un énorme projet de recherche ! Mais vous pouvez commencer par un exemple simple. Que diriez-vous de connecter un moteur et un capteur de lumière à un Arduino afind d'actionner le moteur lorsque vous recouvrez le capteur ? Arduino est une petite carte électronique qui peut détecter l'environnement et agir sur son environnement en contrôlant les lumières, les moteurs et autres actuateurs.
Un·e artiste : So Kanno
So Kanno est un artiste dont l'œuvre fourmille de robots sur mesure, de souris laser et de machine à dessiner chaotiques. "Il considère le changement essentiel des choses provoqué par l'évolution et le changement de la technologie, et crée des œuvres pour leur apporter une nouvelle perspective".
Un livre : Arduino Pour les Nuls, 3ed
Au programme: Découverte de la carte Arduino, Eléments de base de l'électronique, Circuits simples, Utiliser des composants, Initiation à la programmation, Au cœur de la programmation d'Arduino, Exemples de montage avec Arduino. Si vous souhaitez vous faire une idée du contenu, la deuxième édition est disponible en ligne.
Publier vos travaux sur Twitter/Instagram est un excellent moyen de recueillir les réactions. N'hésitez pas à tagger @CreativeCodeBLN afin que nous puissions partager votre travail avec la communauté !
Un·e artiste : Saskia Freeke
Depuis le 1er janvier 2015, Saskia Freeke publie chaque jour une œuvre d'art réalisée dans Processing.
Un site web : OpenProcessing
OpenProcessing est une plateforme en ligne pour les créateurs de Processing et de p5.js. Vous pouvez utiliser leur éditeur en ligne pour créer des croquis et les partager avec la communauté.
Cette liste est créée et maintenue par Raphaël de Courville et Naoto Hieda pour Creative Code Berlin comme ressource pour les participants à nos rencontres bimensuelles. Nous espérons qu'elle pourra également être utile à d'autres personnes :)
Si vous cherchez une liste plus complète, consultez cette liste des ressources de code créatif (en Anglais).
Ce document est sous licence CC BY-SA 4.0.