# Codage créatif sur JS : animation, son et couleur | Domestika

> Un cours de Bruno Imbrizi · Web & App Design · Débutant
> 28 leçons (2h 48m) · Sur les 184 avis des élèves, 99% sont positifs

Le codage est un processus semblable à la résolution d’une énigme : un cycle constant d’apprentissage, d’erreurs et d’itérations pouvant mener à la création de quelque chose de beau. Bruno Imbrizi est un graphiste primé ayant consacré les 10 dernières années de sa carrière à maîtriser **l’art du codage créatif**. 

Il utilise JavaScript pour produire des animations, des tirages imprimés, des pièces interactives, et bien d’autres éléments, qui l’ont mené à collaborer avec des marques telles que Google, Spotify et Nike, et remporter des prix, notamment le Prix Adobe Cutting Edge et celui de la meilleure installation numérique de FITC.

C'est le second cours de Bruno sur Domestika. Le premier, [Codage créatif : créez des éléments visuels avec JavaScript](https://www.domestika.org/pt/courses/2729-programacao-criativa-produza-pecas-visuais-com-javascript), vous apprendra de A à Z les fondamentaux de la programmation et du dessin grâce au codage.

###### À quoi s’attendre en suivant ce cours ?
 

_« Dans ce cours, je vous présenterai plusieurs techniques pour **créer des visuels passionnants sur JavaScript**. »_

*  Apprenez à coder une visualisation immersive en jouant avec le son

*  Développer des compositions de codage riches en couleur

*  Animer vos visuels et incorporer des interactions du curseur

## À qui s'adresse ce cours en ligne ?

Ce cours s’adresse à toute personne souhaitant approfondir ses connaissances en codage pour créer des compositions animées uniques.

## Quel est le projet du cours ?

Pour le projet final, vous développerez une série de compositions de codage jouant avec la couleur et le son qui s’exécuteront sur un navigateur web.

## Prérequis et matériel nécessaire

Des connaissances préalables en codage sont requises pour suivre ce cours. 

Pour le matériel, vous aurez besoin d’une tablette ou d’un ordinateur avec JavaScript.

## Contenu

### Introduction

Salut! Je suis Bruno Imbrizi. Bienvenue dans ce cours Domestika. Merci de nous rejoindre!

 Dans cette unité, je vais vous parler de mon parcours à travers le codage créatif et vous présenter également trois personnes qui ont influencé mon travail.

### La mise en place

Dans cette unité, nous préparerons l'environnement pour le codage créatif. Nous commencerons par un bref récapitulatif de certains principes fondamentaux de JavaScript. Ensuite, nous examinerons les options de configuration. Enfin, nous verrons canvas-sketch, qui est une collection d'outils et de ressources pour créer de l'art génératif avec JavaScript.

 Certains étudiants peuvent préférer suivre le cours à l'aide d'un éditeur en ligne, avec une configuration minimale, tandis que d'autres peuvent vouloir plus de contrôle et installer des éléments localement. N'importe quelle option est bonne!

### Inclinaison

Dans cette unité, nous allons commencer le premier croquis créatif. Vous allez travailler avec des rectangles inclinés et les utiliser comme base pour en savoir plus sur quelques techniques impliquant la trigonométrie, le hasard, les palettes de couleurs, les modes de fusion et les masques d'écrêtage.

### Courbes

Dans cette unité, vous allez apprendre à dessiner des courbes quadratiques et à les connecter de manière transparente. Au cours du processus, vous découvrirez les écouteurs d'événements et l'interaction du curseur. À la fin, vous créerez des visuels à l'aide de segments de courbes distribués sous forme de grille, en utilisant des couleurs d'une manière différente de ce que vous avez fait dans l'unité précédente.

### Le son

Dans cette unité, vous apprendrez à lire de l'audio dans un navigateur Web et à utiliser l'API Web Audio pour extraire des données d'une source audio. Vous utiliserez des données de fréquence audio pour piloter certains visuels et essayerez de recréer quelques conceptions d'affiches classiques à l'aide de code.

### Particules

Dans cette unité, vous travaillerez avec des particules et apprendrez à leur appliquer des forces, en utilisant des concepts de base de la physique tels que la vitesse et l'accélération. Nous examinerons un algorithme pour répartir les particules sous forme de cercles concentriques, puis utiliserons les forces pour modifier des propriétés telles que l'échelle et les couleurs. Enfin, je vais vous montrer comment lire les données de couleur à partir d'images et comment interpoler entre plusieurs couleurs.

## Audio et sous-titres

**Audio:** Anglais, Espagnol (Latam), Français, Italien, Portugais, Turc

**Sous-titres:** Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais, Turc

[Codage créatif sur JS : animation, son et couleur](https://www.domestika.org/fr/courses/3862-codage-creatif-sur-js-animation-son-et-couleur)