Visualizador IFC 3D de alta performance com escala 1:1 e navegação imersiva.
# Instalar dependências
npm install
# Rodar em desenvolvimento
npm run dev
# Build para produção
npm run buildAbra: http://localhost:3001
- 70-85% menos memória com instancing automático
- 3-5x mais rápido com streaming progressivo
- LOD adaptativo mantém 60 FPS constante
- UI elegante com estatísticas em tempo real
📖 Guia Rápido IFC | 📚 Documentação Completa
- Design minimalista e responsivo
- Painel lateral com camadas e propriedades
- Controles de navegação intuitivos
- Feedback visual em tempo real
- Motor de renderização Three.js otimizado
- Sistema ECS (Entity Component System)
- Gerenciamento de LOD inteligente
- Spatial indexing para queries rápidas
- Material pooling e geometry instancing
- WebRTC P2P para voice chat em tempo real
- Screen sharing renderizado em 3D no viewer
- Avatar sync entre clientes conectados
- Position broadcast via data channels
- Signaling server WebSocket com auto-reconnect
⚡ Quick Start Multiplayer | 📚 Sistema WebRTC
- 4 presets otimizados (Neutral, Nature, Urban, Sunset)
- Environment lighting baseado em imagem (IBL)
- Fog atmosférico para profundidade
- Ajuste dinâmico de exposure e rotação
- Performance: 2K HDRIs (300kb-1.2MB)
- Section planes nos eixos X, Y, Z
- Box clipping com 6 planos simultâneos
- Visual feedback com section lines e helpers
- GPU-based clipping para performance máxima
- Customização visual de cores e opacidade
- Property Sets completos (Pset_*)
- Quantity Sets (Qto_*)
- Export para CSV, JSON, XML
- Search & Filter avançado
- Cache system para performance
- ISO 16739 compliance
- Fiducial markers (ArUco/AprilTag) para alinhamento BIM-mundo
- Mobile calibration com tracking em tempo real
- Desktop alignment consome âncoras sem câmera
- Shared anchors sincronizados via servidor
- Admin tool para registro de markers no modelo
- Field deployment com QR code para acesso rápido
ArxisVR/
├── src/ # Código fonte
│ ├── loaders/ # Loaders IFC otimizados
│ ├── ui/ # Componentes de interface
│ ├── engine/ # Motor de renderização
│ ├── systems/ # Sistemas core
│ └── app/ # Aplicação principal
├── demos/ # Arquivos de demonstração
├── docs/ # Documentação completa
├── scripts/ # Scripts utilitários
├── public/ # Assets estáticos
└── Examples-files/ # Arquivos IFC de exemplo
Interface minimalista para teste rápido do loader otimizado.
npm run dev
# Abra: http://localhost:3001/demos/test-ifc-simple.htmlInterface completa com controles avançados e visualização de estatísticas.
npm run dev
# Abra: http://localhost:3001/demos/ifc-optimized-demo.html| Métrica | Tradicional | Otimizado | Melhoria |
|---|---|---|---|
| Tempo de carga | 15s | 4s | 3.75x |
| Uso de memória | 800 MB | 200 MB | 75% |
| FPS (modelo grande) | 30 | 60 | 2x |
| Draw calls | 10.000 | 2.500 | 75% |
- Three.js - Renderização 3D WebGL
- web-ifc - Parser IFC nativo
- TypeScript - Type safety
- Vite - Build tool ultra-rápido
- Web Workers - Processamento paralelo
- 🚀 Guia Rápido IFC - Comece em 2 minutos
- 📚 Documentação IFC Loader - Detalhes técnicos
- ⚡ Quick Start Multiplayer - Setup em 5 minutos
- 🌐 Sistema WebRTC - Arquitetura completa
- 🔧 Signaling Server - Exemplo de servidor
- ✅ Deploy GitHub Pages - Guia de deploy
- 🏗️ Arquitetura - Estrutura do sistema
- 🏢 Coordenação BIM - Visualização de modelos federados
- 🔍 Inspeção - Análise detalhada de elementos
- 📊 Quantitativos - Extração de dados
- 🎓 Treinamento - Apresentações imersivas
- 🤝 Colaboração Remota - Reuniões com voice chat e screen share
- 👥 Revisões Multiplayer - Múltiplos usuários navegando em tempo real
# API
VITE_API_URL=https://api.exemplo.com
NODE_ENV=production
# Multiplayer (opcional)
VITE_ENABLE_MULTIPLAYER=true
VITE_SIGNALING_SERVER=ws://localhost:8080
# VITE_TURN_SERVER=turn:your-turn-server.com:3478
# VITE_TURN_USERNAME=user
# VITE_TURN_PASSWORD=passVer Quick Start Multiplayer para configuração completa.
Os arquivos WASM devem estar em public/wasm/:
web-ifc.wasm- Parser IFCweb-ifc-mt.wasm- Versão multi-thread
# Testes unitários
npm run test
# Testes E2E
npm run test:e2e
# Cobertura
npm run test:coverageO site é automaticamente deployado em: https://arxisvr.avila.inc/
Cada push na branch main dispara o deploy automático.
npm run build:azure- Fork o projeto
- Crie uma branch:
git checkout -b feature/nova-feature - Commit:
git commit -m 'feat: adiciona nova feature' - Push:
git push origin feature/nova-feature - Abra um Pull Request
Veja LICENSE para detalhes.
- Site: https://arxisvr.avila.inc/
- Demo Simples: https://arxisvr.avila.inc/demos/test-ifc-simple.html
- Demo Completa: https://arxisvr.avila.inc/demos/ifc-optimized-demo.html
- Documentação: docs/
- 📧 Email: suporte@avila.inc
- 🐛 Issues: GitHub Issues
- 📖 Docs: Documentação
Desenvolvido com ❤️ para a indústria AEC