Una biblioteca rápida de renderizado 2D para la web que dibuja gráficos, sprites y texto con WebGL y WebGPU.
48,4 mil5,1 milTypeScriptMITActualizado hace 3 días
jasonkneen/tiny-world-builder
Editor 3D de mundos voxel en el navegador para construir, esculpir, recorrer volando y compartir pequeños mundos.
- Estrellas
- 1,606
- Forks
- 214
- Issues abiertos
- 5
- Último commit
- hace 12 horas
¿Qué es?
Tiny World Builder es un editor 3D de vóxeles autocontenido que funciona íntegramente en el navegador. Puedes colocar terrenos como hierba, agua, piedra, arena y lava; añadir objetos como casas, árboles, cercas, puentes, cultivos y animales; y remodelar el suelo elevándolo, bajándolo y pintándolo para crear acantilados y ríos.
El editor ofrece varios modos de cámara, incluidos isométrico, suave y perspectiva, para ver el mundo desde cualquier ángulo. Los mundos se pueden guardar en espacios locales con nombre, exportar, modificar y compartir. La herramienta de esculpido Mesh Terrain ofrece una capa opcional de vóxeles finos para esculpir formas de paisaje más suaves con materiales por vóxel.
El proyecto incluye un runtime de vehículos con semilla, en el que vehículos de reparto siguen redes de carreteras y cambian de ruta para rodear los objetos colocados. Está desarrollado como un sitio estático con JavaScript vanilla y Three.js, y se puede desplegar en Vercel o Netlify.
Funciones clave
- 01Coloca terrenos, objetos, cultivos y animales en una cuadrícula de vóxeles.
- 02Eleva, baja y pinta el terreno para formar acantilados y ríos.
- 03Alterna entre cámaras isométrica, suave y en perspectiva.
- 04Guarda localmente varios mundos con nombre y expórtalos o compártelos.
- 05Herramienta opcional de esculpido Mesh Terrain con materiales por vóxel.
- 06Demo de vehículos con semilla, trazado de rutas por carreteras y evasión del tráfico.
Casos de uso
- Crear prototipos de niveles pequeños de videojuegos con estilo voxel o escenas de dioramas en el navegador.
- Explorar cómo se conectan automáticamente las piezas que tienen en cuenta la adyacencia, como carreteras, cercas y casas.
- Probar la planificación de rutas y el comportamiento del tráfico en una red de carreteras generada.
- Alojar un creador de mundos 3D estático y autocontenido en tu propio sitio.
Inicio rápido
- 1
Inicia el servidor de desarrollo local
npm run dev - 2
Abre el constructor en localhost:3000/tiny-world-builder
- 3
O abre el archivo estático directamente, sin un servidor de desarrollo
open index.html
Antes de usarlo
- Licenciado bajo AGPL-3.0, una licencia copyleft que exige proporcionar el código fuente a los usuarios de la red cuando se despliegan versiones modificadas.
- Para iniciar sesión con una wallet en un despliegue real, primero debes configurar TINYWORLD_WALLET_SESSION_SECRET en Netlify.
Temas
Preguntas frecuentes
- ¿Qué es tiny-world-builder?
- Editor 3D de mundos voxel en el navegador para construir, esculpir, recorrer volando y compartir pequeños mundos. Tiny World Builder es un editor 3D de vóxeles autocontenido que funciona íntegramente en el navegador. Puedes colocar terrenos como hierba, agua, piedra, arena y lava; añadir objetos como casas, árboles, cercas, puentes, cultivos y animales; y remodelar el suelo elevándolo, bajándolo y pintándolo para crear acantilados y ríos.
- ¿tiny-world-builder es gratuito? ¿Qué licencia tiene?
- tiny-world-builder es open source bajo la licencia AGPL-3.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿tiny-world-builder sigue mantenido?
- Mantenimiento activo. El último commit de tiny-world-builder fue el 19 oct 2026.
- ¿Para qué puedo usar tiny-world-builder?
- Crear prototipos de niveles pequeños de videojuegos con estilo voxel o escenas de dioramas en el navegador. Explorar cómo se conectan automáticamente las piezas que tienen en cuenta la adyacencia, como carreteras, cercas y casas. Probar la planificación de rutas y el comportamiento del tráfico en una red de carreteras generada. Alojar un creador de mundos 3D estático y autocontenido en tu propio sitio.
- ¿Cómo se instala tiny-world-builder?
- Inicia el servidor de desarrollo local: npm run dev Abre el constructor en localhost:3000/tiny-world-builder O abre el archivo estático directamente, sin un servidor de desarrollo: open index.html
- ¿Dónde consigo tiny-world-builder?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/jasonkneen/tiny-world-builder
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Bindings de React para el motor de física Rapier WASM, que integra cuerpos rígidos, colliders y joints en escenas de react-three-fiber.
1,5 mil89TypeScriptMITActualizado hace 8 días
GPU.js transpila funciones sencillas de JavaScript a código de shaders para ejecutarlas en la GPU en navegadores y Node.js, con fallback a JavaScript normal.
15,5 mil666JavaScriptMITActualizado hace 15 días
Un paquete de nueve skills de agente para Codex y Claude Code, pensado para crear juegos de navegador pulidos y jugables con Three.js, con una skill directora que distribuye el trabajo.
2,5 mil252PythonMITActualizado hace 22 días
Reimplementación en WebGL del clásico visualizador musical Milkdrop, que muestra sus presets en el navegador mediante la Web Audio API.
2 mil171JavaScriptMITActualizado hace 6 meses
Biblioteca independiente de JavaScript para IA de videojuegos, con steering, mallas de navegación, percepción, lógica difusa y agentes basados en estados.
1,4 mil106JavaScriptMITActualizado hace 16 días