Formation

Formation créatif

Débuter le développement créatif

Techniques à maîtriser pour la programmation créative web

Dans le domaine du codage créatif, certaines fonctions sont devenues particulièrement célèbres en raison de leur large applicabilité et de leur capacité à créer un contenu visuellement attrayant et dynamique. Voici un aperçu de certains des plus notables :

Fonctions de dessin (ligne, ellipse, rectangle, sommet) : les fonctions de dessin de base sont les éléments constitutifs de tout projet de codage créatif, vous permettant de dessiner des formes sur la toile.

Fonctions de transformation (translation, rotation, mise à l’échelle) : en programmation graphique, ces fonctions sont utilisées pour modifier la position, l’orientation et la taille des objets, ce qui est crucial pour les animations dynamiques et interactives.

Fonctions aléatoires (par exemple, Math.random() en JavaScript) : elles sont essentielles pour générer des valeurs aléatoires, qui peuvent être utilisées pour créer des effets variés et organiques, comme des mouvements, des couleurs ou des formes aléatoires.

Fonctions de bruit (par exemple, Perlin Noise, Simplex Noise) : ces fonctions génèrent un bruit cohérent qui est souvent utilisé dans la génération procédurale pour les textures, les paysages et d’autres motifs d’apparence naturelle. Le bruit Perlin, en particulier, est un élément essentiel du codage créatif en raison de ses transitions douces et naturelles.

Fonctions trigonométriques (sin, cos, tan) : elles sont fondamentales pour créer des effets périodiques et oscillatoires, tels que des vagues, des mouvements circulaires et des motifs.

Fonctions d’interpolation (lerp, map) : elles sont utilisées pour effectuer une transition en douceur entre les valeurs, ce qui est particulièrement utile pour les animations et les graphiques animés.

Fonctions Bézier et Spline : Pour créer des courbes et des chemins complexes, ces fonctions sont indispensables. Ils sont largement utilisés dans les graphiques animés pour créer des formes fluides et complexes.

Fonctions de couleur (RVB, HSL) : les fonctions permettant de manipuler les couleurs sont cruciales pour créer des pièces visuellement attrayantes. Ils permettent des changements de couleurs et des dégradés dynamiques.

Fonctions Frame et Time (frameCount, deltaTime) : ces fonctions aident à créer des animations et des effets basés sur le temps, où la sortie visuelle change au fil du temps.

Fonctions de gestion des événements (mouseX, mouseY, keyPressed) : dans l’art interactif, les fonctions qui répondent aux entrées de l’utilisateur telles que les mouvements de la souris et les pressions sur le clavier sont essentielles.

Programme de formation (en cours)

L’environnement Web

  1. Le positionnement css Flexbox
  2. Diaporama / Slider Vertical
  3. Diaporama / Slider Horizontal
  4. Micro interaction avec les transitions Css 
  5. Animations CSS
  6. Préchargement de page web
  7. Interaction javascript : haikus aléatoires 
  8. Les variables en css : exemple avec un color switcher
  9. Apprentissage d’un framework pour l’animation web: Gsap
  10. Intégrer un sketch P5 en fond de page: exemple avec des particules
  11. La fonction de calcul Css 
  12. La typographie moderne fluide (Clamp)
  13. Des animations 3D avec GSAP + P5 en WEBGL Mode
  14. Le smooth Scrolling
  15. Animation au scroll avec ScrollTrigger de Gsap 
  16. Animer une police variable (Recursive)

MY AI

ASSISTANT

is

WEB_GURU

Utilisation d’un assistant AI ChatGPT4 personnalisé.