WebGL · Three.js · Visualización

Visor STL / 3D Interactivo

Orden real para la biblioteca de medios de WordPress.

Componente web interactivo capaz de cargar mallas 3D complejas en segundo plano mediante Web Workers, calculando volumen, masa estimada y coste de material en tiempo real.

WordPress & REST API Código en producción
Rol Arquitectura & Desarrollo
Stack PHP 8.3 · WordPress · REST API
Peso Frontend < 18 KB CSS/JS
Licencia GPL-2.0-or-later / Open Source
Estado En Producción · Galicia
El Desafío / Problema
Procesar ficheros STL de decenas de megabytes en el hilo principal de JavaScript congela la interfaz del usuario durante varios segundos y satura la memoria del navegador. Cálculos de volumen geométrico imprecisos generan presupuestos erróneos en tiendas de fabricación 3D.
Nuestra Solución
La lectura del buffer binario y el cálculo del volumen de cada tetraedro se delegan a un Web Worker independiente sin bloquear los fotogramas de la interfaz. Shader GLSL propio con iluminación de estudio orientada a resaltar detalles superficiales y capas de impresión.
mesh-worker.js
self.onmessage = function(e) {
  const buffer = e.data;
  const reader = new DataView(buffer);
  const faces = reader.getUint32(80, true);
  let volume = 0;
  for (let i = 0; i < faces; i++) {
    const offset = 84 + i * 50;
    // Calculo de volumen con producto vectorial escalar por tetraedro
  }
  self.postMessage({ faces, volume });
};

Métricas & Rendimiento de Ingeniería

100/100

Lighthouse Score

Máxima puntuación en Rendimiento, Accesibilidad y Mejores Prácticas.

12.4 KB

Bundle CSS/JS

Carga ultraligera sin frameworks pesados ni scripts bloqueantes.

0 ms

Layout Shifts (CLS)

Estabilidad visual perfecta con reservas de espacio y aspect ratios.

A+

Seguridad & Headers

Auditoría CSP estricta y protección contra inyecciones y XSS.