Articles

Affichage des articles du mai, 2025

Animation javascript dans page web

Image
Arbres fractals en JavaScript Une progression en 4 étapes : de la simple branche jusqu’à l’arbre fractal élégant, animé, coloré et “propre pour la scène”. Public : 6 → 18 ans + bonus pour devs curieux 1) Étape 1 – Une seule branche Objectif : comprendre le principe de base : une ligne sur un canvas . C’est la “colonne vertébrale” de l’arbre. On crée un canvas de 400×400 pixels. On trace une branche verticale en utilisant moveTo et lineTo . C’est le tronc de l’arbre. Copier le code de l’étape 1 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Branche simple</title> <style> body { margin: 0; background: #f4f4f4; } canvas { display: block; margin: auto; background: white; border: 1px solid #ccc; ...