Skip to main content
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Production

Built with JEKYLL_ENV=production. Changes require deployment.

Quick Links
Theme & Build
Jekyll v3.10.0
Last Build Aug 05, 04:35
Page Location
Page Info
Layout default
Collection none
Path fr/docs/features/particles-background.md
URL /fr/docs/features/particles-background/
This page was translated automatically from the English original. View the original

Arrière-plan de particules

Animation d'arrière-plan de particules interactive utilisant particles.js pour améliorer visuellement les sections d'accueil et hero.

Table of Contents

Arrière-plan de particules

Un champ de particules animé optionnel qui se place derrière le contenu des sections hero et d’accueil, ajoutant un mouvement subtil et de la profondeur. Les particules dérivent, se connectent et réagissent au curseur, et tout l’effet se configure à partir d’un seul fichier JSON.

Vue d’ensemble

  • Champ de particules configurable — le nombre, la taille, la vitesse, la couleur et la distance des liens sont tous pilotés par les données.
  • Interactif — les particules réagissent au survol de la souris et aux clics.
  • Configuration JSON — le comportement est lu depuis assets/particles.json, ce qui vous permet de réajuster l’apparence sans toucher au JavaScript.
  • Soucieux des performances — destiné aux sections d’accueil/hero plutôt qu’à chaque page, de sorte que le coût de l’animation reste limité aux endroits où elle apporte de la valeur.

Fonctionnement

Le runtime intégré assets/js/particles.js effectue le rendu sur un canvas monté dans la zone hero ; l’initialiseur (assets/js/particles-source.js) charge assets/particles.json et l’applique. Comme la configuration est externe, un site peut proposer un champ plus calme ou plus dense en modifiant uniquement le JSON.

Implémentation

Fichier Rôle
assets/js/particles.js Moteur de rendu particles.js intégré.
assets/js/particles-source.js Initialiseur qui charge la configuration JSON et monte le canvas.
assets/particles.json Nombre de particules, mouvement, couleurs et interactivité.

Fonctionnalités connexes