Champ d’étoiles 3D
Des étoiles foncent vers vous en laissant une courte traînée, comme un saut dans l’hyperespace au ralenti.
Réglages
Code
<div class="pt-stars"><canvas></canvas></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Arrière-plans
Où l’utiliser
Un champ d’étoiles colle à tout ce qui parle d’espace, de vitesse ou de lancement : le hero d’une page de lancement, l’intro d’un jeu de science-fiction ou le compte à rebours d’un événement en ligne. Les étoiles jaillissent du centre, le regard y va tout seul. Un fond étoilé animé en canvas, avec peu de JavaScript.
À pleine vitesse, c’est grisant quelques secondes et fatigant au bout d’une minute ; sur une page où l’on reste, ralentissez-le. S’il y a un formulaire par-dessus, baissez aussi l’opacité, car les traînées derrière les champs distraient.