Autor: Jared Liu
Pruébalo en vivo Sobre este proyecto
Planet Maker es un editor de planetas 3D para el navegador diseñado para funcionar primero sin conexión: elige uno de los nueve mundos, de Mercurio a la Luna, o sube tu propio mapa 2:1 para empezar un planeta nuevo; esculpe el relieve, ajusta las nubes y la atmósfera, orienta el sol y coloca después objetos 3D, marcadores y texto en vallas sobre la esfera. Todo queda orientado según la superficie curva.
Se incluyen veinte modelos CC0 ligeros y un acceso integrado a la creación con Tripo: genera un modelo propio en Tripo, sube el GLB y haz clic en la esfera para colocarlo. Todo permanece en el navegador (sin cuenta ni backend); los mundos terminados se exportan como capturas PNG, escenas GLB o proyectos .planet.json que se pueden volver a editar. Tras instalarlo como PWA y descargar la biblioteca sin conexión, puedes seguir creando sin conexión alguna.
Puntos clave
- Empieza con nueve mundos —de Mercurio a la Luna— o sube cualquier imagen, que se recorta localmente como mapa de superficie equirectangular 2:1
- El relieve de la superficie, la rugosidad, las nubes, la atmósfera, la rotación automática y la dirección del sol se ajustan mediante controles deslizantes
- Incluye veinte modelos CC0; genera un modelo propio con Tripo, sube el GLB y haz clic en la esfera para colocarlo, siempre orientado al ras de la superficie
- Exporta con un clic una captura PNG, una escena GLB o un proyecto .planet.json que podrás volver a editar; instálalo como PWA y sigue creando completamente sin conexión
Análisis técnico
Pipeline de objetos GLB · la salida de Tripo directamente sobre la esfera
El panel de objetos incluye un acceso integrado a la creación con Tripo: genera un modelo propio en Tripo, sube el GLB y funcionará sin más. Cada GLB (incluidos los 20 recursos CC0 incorporados) se normaliza primero con su caja delimitadora Box3: se centra, se ancla por la base al origen y se escala de manera uniforme según su lado más largo. Al colocarlo, las coordenadas esféricas se convierten en una posición y un cuaternión, de modo que un clic planta el objeto al ras del suelo en cualquier latitud.
Renderizado del planeta · una textura, materiales físicos
Todo el planeta funciona con un único mapa 2:1: meshPhysicalMaterial lo usa como mapa de color y de relieve (bumpScale es el control deslizante del relieve). Las nubes ocupan una envoltura independiente con alphaMap (Venus recibe un caso especial opaco), la atmósfera es una envoltura luminosa aditiva con BackSide y Saturno añade una ringGeometry; el acimut y la elevación del sol determinan la luz direccional, y las sombras la siguen.
Superficies personalizadas · procesamiento totalmente local
Las imágenes subidas nunca pasan por un servidor: createImageBitmap lee el archivo, lo recorta desde el centro a 2:1, limita la anchura a 2048px y después canvas codifica un webp en localStorage. Los GLB propios subidos usan objectURL en memoria y se excluyen deliberadamente del JSON del proyecto. Sin cuenta ni backend: los proyectos viven entre los datos del navegador.
Rendimiento y uso sin conexión · renderizado bajo demanda + PWA
El frameloop solo se ejecuta cuando hace falta: al desactivar la rotación automática pasa al modo demand; al ocultar la pestaña se detiene por completo, y bajo carga reduce automáticamente el dpr. vite-plugin-pwa precarga en caché el armazón de la aplicación y los recursos iniciales, mientras que «Descargar biblioteca sin conexión» en el panel de exportación guarda en caché los nueve planetas y los veinte modelos; puedes seguir creando planetas sin conexión alguna.
