Piloko

Blog · 05 NOV 2026 · Build in public, Desarrollo creativo

PROCA: de una oficina 3D a un laboratorio navegable

PROCA: de una oficina 3D a un laboratorio navegable

Una oficina puede explicar un proyecto antes de que alguien lea su descripción. El laboratorio 3D de PROCA parte de esa idea: entrar, reconocer una mesa de diseño y descubrir las áreas que la rodean. Es un experimento público de Piloko, en desarrollo, que reúne diseño digital, laboratorio, capacitación y educación dentro de un mismo espacio navegable.

Esta entrada registra la versión del . La escena es una interpretación visual del entorno de trabajo de PROCA. Sus proporciones, objetos y distribución se construyeron para la experiencia; no documentan las medidas ni la distribución exacta de un laboratorio real.

Del escritorio al mapa del laboratorio

La primera referencia fue PicandoTabla: objetos tridimensionales, materiales cálidos y una cámara que permite entender el conjunto. El primer pedido trasladó esa lógica a una oficina con computadora y doble monitor. La revisión amplió la habitación y precisó qué debía representar cada objeto.

La mesa principal pasó a ser un centro de diseño con tres sillas y exactamente tres pantallas: las de dos laptops, dedicadas a Desarrollos y Recepción, y un monitor externo identificado como PROCA CDD. Al fondo, el trabajo con removibles metálicos adquirió protagonismo; hacia la izquierda apareció un rincón de café y educación. El espacio empieza a funcionar como un mapa visual del proyecto.

Los objetos y las áreas que representan

La distribución conecta cada área con elementos que se pueden reconocer durante el recorrido:

  • Centro de diseño. Un escritorio amplio y tres puestos con sillas. Una laptop está dedicada a Desarrollos y la otra a Recepción; el único monitor externo está marcado PROCA CDD. Las dos laptops y ese monitor forman las tres pantallas del centro de diseño.
  • Laboratorio y maquila. La mesa de trabajo al fondo reúne removibles metálicos, micromotor, unidad de control, pieza de mano y cable. El área de metales y los trabajos terminados quedan cerca, con charolas sobre las mesas y repisas en la pared.
  • Recepción y envío. Un punto propio representa la llegada y salida de trabajos. Su lugar en el conjunto ayuda a leer el recorrido desde la recepción hasta la entrega.
  • Capacitación. Las impresoras 3D representan esta área. Su presencia en la escena permite reconocer el tema antes de entrar en una explicación más detallada.
  • Educación y café. Hacia la izquierda, una mesa reúne una prensa francesa de vidrio y el libro amarillo de PROCA Ed. El libro mantiene la referencia a Educación; la información sobre PROCA Ed tiene su propia página.
  • Contacto. Un celular representa el punto de contacto dentro del espacio. La elección mantiene la comunicación asociada a un objeto cotidiano.

Las piezas de las charolas son representaciones genéricas, sin nombres ni información de pacientes. El banco metálico, la madera del escritorio, el vidrio de la cafetera y el amarillo del libro ayudan a distinguir las zonas sin llenar la habitación de rótulos.

La pantalla completa pertenece al espacio

La decisión de interfaz fue retirar los títulos, botones y paneles que acompañaban a la primera versión. La escena ocupa toda el área visible del navegador. Las letras quedan dentro del mundo, en las pantallas y en el libro, donde forman parte de los objetos.

El recorrido usa una cámara orbital: se arrastra para cambiar el ángulo y se acerca o aleja con la rueda del ratón o un gesto de pinza. También se puede desplazar el encuadre con el botón derecho o con dos dedos. Con el teclado enfocado en la escena, las flechas cambian el ángulo y +/− ajustan el acercamiento. Con Tab puedes pasar por los objetos; la cámara se acerca a cada uno y Enter abre su destino. Inicio o Esc recuperan la vista general para seguir explorando. Un doble clic o doble toque en una zona libre también vuelve al conjunto.

Estas instrucciones y el contexto del experimento viven en la bitácora. Dentro de la oficina, la composición debe permitir descubrir las áreas y comprender sus relaciones mientras se navega.

Los objetos también abren sus áreas: diseño CDD, Desarrollos, educación y capacitación, removibles metálicos y maquila. Para enviar un trabajo, la laptop Recepción abre un correo a contacto@procadental.com; el celular abre WhatsApp de PROCA.

Una maqueta que pueda cambiar

El espacio se modela con geometría y materiales en Three.js. Mesas, sillas, equipos y accesorios se componen mediante código; las superficies y las pantallas utilizan texturas preparadas para la escena. Así se puede ampliar una mesa, mover una estación o cambiar el encuadre conservando el resto del espacio.

La estética mantiene una habitación abierta, luz cálida, sombras y detalles suficientes para reconocer las herramientas. La dirección creativa corresponde a David Rivera y el desarrollo está asistido por Codex. El trabajo forma parte de la exploración de experiencias y herramientas web de Piloko.

Qué sigue abierto

La revisión continúa en la escala de los objetos, la lectura de las charolas y la comodidad para recorrer la habitación desde un celular. También importa comprobar que el banco de removibles siga siendo visible detrás del centro de diseño y que cada área se reconozca sin instrucciones superpuestas.

La bitácora conserva esas decisiones junto al resultado que las pone a prueba. Puedes entrar al laboratorio navegable de PROCA y volver a esta página para seguir su evolución.

Dirección creativa: David Rivera · desarrollo asistido por Codex · más entradas

Explorar el laboratorio 3D de PROCA ↗ · Más procesos de Piloko

Contacto