EXP-003Lab / Experiment
Room Scale UI
Interfaces que ocupam o espaço de uma sala, com componentes React posicionados em coordenadas físicas.
Code
EXP-003
Status
Prototype
Technologies
WebXR / React
Temas
WebXRSpatialInterface
Objetivo
Verificar se componentes React já existentes podem ser posicionados em metros dentro de uma sala sem reescrever a lógica de estado do produto.
Abordagem
- 01Mesma árvore de estado alimentando dois renderizadores: tela plana e espaço.
- 02Grid espacial descrito em metros, com zonas de alcance sentado e em pé.
- 03Interações mapeadas para o que a mão realmente alcança sem deslocamento.
Arquitetura
- Componentes
- React para lógica e estado; a posição vem de um provider de layout espacial.
- Grid
- Unidades em metros com origem no usuário, convertidas para a cena WebXR.
- Entrada
- Controles e mãos tratados como um único evento de seleção.
- Fallback
- Sem XR disponível, o mesmo estado renderiza a versão plana.
Resultados
- Reaproveitar estado de UI web em XR funcionou; o trabalho real está no layout, não na lógica.
- Zonas de alcance evitaram o erro clássico de colocar controle importante fora do braço.
- O grid em metros virou peça reutilizável e é o que permite portar telas existentes sem redesenhar tudo.
What is being tested
- Mapeamento de componentes React para objetos espaciais
- Alcance confortável de interação em pé e sentado
- Transição suave entre tela plana e espaço
Learnings / next steps
- Reaproveitar estado de UI web em XR é viável; layout é o desafio real.
- Próximo passo: sistema de grid espacial em metros.