Integra el visor IFC en tu propio producto

Monta en un selector CSS o elemento. Consulta las opciones abajo.

Crea un visor y resuelve cuando está listo para aceptar comandos.

Carga bytes IFC (ArrayBuffer/Uint8Array) desde tu app. El buffer se transfiere para un traspaso sin copia.

Carga una URL IFC pública con CORS habilitado.

Descarga un modelo por id.

Elimina todos los modelos cargados.

Selecciona y encuadra un elemento — por su expressID IFC o por su GlobalId (que además encuentra su modelo).

Vuela a una vista con nombre de la escena — iso, front, back, left, right, top, bottom — con toda ella en el encuadre. Sin respuesta (entre 1.14 y 1.17 el visor la ignoraba).

Encuadre para presentar: el modelo ocupa `fill` del marco (0,2–0,98; por defecto 0,85), ajustado a sus esquinas y no a su esfera envolvente. azimuth / elevation miran desde cualquier ángulo.

Encuadra un elemento (expressID): desde el ángulo actual salvo que se indique una vista. Rechaza si no está en el modelo.

Encuadra el modelo activo desde el ángulo actual, con margen / reinicia la cámara.

Coloca la cámara en una posición mirando en una dirección.

Dónde está la cámara y hacia dónde mira: guárdalo y restáuralo con lookAt.

Lleva la cámara a una posición mirando a un objetivo (metros de escena, Y arriba).

Modo paseo en primera persona (WASD, arrastrar para mirar, Esc para salir). Emite walk-changed.

Si el modo paseo está activo y a qué velocidad.

Aísla una categoría (p. ej. "IfcWall"); omítelo para limpiar.

Restaura toda la visibilidad (quita ocultos y aislamiento).

Oculta / muestra un conjunto de elementos por expressID.

Muestra u oculta un modelo de una escena federada sin descargarlo.

Hace translúcido un modelo (0,05–1) — p. ej. la arquitectura alrededor de las instalaciones.

Muestra solo este modelo; null vuelve a mostrarlos todos.

Cambia el fondo de la escena: un preset ('white', 'paper', 'blueprint', 'sky', 'studio'), '#rrggbb', '#arriba,#abajo' o { top, bottom }. No se guarda como preferencia del visitante.

El fondo actual de la escena.

