Je suis débutant en JavaScript et j’aimerais créer une petite animation (par exemple : déplacer un carré de gauche à droite sur l’écran). Je souhaite le faire sans utiliser de bibliothèques comme jQuery ou GSAP, juste avec JavaScript natif. J’ai entendu parler de setInterval, requestAnimationFrame, et les propriétés CSS manipulées via le DOM, mais je ne sais pas vraiment par où commencer. Est-ce que quelqu’un pourrait me guider avec un exemple simple ou m’expliquer quelle méthode est la plus adaptée pour ce genre d’animation fluide ? Merci d’avance pour votre aide !
Comment créer une animation simple avec JavaScript pur (sans librairie) ?
-
peoplestuff
- Messages : 1
- Enregistré le : 16 juin 2025, 09:08
- Contact :
Comment créer une animation simple avec JavaScript pur (sans librairie) ?
Bonjour à tous,
Je suis débutant en JavaScript et j’aimerais créer une petite animation (par exemple : déplacer un carré de gauche à droite sur l’écran). Je souhaite le faire sans utiliser de bibliothèques comme jQuery ou GSAP, juste avec JavaScript natif. J’ai entendu parler de setInterval, requestAnimationFrame, et les propriétés CSS manipulées via le DOM, mais je ne sais pas vraiment par où commencer. Est-ce que quelqu’un pourrait me guider avec un exemple simple ou m’expliquer quelle méthode est la plus adaptée pour ce genre d’animation fluide ? Merci d’avance pour votre aide !
Je suis débutant en JavaScript et j’aimerais créer une petite animation (par exemple : déplacer un carré de gauche à droite sur l’écran). Je souhaite le faire sans utiliser de bibliothèques comme jQuery ou GSAP, juste avec JavaScript natif. J’ai entendu parler de setInterval, requestAnimationFrame, et les propriétés CSS manipulées via le DOM, mais je ne sais pas vraiment par où commencer. Est-ce que quelqu’un pourrait me guider avec un exemple simple ou m’expliquer quelle méthode est la plus adaptée pour ce genre d’animation fluide ? Merci d’avance pour votre aide !
Re: Comment créer une animation simple avec JavaScript pur (sans librairie) ?
Bonjour
J'ai fait des exemples d'animation avec requestAnimationFrame :
https://www.toutjavascript.com/referenc ... nframe.php
Ca marche plutot pas mal
J'ai fait des exemples d'animation avec requestAnimationFrame :
https://www.toutjavascript.com/referenc ... nframe.php
Ca marche plutot pas mal
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php
https://www.toutjavascript.com/livre/index.php
