Un renderer de React para Three.js que permite crear escenas 3D de forma declarativa con componentes JSX.
RylanBot/threejs-tetris-react
Un juego de Tetris en 3D hecho con Three.js y React, que se puede jugar en el navegador.
- Estrellas
- 552
- Forks
- 76
- Issues abiertos
- 1
- Último commit
- hace 10 días
¿Qué es?
threejs-tetris-react es un juego de Tetris renderizado en 3D con Three.js, cuya interfaz está desarrollada con React y TypeScript. Se ejecuta en el navegador y cuenta con una demo en vivo alojada en su propio dominio.
El proyecto es una pequeña base de código de un juego front-end, no una biblioteca de propósito general. Está configurado con npm y permite iniciar el servidor de desarrollo con un solo comando, para que los desarrolladores puedan clonarlo, instalar las dependencias y ejecutarlo localmente.
Es ideal para desarrolladores que buscan una referencia para combinar una escena WebGL de Three.js con componentes de React, o que quieren probar una versión jugable en 3D de un clásico juego de rompecabezas.
Funciones clave
- 01Recrea la jugabilidad del Tetris clásico en una escena 3D con Three.js.
- 02Desarrollado con React y TypeScript.
- 03Se puede jugar en el navegador y cuenta con una demo en vivo alojada.
- 04Se ejecuta localmente con npm install y npm run dev.
Casos de uso
- Jugar en el navegador a una versión casual de Tetris en 3D.
- Estudiar cómo integrar una escena de Three.js en una aplicación de React.
- Usarlo como punto de partida para un pequeño prototipo de juego WebGL.
Inicio rápido
- 1
Instalar las dependencias
npm install - 2
Iniciar el servidor de desarrollo
npm run dev
Antes de usarlo
- No se especifica ninguna licencia, por lo que los derechos de reutilización no están claros.
Temas
Preguntas frecuentes
- ¿Qué es threejs-tetris-react?
- Un juego de Tetris en 3D hecho con Three.js y React, que se puede jugar en el navegador. threejs-tetris-react es un juego de Tetris renderizado en 3D con Three.js, cuya interfaz está desarrollada con React y TypeScript. Se ejecuta en el navegador y cuenta con una demo en vivo alojada en su propio dominio.
- ¿threejs-tetris-react es gratuito? ¿Qué licencia tiene?
- threejs-tetris-react no declara ninguna licencia. Su código es público, pero sin licencia no tienes permiso explícito para reutilizarlo; consulta al autor antes de depender de él.
- ¿threejs-tetris-react sigue mantenido?
- Mantenimiento activo. El último commit de threejs-tetris-react fue el 28 oct 2026.
- ¿Para qué puedo usar threejs-tetris-react?
- Jugar en el navegador a una versión casual de Tetris en 3D. Estudiar cómo integrar una escena de Three.js en una aplicación de React. Usarlo como punto de partida para un pequeño prototipo de juego WebGL.
- ¿Cómo se instala threejs-tetris-react?
- Instalar las dependencias: npm install Iniciar el servidor de desarrollo: npm run dev
- ¿Dónde consigo threejs-tetris-react?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/RylanBot/threejs-tetris-react
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de componentes helper y hooks listos para usar en React para crear escenas 3D con react-three-fiber.
Un wrapper de React para la biblioteca postprocessing que permite aplicar efectos de posprocesamiento declarativamente como componentes JSX en escenas de react-three-fiber.
Una Agent Skill que permite a Codex, Claude Code o Cursor generar una escena arquitectónica en Three.js que se puede recorrer en órbita y se construye ladrillo a ladrillo.
Una biblioteca de control de cámara para three.js que añade transiciones fluidas y más funciones a la órbita al estilo de OrbitControls.
Kit de herramientas y framework de JavaScript para crear visualizaciones de datos 2D y 3D/WebGL interactivas en el navegador, basado en Three.js.