De la Web a la Realidad: Cómo Creamos una Escena Three.js con Astra e Imprimimos su Personaje en 3D

Acompáñanos en este experimento técnico y creativo: diseñamos una escena web 3D interactiva en solo 60 minutos, convertimos a nuestro personaje NPC en un archivo STL y le dimos vida física usando la suite de la Bambu Lab A1 mini.

Innovación digital y creación física en Macetas Prity

En el mundo del diseño moderno, las fronteras entre el entorno digital y los objetos físicos son cada vez más difusas. En Macetas Prity nos apasiona explorar nuevas formas de conectar el diseño de interiores, el modelado 3D y la tecnología. Hoy queremos compartirte una experiencia fascinante: cómo construimos la página principal de un entorno interactivo en 3D usando Three.js y Astra en solo una hora, y cómo logramos convertir a su personaje principal (un simpático NPC) en una figura física mediante impresión 3D.

Paso 1: Construcción del entorno web con Three.js y Astra en 60 minutos

El primer desafío fue estructurar una escena web tridimensional limpia y fluida. Utilizando la potencia de Three.js combinada con las herramientas de generación y prototipado rápido de Astra, logramos dar forma al lienzo en tiempo récord:

  • Configuración de la escena: Establecimos luces ambientales, sombras suaves y una cámara perspectiva interactiva.
  • Modelado del personaje NPC: Creamos una geometría estilizada tipo robot, compuesta por volúmenes definidos y una malla limpia ideal para interactuar en la web.
  • Optimizaciones en tiempo real: Gracias a Astra, ajustamos las jerarquías de los objetos y los materiales en menos de 60 minutos, dejando el home listo para el usuario.

Paso 2: Del renderizado web al archivo de fabricación (STL)

Tener un modelo interactivo en el navegador es sensacional, pero queríamos llevar esta creación a nuestro espacio de trabajo decorativo. Para ello, aprovechamos la propia geometría de la escena de Three.js para exportar la malla en formato STL (Stereolithography).

Verificamos que el personaje fuera una geometría sólida (manifold), sin caras invertidas ni huecos internos, garantizando que fuera 100% imprimible sin generar errores de rebanado.

Paso 3: Preparación e impresión con la Bambu Lab A1 mini

Una vez obtenido el archivo STL, utilizamos el software oficial Bambu Studio para preparar la impresión en nuestra impresora Bambu Lab A1 mini:

  • Laminado (Slicing): Importamos la figura, ajustamos la escala y generamos soportes orgánicos tipo árbol para proteger los volúmenes del personaje.
  • Configuración de material: Seleccionamos un filamento PLA mate ecológico, perfecto para integrarse en repisas y acompañar nuestras macetas y plantas de interior.
  • Envió a través de la suite Bambu: Enviamos el trabajo directamente por Wi-Fi desde Bambu Studio a la Bambu Lab A1 mini, monitoreando el proceso capa por capa.

Conclusión: El diseño tridimensional como puente decorativo

En apenas unas horas pasamos de líneas de código en Javascript a tener una figura decorativa terminada en nuestro escritorio. Este flujo de trabajo abre infinitas posibilidades para personalizar macetas, accesorios botánicos y elementos decorativos únicos desde la web directamente hacia tu hogar.