É possível colocar um MP4 dentro de uma cena IFC em Three.js?

Sim. Um HTMLVideoElement pode alimentar uma VideoTexture aplicada a um plano na mesma cena do modelo IFC. A aplicação precisa possuir e descartar o elemento de mídia, a textura, o material e a geometria.

Qual modo de posicionamento de vídeo funciona melhor em uma feira?

Um billboard voltado para a câmera é a visão inicial mais robusta porque continua legível conforme o apresentador move a câmera. Sobreposições no solo dão um contexto espacial mais forte, mas exigem posicionamento e opacidade cuidadosos.

O clipe do Pavilhão de Operações é uma filmagem real de obra?

Não. É um loop sintético de oito segundos, claramente identificado como tal, criado junto com o IFC correspondente apenas para tornar reproduzível o fluxo de trabalho de exibição offline.

Voltar ao blog de BIM e IFC

Gêmeos digitais · 2026-08-21 · 10 min

IFC + vídeo em terreno 3D: demo interativa de obra

Veja o visualizador real posicionar vídeo ao lado do IFC como tela, sobreposição de terreno ou billboard, depois teste a posição métrica e a opacidade na demo do navegador.

Capa intitulada IFC e Vídeo em Terreno 3D sobre uma captura real do visualizador com o Pavilhão de Operações e os controles de posicionamento de vídeo

Um player de vídeo comum explica o tempo, mas perde o espaço. Um visualizador de IFC comum explica o espaço, mas costuma perder a evidência visual registrada no local. Colocar os dois recursos em um único quadro 3D permite que o apresentador aponte para o elemento projetado, o contexto do terreno e a condição registrada sem trocar de aplicativo.

O objetivo não é cobrir tudo com vídeo. É escolher um modo de posicionamento que responda a uma pergunta do usuário: O que essa câmera viu? Onde essa evidência de progresso pertence? Qual superfície ou área de trabalho está sendo discutida?

Assista ao clipe de exemplo offline

Loop de progresso de obra do Pavilhão de Operações

Loop sintético de oito segundos pareado com o pavilhão IFC4 incluído.

Experimente IFC + vídeo 3D ao vivo

Inicie o exemplo ao vivo para carregar o IFC correspondente exato, criar uma textura de vídeo e enquadrar os dois recursos juntos. O clipe começa mudo e roda em loop localmente, então a demo não depende de um serviço de streaming nem do Wi-Fi da feira.

Pavilhão de Operações — IFC + textura de vídeo

Exemplo interativo em WebGL usando um modelo IFC4 incluído e seu loop de progresso sintético correspondente como um recurso 3D voltado para a câmera.

Interface real do IFC Viewer Online mostrando o pavilhão, o billboard de vídeo e os controles métricos de posição, tamanho e opacidade — IFC e vídeo estão prontos — arraste para orbitar

IFC Viewer Online mostrando o Pavilhão de Operações, um billboard de vídeo e controles de tela, terreno, posição, largura e opacidade — Captura real do produto: o IFC e o MP4 incluídos são carregados juntos, e a superfície de vídeo pode ser posicionada, redimensionada e tornada transparente.

Três modos de posicionamento, três funções diferentes

Comparação de um vídeo de obra posicionado como tela vertical, sobreposição de terreno alinhada ao solo e billboard voltado para a câmera ao lado de um pavilhão IFC — Tela, sobreposição no solo e billboard são escolhas de apresentação, não efeitos visuais intercambiáveis.

Modo	Melhor uso	Principal risco
Tela	Estação de inspeção, câmera de fachada ou equipamento	Parece desconectado se a posição 3D for arbitrária
Solo / terreno	Área de progresso, contexto de drone, evidência de escavação	Z-fighting ou falsa precisão em terreno irregular
Billboard	Feiras, tours guiados e storytelling rápido	Menos autoridade espacial porque segue a câmera

Opacidade e terreno são controles do produto

A opacidade é útil quando o público precisa ver a geometria projetada através dos pixels gravados. Não é um controle decorativo: em opacidade baixa, o vídeo pode ficar impossível de interpretar, enquanto em opacidade total ele pode esconder a evidência do IFC em discussão. Um padrão útil mantém a mídia legível e oferece um estado de comparação em um clique.

Um vídeo no solo também precisa de uma largura métrica, posição local, guinada (yaw) e um pequeno deslocamento de superfície. Se a aplicação conseguir amostrar o terreno visível ou as malhas da cena, ela pode encaixar o plano na superfície. A interface ainda deve expor o posicionamento resultante; um encaixe automático é uma conveniência, não uma transformação de levantamento topográfico.

Modelo IFC do Pavilhão de Operações mostrado com um quadro de vídeo de progresso de obra em tons quentes, preparado para posicionamento como textura 3D — O poster estável é usado pelo player, pelos metadados sociais e pela marcação de busca de vídeo.

Regras de desempenho e ciclo de vida

Crie o HTMLVideoElement e a VideoTexture do WebGL somente depois que o usuário abrir o exemplo ou o recurso entrar na viewport.
Reutilize uma única textura ao mudar opacidade ou posicionamento; não recrie o decodificador a cada movimento de slider.
Pause o vídeo quando estiver oculto, e descarte o elemento de mídia, a textura, o material, a geometria e a URL do objeto quando removido.
Mantenha um poster estático na página para que usuários e crawlers tenham conteúdo útil antes do WebGL iniciar.
Prefira um pequeno loop MP4/WebM local para feiras, depois adicione câmera WebRTC ou captura de tela como uma fonte explicitamente ao vivo.

Uma narrativa de cinco minutos para a feira

Abra o IFC sozinho e enquadre o pavilhão.
Carregue o clipe correspondente como billboard para que todo visitante o veja imediatamente.
Mude para o modo de solo e ajuste a opacidade para revelar a relação espacial.
Mova a câmera enquanto o clipe continua, demonstrando que ele faz parte da cena 3D, e não uma sobreposição na página web.
Termine carregando o mesmo par offline novamente e explique como uma câmera real, uma tela compartilhada ou uma inspeção gravada poderiam substituir a fonte sintética.

Se a evidência precisar continuar inspecionável como pontos XYZ em vez de pixels, use a arquitetura de LiDAR temporal e MCAP. Se a comparação for estática e medida, comece com o alinhamento Scan-to-BIM de IFC + nuvem de pontos.

IFC + vídeo em terreno 3D: demo interativa de obra