🎆 Feux d'artifice — Système de particules
Feux d'artifice basés sur des particules avec gravité, traînée, traînées de couleur et physique d'explosion.
Spectacle de feux d'artifice avec une physique de particules réaliste. Les fusées se lancent, explosent en centaines d'étincelles avec traînées de couleur, puis s'estompent sous la gravité et la traînée de l'air. Chaque explosion est unique.
🔬 Ce que cela démontre
Système de particules avec gravité, traînée de l'air et interpolation de couleurs. Les explosions distribuent les particules sur une sphère avec des vitesses aléatoires.
🎮 Comment l'utiliser
Cliquez n'importe où pour lancer un feu d'artifice à cette position. Regardez le spectacle automatique ou créez vos propres motifs en cliquant rapidement.
💡 Le saviez-vous ?
Les couleurs des feux d'artifice proviennent de différents sels métalliques : strontium (rouge), baryum (vert), cuivre (bleu), sodium (jaune). Le motif « chrysanthème » est sphérique car la charge est compactée en une boule parfaite.
À propos de la simulation de Feux d'artifice
Cette simulation modélise un spectacle pyrotechnique sous forme de système de particules 2D sur un canevas HTML. Une fusée s'élève dans le ciel nocturne, décroche à une hauteur cible, puis explose en centaines d'étincelles lumineuses réparties uniformément autour d'un cercle avec des vitesses aléatoires. Chaque étincelle est mise à jour à chaque image à l'aide d'une simple intégration d'Euler : la gravité s'ajoute à la vitesse verticale, la traînée de l'air met à l'échelle la vitesse horizontale, et un compteur de vie estompe sa luminosité, produisant un mouvement organique et réaliste.
Le curseur Particules définit combien d'étincelles chaque explosion libère (30 à 200), Gravité contrôle la vitesse à laquelle elles retombent en arc, et le curseur Traînée règle la durée de persistance des traînées lumineuses. Six palettes de couleurs, un mode Fête automatique continu et une interaction de lancement au clic complètent le jouet. Des systèmes de particules comme celui-ci alimentent les explosions, la fumée et les étincelles dans les jeux vidéo, les effets visuels de films et l'enseignement de la physique.
Questions fréquemment posées
Que montre réellement cette simulation de feux d'artifice ?
Elle montre une fusée s'élevant dans le ciel et explosant en une pluie d'étincelles qui s'éventent vers l'extérieur et retombent sous la gravité. C'est un système de particules : chaque étincelle est un point indépendant avec sa propre position, vitesse, couleur et durée de vie, tous mis à jour image par image pour créer une explosion de feu d'artifice réaliste.
Comment l'explosion disperse-t-elle les étincelles ?
Lorsqu'une fusée atteint sa hauteur cible, elle génère le nombre choisi de particules réparties uniformément autour d'un cercle complet. Chaque étincelle reçoit un angle d'environ deux-pi fois son indice divisé par le total, plus un petit tremblement aléatoire, et une vitesse aléatoire comprise entre environ 2 et 5. Une salve séparée de 20 étincelles scintillantes rapides est ajoutée pour l'éclat.
Quelle est l'équation derrière le mouvement de chaque étincelle ?
À chaque image, le code effectue vy = vy + g, puis x = x + vx et y = y + vy, avec vx = vx multiplié par 0,985 pour la traînée de l'air. Ici g est le curseur de gravité et (vx, vy) est la vitesse de l'étincelle. C'est une intégration d'Euler de base du mouvement de projectile, la même physique qui régit tout objet lancé sous la gravité.
Que contrôlent les trois curseurs ?
Particules définit combien d'étincelles chaque explosion libère, de 30 à 200. Gravité définit avec quelle force les étincelles sont ramenées vers le sol, de 0,02 à 0,4 pixel par image au carré. Traînée définit le facteur d'atténuation (0,8 à 0,99) : des valeurs plus élevées laissent des traînées de lumière plus longues et plus lisses car les anciennes images se dégradent plus lentement.
Comment les traînées lumineuses sont-elles créées ?
Au lieu d'effacer le canevas à chaque image, la boucle peint un rectangle noir translucide dessus avec une opacité de 1 moins la valeur de Traînée. Les anciennes positions des étincelles ne sont que partiellement effacées, si bien qu'elles s'estompent progressivement en traînées de lumière lisses. Chaque particule conserve aussi une courte liste de ses derniers points pour tracer un trait effilé.
Pourquoi les couleurs se déclinent-elles en palettes comme Arc-en-ciel, Or et Glace ?
Chaque palette associe la position d'une étincelle dans l'explosion à une teinte et une luminosité HSL. Arc-en-ciel balaie toute la roue de teintes à 360 degrés, Or reste près du jaune, Glace près du cyan-bleu, Feu près du rouge-orange, Rose près du magenta et Matrice près du vert. Cela imite la façon dont les vrais feux d'artifice utilisent différents sels métalliques pour produire des couleurs distinctes.
La physique est-elle scientifiquement précise ?
Le mouvement principal est un modèle fidèle, quoique simplifié, de projectiles sous gravité constante avec traînée linéaire, de sorte que les arcs paraboliques sont réalistes. Cependant, les unités sont des pixels d'écran plutôt que des mètres, la traînée est un simple multiplicateur de vitesse plutôt qu'une véritable loi de résistance de l'air quadratique, et les valeurs sont réglées pour un rendu visuel agréable plutôt que pour une précision quantitative.
Qu'est-ce qui fait exploser la fusée au bon moment ?
La fusée est lancée avec une vitesse ascendante proportionnelle à la distance jusqu'à sa hauteur cible et gagne 0,06 de vitesse descendante à chaque image. La boucle déclenche l'explosion lorsque la fusée atteint sa hauteur cible ou lorsque sa vitesse verticale devient positive, ce qui signifie qu'elle a cessé de monter. Ce moment de décrochage est celui où la charge d'éclatement d'un vrai obus se déclencherait.
Comment fonctionne le mode Fête automatique ?
Une fois activé, un compteur lance un petit lot d'une ou deux fusées environ toutes les 80 images à des positions aléatoires dans la partie supérieure de l'écran, légèrement échelonnées dans le temps. Il fonctionne en continu jusqu'à ce que vous appuyiez sur Arrêter, offrant un spectacle mains libres. Vous pouvez toujours cliquer pour ajouter vos propres feux d'artifice en même temps.
Où les systèmes de particules comme celui-ci sont-ils utilisés dans le monde réel ?
La même technique alimente d'innombrables effets visuels : explosions, feu, fumée, pluie, étincelles et magie dans les jeux vidéo et les films, projection d'eau dans les visualisations d'ingénierie, et démonstrations de foule ou de fluide dans l'enseignement de la physique. Les systèmes de particules sont appréciés car un comportement complexe et d'apparence naturelle émerge de nombreux objets simples suivant tous les mêmes règles.
Feux d'artifice basés sur des particules avec gravité, traînée, traînées de couleur et physique d'explosion.
3D · Rendu Three.js / WebGL · Cible 60 FPS · fonctionne entièrement côté client, sans installation