Animation
Resonant sand plate
Resonant sand plate: Du sable fin sur une plaque d'acier qui vibre saute hors des zones agitées et se dépose le long des lignes immobiles, redessinant une nouvelle figure à chaque changement de note.
Utiliser Resonant sand plate
Resonant sand plate utilise le format d’aperçu « carte » avec le thème « sombre ».
Personnaliser l’aperçu
Ces réglages sont transmis à la démo. Les valeurs et limites décrivent l’aperçu ; consultez l’implémentation pour connaître l’ensemble des props.
| Réglage | Type | Valeur initiale | Limites de l’aperçu |
|---|---|---|---|
accent | color | #38BDF8 | Aucune autre limite dans les métadonnées. |
sandColor | color | #E8DCC4 | Aucune autre limite dans les métadonnées. |
toneHold | number | 5.5 | De 2 à 15 ; pas de 0.5 |
density | select | medium | Options : fine, medium, coarse |
vigor | number | 1 | De 0.4 à 2 ; pas de 0.1 |
autoTone | boolean | true | Aucune autre limite dans les métadonnées. |
Quels frameworks sont disponibles pour Resonant sand plate ?
Resonant sand plate est disponible pour React, Vue, Svelte, Astro, HTML. L’aperçu utilise React ; les observations sur le code concernent index.tsx. Vérifiez les interactions dans le portage choisi avant de vous y fier.
Quelles sont les dépendances de Resonant sand plate ?
Les métadonnées React indiquent ces dépendances npm en plus de React : clsx.
Quels détails d’accessibilité sont visibles dans Resonant sand plate ?
Le code React de Resonant sand plate contient : attributs et gestionnaires (aria-hidden, aria-label, onKeyDown, tabIndex); rôles explicites (group); comparaisons de touches (ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter, Space). Il s’agit d’observations du code. Vérifiez les noms accessibles, l’ordre du focus et le comportement au clavier dans la page assemblée.
Comment Resonant sand plate gère-t-il la réduction des animations ?
Resonant sand plate lit la préférence de mouvement dans son code React via matchMedia(prefers-reduced-motion). Vérifiez l’implémentation complète, les styles partagés et le portage choisi avec la réduction des animations activée ; ces observations ne garantissent pas l’arrêt de toutes les animations.
