Saltar al contenido

08 · 3D

Webs 3D interactivas que hacen tangible la idea

Cuando el producto es físico, complejo o todavía no existe, una foto se queda corta. Una escena 3D en el navegador deja girar, abrir y probar. La construimos ligera, para que cargue en un móvil y siga siendo una web que encuentra Google.

  • Three.js
  • React Three Fiber
  • WebGPU
  • Blender
  • glTF / Draco
  • KTX2
Fig. 013D interactivomalla · tiempo realcaras 00/2060 fpsTHREE.JS · WEBGPUEn bucle
El láser recorre la pieza que gira y el monitor la reconstruye como malla, cara a cara, lista para moverse a 60 fps.

01

Modelos preparados para la web, no para el render.

Un modelo de ingeniería pesa cientos de megas. Lo reducimos, horneamos materiales e iluminación y comprimimos geometría y texturas (glTF, Draco, KTX2) hasta que la escena carga en segundos.

La cámara, la luz y la interacción se diseñan como una película corta: qué ve primero el visitante, qué puede tocar y qué le contamos en cada paso.

02

WebGPU cuando se puede, WebGL cuando no.

Usamos Three.js y React Three Fiber, con WebGPU en los navegadores que lo soportan y WebGL como respaldo. Cada escena tiene un presupuesto de polígonos, texturas y llamadas de dibujo.

Si el dispositivo no puede, se muestra una versión estática bien diseñada. Nadie se queda mirando una pantalla en blanco.

Entregables

Qué recibís al cerrar el encargo.

  • Modelos optimizados y su pipeline de exportación
  • Escena interactiva con cámara e iluminación diseñadas
  • Versión de respaldo para dispositivos limitados
  • Medición de carga y fluidez en móviles reales

Preguntas

Lo que nos suelen preguntar

¿Falta la tuya? Escríbela a info@veodar.com y te respondemos con una pregunta concreta, no con un dossier.

¿Una web 3D carga lento?

No tiene por qué. Con modelos optimizados, compresión y carga progresiva, la página es usable antes de que termine de llegar el 3D.

¿Necesitamos los modelos 3D?

Si tenéis CAD o modelos, los adaptamos. Si no, los modelamos a partir de planos, fotos o referencias.

¿Funciona en móviles?

Sí. Diseñamos con presupuesto para móviles de gama media y con una alternativa estática para dispositivos sin aceleración.

Empezar

¿Qué tendría que poder girar el visitante?

Mandadnos el producto o el espacio. Os decimos qué escena tiene sentido y cuánto pesaría.

Fig. 07Manipulador MorseHOLA@VEODARH · O · L · A