Um renderer React para Three.js que permite criar cenas 3D de forma declarativa com componentes JSX.
RylanBot/threejs-tetris-react
Um jogo de Tetris em 3D feito com Three.js e React, que pode ser jogado no navegador.
- Estrelas
- 552
- Forks
- 76
- Issues abertas
- 1
- Último commit
- há 10 dias
O que é?
threejs-tetris-react é um jogo de Tetris renderizado em 3D com Three.js, com a interface construída em React e TypeScript. Ele roda no navegador e conta com uma demo ao vivo hospedada em seu próprio domínio.
O projeto é uma pequena base de código de jogo front-end, não uma biblioteca de uso geral. Ele é configurado com npm e tem um servidor de desenvolvimento iniciado com um único comando, então os desenvolvedores podem cloná-lo, instalar as dependências e executá-lo localmente.
É indicado para desenvolvedores que querem uma referência de como combinar uma cena WebGL do Three.js com componentes React ou que procuram uma versão jogável em 3D de um jogo clássico de quebra-cabeça.
Recursos principais
- 01Renderiza a jogabilidade clássica de Tetris em uma cena 3D com Three.js.
- 02Feito com React e TypeScript.
- 03Pode ser jogado no navegador e conta com uma demo ao vivo hospedada.
- 04Roda localmente com npm install e npm run dev.
Casos de uso
- Jogar uma versão casual de Tetris em 3D no navegador.
- Estudar como integrar uma cena Three.js a um app React.
- Usá-lo como ponto de partida para um pequeno protótipo de jogo WebGL.
Início rápido
- 1
Instalar as dependências
npm install - 2
Iniciar o servidor de desenvolvimento
npm run dev
Antes de usar
- Nenhuma licença foi especificada, portanto, os direitos de reutilização não estão claros.
Tópicos
Perguntas frequentes
- O que é threejs-tetris-react?
- Um jogo de Tetris em 3D feito com Three.js e React, que pode ser jogado no navegador. threejs-tetris-react é um jogo de Tetris renderizado em 3D com Three.js, com a interface construída em React e TypeScript. Ele roda no navegador e conta com uma demo ao vivo hospedada em seu próprio domínio.
- threejs-tetris-react é gratuito? Qual é a licença?
- threejs-tetris-react não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
- threejs-tetris-react ainda é mantido?
- Manutenção ativa. O último commit de threejs-tetris-react foi em 28 de out. de 2026.
- Para que posso usar threejs-tetris-react?
- Jogar uma versão casual de Tetris em 3D no navegador. Estudar como integrar uma cena Three.js a um app React. Usá-lo como ponto de partida para um pequeno protótipo de jogo WebGL.
- Como instalar threejs-tetris-react?
- Instalar as dependências: npm install Iniciar o servidor de desenvolvimento: npm run dev
- Onde consigo threejs-tetris-react?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/RylanBot/threejs-tetris-react
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Coleção de componentes auxiliares e hooks prontos para criar cenas 3D com react-three-fiber.
Um wrapper React para a biblioteca postprocessing que permite aplicar efeitos de pós-processamento a cenas do react-three-fiber de forma declarativa, usando componentes JSX.
Uma Agent Skill que permite ao Codex, Claude Code ou Cursor gerar uma cena arquitetônica em Three.js, orbitável e montada tijolo por tijolo.
Biblioteca de controles de câmera para three.js que oferece transições suaves e mais recursos além da navegação orbital no estilo OrbitControls.
Toolkit e framework JavaScript para visualizações interativas de dados em 3D/WebGL e 2D no navegador, desenvolvido sobre o Three.js.