Cambia el color de acento de la interfaz en tiempo de ejecución (#rrggbb).

Activa o desactiva la vista cliente — la de presentación a stakeholders, igual que ui: 'client'.

'quality' activa el renderizado más pesado para una imagen destacada; 'standard' para el día a día.

Sombras reales en una fecha y hora locales del emplazamiento: { date: '06-21', time: '18:00' }. El lugar sale de la georreferencia del IFC; pasa location si el modelo no la tiene — nunca una ciudad por defecto en silencio.

Fecha, hora y zona horaria del estudio, y dónde está el emplazamiento.

Coloca el modelo en el mapa con terreno y entorno de OpenStreetMap. Llamarlo es tu página declarando el consentimiento de teselas por sus visitantes; muestra las atribuciones.

Estado del modo mapa, la ubicación y las atribuciones que debes mostrar.

Abre otra escena: la URL de un .scene.json o un documento de escena (viaja empaquetado en la dirección del marco, así que debe caber en un enlace). El visor se recarga con ella; las llamadas pendientes se rechazan y ready vuelve a dispararse.

La escena en pantalla como documento de escena —modelos por URL, capas, gemelo, mapa, cámara— con las fuentes que hay que citar y un enlace que la contiene.

Empaqueta tú mismo un documento de escena para un enlace #scene= (null si no cabe en un enlace).

El catálogo de fuentes públicas en vivo, con nombre en el idioma del visor, lo que necesita cada una en un navegador (una clave, un proxy) y si tiene datos cerca del emplazamiento.

Añade una capa: una fuente del catálogo ({ preset }), GeoJSON o un feed en vivo en una URL ({ url, live }) o GeoJSON que ya tienes ({ geojson }). Solo para la sesión: nunca se guarda entre las capas del visitante.

Todas las capas de datos: estado, recuento de elementos, extensión, refresco y atribución.

Muestra u oculta una capa.

Lleva la cámara a los elementos de una capa.

Quita una capa.

El gemelo operativo ahora: fuentes de dispositivos (estado, última lectura) y, por vínculo, la regla que se cumple, su color, el valor de la etiqueta y si está en alerta.

Añade un plano de sección. { level: 'Planta 1' } es una planta a esa altura; { axis: 'x', offset: 4.5 } una sección a 4,5 m.

Mueve, activa/desactiva o invierte un plano.

Quita un plano, o todos los cortes si no pasas id.

Una caja de sección alrededor del modelo o de la selección; false la quita.

Todos los planos, la caja y las plantas disponibles para cortes por nivel.

Inicia un tour predefinido: 'social', 'client-walkthrough' o 'technical-review' (recorre las incidencias de validación). Lo reproduce la propia barra de tour del visor.

Reproduce un tour tuyo: paradas de cámara con textos, resaltados y clases aisladas. autoplay: true o ms por parada.

Moverse entre paradas.

Activa o desactiva el avance automático del tour en curso.

Detiene el tour y devuelve la cámara.

El tour y sus paradas, con la forma que acepta playTour(): guárdalo y reprodúcelo más tarde.

Las recetas del director (demo para reunión, reel, teaser de LinkedIn, lanzamiento, looks editoriales…).

Convierte el modelo en un vídeo editado a partir de una receta: tomas planificadas desde el IFC, textos, música. Abre Clip Studio con el resultado. Sigue presentation-progress.

Codifica la presentación en el navegador del visitante y recibe los bytes del MP4: súbelos, adjúntalos o reprodúcelos en un <video>.

Cierra Clip Studio.

Las recetas, plantillas, formatos y paletas que ofrece el estudio de portadas.

Crea una portada: ejecuta una receta (captura las vistas que necesita) y luego fija plantilla, formato, paleta y textos. Abre el estudio, que sigue siendo editable.

La portada tal como está, o null si el estudio está cerrado.

Expórtala: png / jpeg (una página), pdf / pptx (todo el documento), zip (todas las páginas). Devuelve los bytes.

Cierra el estudio de portadas.

Arranca ya un visor diferido (lo que hace el botón del póster). Las llamadas anteriores quedaron en cola.

Scrollytelling: mientras cada párrafo cruza el centro de la pantalla, encuadra, aísla, mueve el sol o ejecuta tu código. Devuelve una función para desvincular.

Una rotación lenta en reposo (grados por segundo; false la para). Se detiene al primer toque y nunca con movimiento reducido.

Amplía la figura a pantalla completa, o vuelve.

Detiene o reanuda el pintado de fotogramas. pauseOffscreen lo hace por ti.

Todos los grupos de la escena: deducidos del IFC (proyecto, emplazamiento, ubicación) y creados por usuarios.

Crea un grupo, opcionalmente con modelos dentro. Devuelve su id.

Renombra o borra un grupo de usuario. Los automáticos no se editan.

Mueve un modelo o nube de puntos a un grupo; null lo devuelve al agrupado automático y 'loose' lo deja suelto.

Muestra u oculta un grupo entero, o muestra solo uno.

Encuadra la cámara en un grupo, incluidos los miembros ocultos.

Arma una herramienta de medición para el visitante (abre el panel Medir), o 'none'. Los resultados llegan en measurements-changed.

Todas las mediciones en pantalla. Los valores van en SI — metros, m², grados — se muestre lo que se muestre.

Quita una medición, o todas.

Lista los modelos cargados. Devuelve una promesa.

Busca elementos por clase IFC, GlobalId y/o nombre en los modelos cargados. Cada resultado trae lo que piden getElement(), select() y frame().

Por expressID o por GlobalId. Los datos IFC de un elemento: atributos con el GlobalId, sus conjuntos de propiedades y cantidades, y los de su tipo — typeName, typeProperties — con unidades. effectivePropertySets combina ambos y gana el valor propio del elemento.

Valida un modelo ahora (por defecto, el activo) y resuelve con su Health Score y el recuento de incidencias. Rechaza con el motivo.

El resultado de validación en pantalla, o null antes de que una ejecución haya producido uno. Ver «Ciclo de la validación».

En qué punto está la validación: idle, running (con progreso), done o error.

Conteo de elementos por categoría y modelo — para gráficos de dashboard. Devuelve una promesa.

Incidencias de validación para una tabla (filtra por severidad / límite). Devuelve una promesa.

Captura la vista 3D actual como data URL PNG. Devuelve una promesa.

Compara dos entregas por URL (por GlobalId) y abre el espacio de comparación con el resultado.

Abre un panel de herramienta, o pasa null para cerrar el que esté abierto. Un panel no disponible — porque el chrome lo oculta o no hay nada cargado sobre lo que actuar — no hace nada, y no es un error.

Qué panel está abierto y cuáles se ofrecen ahora mismo. Una herramienta que no aparece en `available` no se puede abrir; no está simplemente deshabilitada.

Limita el raíl a estos paneles, en tiempo de ejecución. Mismo vocabulario que el parámetro de URL `panels=` y tiene prioridad sobre él. Restringe lo que el visor ofrece y nunca añade; un array vacío significa sin raíl.

Carga un escaneo desde bytes — LAS, LAZ, COPC, PLY, PCD o texto. El búfer se transfiere, no se copia. Resuelve con el id de la nube.

Carga un escaneo que descarga el propio visor. La URL debe permitir CORS.

Todos los escaneos cargados. `pointCount` es lo residente; `declaredCount` es lo que contiene el archivo — difieren cuando el presupuesto truncó el análisis.

Descarga un escaneo y libera sus búferes de GPU, o descárgalos todos.

Muestra u oculta un escaneo sin descargarlo.

Encuadra la cámara en un escaneo, o en el primero cargado.

Tamaño de punto, opacidad, modo de color, densidad, umbral de confianza — compartidos por todos los escaneos. Cada uno es un uniform del shader, así que es instantáneo con 20 millones de puntos.

Arma el clic para leer. Mientras está armado, clicar un punto emite `pointcloud-picked` con las coordenadas DEL ARCHIVO junto a las de la escena.

Ajusta un escaneo a mano: posición, giro, nivelación, escala. Parcial y acotado; se aplica sobre la alineación deducida en vez de sustituirla.

Corrige qué eje considera vertical el escaneo. PLY, PCD y texto no declaran orientación, así que el visor la deduce — comprueba `upAxisSource` antes de fiarte.

Importa un modelo desde bytes. Toma una LISTA: un .gltf necesita su .bin y sus texturas, un .obj su .mtl — si mandas solo el archivo de entrada obtienes geometría gris.

Importa un modelo que descarga el visor. Pasa todas las URL que necesita; se descargan en paralelo y todas deben permitir CORS.

Todos los modelos importados, con sus recuentos de triángulos y texturas. Lee `unitSource` y `upAxisSource` antes de fiarte de los valores contiguos.

Elimina una importación y libera su geometría, materiales y texturas, o elimínalas todas.

Muestra u oculta una importación sin descargarla.

Encuadra la cámara en una importación, o en todas.

Coloca una importación a mano: posición, giro, nivelación, escala. Parcial y acotado. Las importaciones empiezan centradas sobre el IFC y apoyadas en su suelo.

Corrige el eje vertical del origen. Solo tiene sentido en OBJ — la especificación de glTF obliga Y arriba, así que informa `upAxisSource: 'declared'`.

Corrige la unidad de origen: 1 metros, 0,01 centímetros, 0,001 milímetros, 0,3048 pies. Ninguno de estos formatos la registra, así que el visor la deduce del tamaño del modelo.

Comprueba el modelo contra un IDS de buildingSMART (.ids XML). Se ejecuta en un worker. Devuelve pass/fail por spec.

Comprueba el modelo contra un perfil de validación EIR / BIM — un objeto, su JSON (incl. el formato compacto) o el id de un perfil incorporado como 'builtin-en14351-1'. Compila a IDS y usa el mismo motor: mismo IdsResult que checkIds.

Cambia el idioma de la interfaz en tiempo de ejecución.

Lista los códigos de idioma soportados (ver IfcViewer.LANGUAGES para etiquetas).

Resuelve cuando el visor está listo para aceptar comandos.

Getter — true en cuanto el visor ha señalado que está listo.

Suscríbete a un evento; devuelve una función para desuscribir.

Elimina un listener de eventos añadido previamente.

Desmonta el visor y elimina el iframe.