A tela infinita
O que acontece quando dois espelhos ficam frente a frente? Esta experiência cria uma galeria tridimensional onde cada portal reflete o próximo em profundidade contínua. Você pode explorar imediatamente o espelho recursivo procedural ou autorizar a captura da própria aba para alimentar os portais com a sua tela real ao vivo.
Mouse ou dedoToque3D (placa de vídeo)
Mova o cursor sobre a cena para inclinar o eixo do túnel e ver os portais se alinharem em profundidade.
Como usar
- Alterne entre “Túnel Droste”, “Galeria de Espelhos” e “Prisma Recursivo” e ajuste a torção e o número de camadas.
- Em computadores compatíveis, clique em “Capturar aba / tela ao vivo” e escolha esta aba para criar recursão visual real.
- Use “Encerrar captura agora” a qualquer momento para interromper o compartilhamento instantaneamente.
Como isso funciona?
01Até 20 portais 3D são posicionados em progressão geométrica (0,79ⁿ) ao longo do eixo Z, com fluxo contínuo interpolado a cada quadro para criar a sensação de queda infinita (efeito Droste).
02Quando você autoriza a captura via navigator.mediaDevices.getDisplayMedia, o fluxo de vídeo da aba vira uma VideoTexture WebGL compartilhada por todas as camadas simultaneamente.
03Para proteger o desempenho e a privacidade, a captura nunca inicia sem clique explícito, possui limitador de taxa de quadros (30/60 FPS) e encerra todas as trilhas de mídia automaticamente ao sair da página.