Peaufine Le Vol d'Icare : animation, overlay, contraste
Build and deploy / deploy (push) Successful in 36s
Build and deploy / deploy (push) Successful in 36s
- Écran de fin (score + Rejouer) déplacé en overlay par-dessus le jeu (fond assombri, carte animée, confettis) plutôt qu'en dessous. - Battement d'ailes repensé : cycle continu en boucle (visible même au repos, sans taper) + battement plus ample au tap qui prend le dessus brièvement. L'ancienne version ne bougeait qu'au moment du tap et retombait trop vite pour être perceptible en jeu réel. - Corrige une aile qui semblait ne pas bouger : les deux ailes utilisaient des teintes différentes et l'une passait partiellement derrière le corps ; elles sont maintenant identiques et toutes deux dessinées au-dessus du corps. Corrige au passage un signe de rotation inversé. - Corrige le contraste de plusieurs textes (« Ton record », instructions, pied de page) qui utilisaient une couleur prévue pour du texte sur marbre alors qu'ils s'affichent sur le fond sombre de la page.
This commit is contained in:
@@ -164,4 +164,21 @@ body {
|
||||
.animate-reveal {
|
||||
animation: reveal-pop 700ms cubic-bezier(0.2, 0.7, 0.3, 1) both;
|
||||
}
|
||||
|
||||
/* Confettis de fin de partie (Le Vol d'Icare) : chute + rotation + fondu,
|
||||
dérive latérale et vitesse propres à chaque confetti via variables CSS. */
|
||||
@keyframes confetti-fall {
|
||||
0% {
|
||||
transform: translate(0, -10%) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translate(var(--confetti-drift, 0px), 340px) rotate(var(--confetti-spin, 360deg));
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.animate-confetti-fall {
|
||||
animation: confetti-fall 1200ms ease-in both;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user