Animação
Crank sea automaton
Crank sea automaton: Um autômato de compensado em que a manivela gira uma fileira de cames que levantam peixes de madeira sobre ondas deslizantes, com inércia suficiente para continuar girando após um impulso.
Como usar Crank sea automaton
Crank sea automaton usa o formato de prévia “cartão” com o tema “escuro”.
Personalizar a prévia
Estes controles são passados para a demo. Os valores e limites descrevem a prévia; consulte a implementação para conhecer todas as props.
| Controle | Tipo | Valor inicial | Limites da prévia |
|---|---|---|---|
fish | number | 7 | De 3 a 11; passo 1 |
profile | select | swell | Opções: swell, chop, leap |
phaseStep | number | 40 | De 0 a 120; passo 5 |
friction | number | 0.6 | De 0.1 a 2; passo 0.1 |
wood | select | birch | Opções: birch, walnut |
paint | color | #FF4D8D | Os metadados não indicam outro limite. |
showMechanism | boolean | true | Os metadados não indicam outro limite. |
ghost | boolean | true | Os metadados não indicam outro limite. |
Para quais frameworks Crank sea automaton está disponível?
Crank sea automaton está disponível para React, Vue, Svelte, Astro, HTML. A prévia usa React; as observações sobre o código se referem a index.tsx. Confira as interações na versão escolhida antes de depender delas.
Quais são as dependências de Crank sea automaton?
Os metadados React indicam estas dependências npm além de React: clsx, tailwind-merge.
Quais detalhes de acessibilidade aparecem em Crank sea automaton?
O código React de Crank sea automaton inclui: elementos nativos (button); atributos e manipuladores (aria-describedby, aria-hidden, aria-label); papéis explícitos (img). Estas são observações do código. Verifique os nomes acessíveis, a ordem do foco e o comportamento do teclado na página completa.
Como Crank sea automaton trata a redução de movimento?
A análise não encontrou uma consulta direta com useReducedMotion() ou matchMedia no arquivo index.tsx de Crank sea automaton. Confira a implementação completa, os estilos compartilhados e a versão escolhida com a redução de movimento ativada; estas observações não garantem que todas as animações parem.
