enzed/r3f-interaction

Interação React Three Fiber - eventos de ponteiro, controles, gestos, seleção. Use ao lidar com entrada do usuário, implementar detecção de clique, adicionar controles de câmera ou criar experiências 3D interativas.

O que é r3f-interaction?

Este skill fornece uma camada de interação para aplicações React Three Fiber (R3F), permitindo que desenvolvedores lidem com entrada do usuário de forma intuitiva em cenas 3D. Ele suporta eventos de ponteiro (clique, hover, arrastar), controles de câmera (OrbitControls, PointerLockControls), gestos e lógica de seleção de objetos. É útil para implementar detecção de clique, adicionar controles panorâmicos, criar experiências interativas como jogos ou visualizadores 3D. Funciona principalmente com React Three Fiber e ecossistemas baseados em Three.js, integrando-se diretamente aos componentes JSX para facilitar o uso. O skill é ideal quando você precisa responder a ações do usuário, como clicar em um objeto, mover a câmera ou selecionar elementos em uma cena 3D.

Funciona com~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/enzed/r3f-skills/tree/main/skills/r3f-interaction

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que r3f-interaction faz?

Interação React Three Fiber - eventos de ponteiro, controles, gestos, seleção. Use ao lidar com entrada do usuário, implementar detecção de clique, adicionar controles de câmera ou criar experiências 3D interativas.

Habilidades Relacionadas