Raízes Cósmicas v2
v2 para não confundir com o floresta-psicodelica-ar, que também se
chama Raízes Cósmicas: são a mesma obra, construídas em dois lugares.
Obra em realidade mista para Meta Quest 3, em WebXR. Abre no navegador do
headset — não precisa instalar nada.
Visões Filmes · FIL 2026
No ar: https://visoes-filmes.github.io/raizes-cosmicas-v2/ — Raízes Cósmicas 6.0
(o repositório se chama v2; a obra publicada é a 6.0: a tela de tule e o
espaço lido). É esse o endereço que se digita no navegador do Quest 3.
Roteiro de sala: https://visoes-filmes.github.io/raizes-cosmicas-v2/roteiro.html
Os tempos, as regras, as decisões e as tabelas de erros. É o roteiro.html
deste repositório — página única, abre em qualquer navegador, offline inclusive.
O que já roda
O index.html é a cena de realidade mista da primeira parte: a pintura
projetada como cúpula em volta, a nuvem cósmica marmorizada, as raízes
procedurais e a poeira. Um arquivo só, autossuficiente, com as imagens e o
som embutidos — abre offline, com um clique.
Depois da primeira abertura ele fica guardado no aparelho por um service
worker: abre sem rede, e não trava no meio porque o wi-fi oscilou. Numa feira
isso não é conforto, é o que decide se a obra funciona.
Publicado em GitHub Pages, é também o endereço que se abre dentro do
Quest 3: lá o botão Entrar em RM troca o cinza pela sua sala de verdade,
vista pelas câmeras.
A partitura
A obra corre num relógio de dez minutos, e cada momento acontece
independente de a pessoa interagir: há uma janela para ela agir, e
passada a janela a narrativa segue. Quem interage conduz, quem não interage
é conduzido — e ninguém trava a fila.
A barra na parte de baixo é o andaime de ateliê: cada faixa é um momento,
com a largura da duração real e a cor do cenário a que pertence. As marcas
laranja são as três janelas de interação. Clicar em qualquer ponto salta
para lá — sem isso não haveria como trabalhar num cenário que só acontece
aos 6:30.
Ela some com o resto pela tecla H.
Os astros
O Sol e os quatro planetas do cenário 2. Uma esfera só de geometria,
desenhada cinco vezes com centro, raio e pele diferentes — não há
instancing no WebGL 1 sem extensão, e nem faz falta: cinco chamadas de
desenho não custam nada perto do que a nuvem já faz por pixel.
A pele sai das texturas recortadas da pintura. Não há material inventado
aqui: é a Odara envolvendo uma esfera.
A coreografia é a do roteiro, e é uma sequência de estados, não uma órbita
contínua: os planetas surgem em volta do Sol, descem e vêm girar em
volta da pessoa, e depois se dispersam pelo céu com espaço entre si —
porque amontoados ela não consegue lidar com nenhum. O planeta que aceita
entrada é o único que não se afasta: a distância é o convite.
Eles são desenhados antes da nuvem e escrevem profundidade. Na ordem
inversa, um planeta apagaria a nuvem que passasse na frente dele — a nuvem
não escreve profundidade, então quem vem depois vence. E só escrevem
profundidade quando já estão praticamente opacos: enquanto nascem, esconder
o que está atrás por trás de uma coisa que mal se vê seria pior.
A água
O cenário 3. Uma lâmina na altura da cintura, e a pessoa dentro dela.
Em realidade mista este é o efeito mais forte que a obra tem — e não por
causa da água: é porque metade da imagem passa a ser a pessoa. As pernas
dela continuam ali, vistas pelas câmeras, agora sob uma superfície que as
ondula. Não há efeito gráfico que compita com o próprio corpo.
Por isso a lâmina é translúcida. Opaca, ela esconderia as pernas e o
feito se perderia.
O reflexo é reflexo de verdade: o raio que vem do olho bate na lâmina e
sobe, então basta espelhar a componente vertical da direção e ler o céu ali
— e é por isso que ele acompanha a cabeça. O Fresnel faz o resto: olhando
quase a pino a água é transparente, de raspão vira espelho. É o que faz uma
superfície parecer molhada em vez de pintada.
As camadas de papel
O cenário 4. Formas recortadas, uma atrás da outra, flutuando no cosmos.
O que faz isto funcionar não é o desenho, é a paralaxe: cada camada
está a uma distância diferente, então mover a cabeça as desloca umas em
relação às outras e o espaço aparece sozinho. É a coisa mais barata que se
pode fazer num headset — planos e uma textura — e uma das que mais
convence, porque a profundidade não está desenhada, está acontecendo.
O recorte não vem da imagem: é feito no shader, por uma borda rasgada
gerada na hora. Assim cada camada tem silhueta própria, e nenhuma repete a
da outra — que é o que denunciaria que são a mesma imagem várias vezes.
Elas são desenhadas do fundo para a frente, e isso é obrigatório: não
escrevem profundidade (escrever cortaria a franja de quem vem atrás), então
a ordem de desenho é a ordem de profundidade.
Mipmap
As texturas carregadas geram mipmap e usam filtro trilinear. Sem isso, uma
imagem de 2048×1024 vista de raspão faz a placa buscar texels distantes a
cada pixel — o cache nunca acerta, e o céu ainda cintila, porque cada
pixel pega um texel sorteado em vez da média da região que ele cobre.
Custa um terço a mais de memória. Em troca, o custo por pixel deixa de
depender do ângulo e o serrilhado do céu some. Só funciona porque as duas
medidas são potência de dois.
Os céus
Os três céus estão embutidos, e o shader mistura dois durante a passagem
entre cenários. Trocar de imagem de um quadro para o outro seria o único
corte duro da obra; misturando, a passagem tem a mesma natureza de tudo o
mais aqui, que é metamorfose.
No cenário 4 o céu do primeiro é lido de cabeça para baixo — a floresta
de onde se partiu reaparece sob os pés. Custa uma multiplicação, não uma
imagem nova.
O som
Desligado por padrão enquanto se constrói, porque a trilha entrando a
cada recarga atrapalha quem está trabalhando. Antes do FIL isto volta a ser
true em somLigado — é a única coisa que muda.
Controles pela tecla H ou pelo botão no canto. O número no canto inferior
direito são os quadros por segundo — fica laranja abaixo de 30, que é o aviso
de que a máquina não está dando conta.
A obra
Quatro cenários em dez minutos, numa área caminhável de 3 × 3 m:
- A floresta cósmica — a sala real, o céu já estrelado; as estrelas caem
e de onde tocam nasce a floresta. Numa árvore, o casulo.
- O sistema solar — as estrelas acendem uma a uma até o Sol; os planetas
descem e vêm orbitar a pessoa.
- O planeta rosa — aquático, água na cintura, a deusa vermelha na margem.
- O mundo de papel — camadas recortadas flutuando no cosmos, e embaixo a
primeira floresta invertida.
Nenhuma passagem tem corte: tudo é metamorfose, como na animação que deu
origem a isto.
Os arquivos
index.html a cena de realidade mista, pronta para o headset
assets/ceus/ as panorâmicas 360°, todas 2048×1024
assets/texturas/ texturas que repetem sem emenda nos dois eixos
assets/audio/ a trilha, já cortada para fechar em laço
fontes/ os programas que geram tudo o que está em assets/
sw.js guarda a obra no aparelho, para abrir sem rede
manifest.webmanifest permite instalar no headset como aplicativo
Os céus já são consumidos pelo index.html (vão embutidos nele). As texturas ainda não: Ele é a primeira
parte da obra e já traz as suas imagens embutidas. O que está em assets/
é material tratado esperando os cenários 2, 3 e 4, que ainda não existem.
Por que 2048×1024. O WebGL 1 só aceita repetir uma textura — que é o que
faz a esfera fechar a volta — se as duas medidas forem potência de dois. Fora
disso a textura sai preta, sem erro nenhum no console.
As panorâmicas
Nenhuma delas sai costurada da ferramenta que a gerou. Uma imagem 2:1 tem a
borda esquerda e a direita se encostando quando envolve a esfera, e os polos
convergindo num ponto — e as duas coisas denunciam a emenda se não forem
tratadas.
O tratamento está em fontes/nivelar.py, e é de duas partes:
Nivelamento das bordas. Em vez de espelhar — o que criaria uma simetria de
borboleta bem no meio do campo de visão — as duas bordas escorregam de tom até
se encontrarem no meio do caminho, ao longo de 260 px. A textura fica
intocada; só a diferença de tom some.
Convergência dos polos. O borrão horizontal cresce com 1/sen(θ): zero no
equador, a linha inteira no polo. É o mesmo fator pelo qual a projeção
equirretangular estica a imagem ali, então o borrão desfaz exatamente o que a
esfera vai fazer.
O fontes/analise_panorama.py mede o resultado. Números destas:
| céu | costura | polos |
|---|
| floresta | 47,92 → 0,10 | 4,42 e 67,19 → 0,00 e 0,04 |
| cósmico | 18,15 → 0,08 | 37,08 e 23,45 → 0,02 |
| rosa | 32,58 → 0,11 | → 0,01 |
A costura é medida contra a diferença média entre colunas vizinhas normais:
uma razão perto de 1 significa que a emenda não se distingue do resto da
imagem.
As texturas
Não são geradas nem redesenhadas: são recorte da pintura real, tratado
para emendar sozinho nos dois eixos (fontes/texturas_odara.py).
A região de cada recorte é escolhida automaticamente — procuro o trecho mais
uniforme e ao mesmo tempo mais detalhado do quadro. Detalhe garante que há
pintura ali; uniformidade garante que a estatística não muda de um canto ao
outro, que é o que faz o azulejo não denunciar onde ele começa.
As cinco tiradas dos quadros da Odara emendam de 40–66 para 0,00 nos
dois eixos.
A tex-raiz é a exceção, e de propósito: ela repete só ao longo do galho,
que é o único eixo em que uma casca precisa emendar. Na horizontal ela não
fecha, e não precisa.
A trilha
O arquivo original tinha 2,5 s de entrada e um desvanecimento de 5 s no fim.
Em laço, isso seria um buraco de silêncio a cada volta, marcando o compasso da
repetição — a coisa mais denunciável numa instalação.
As duas pontas mortas foram removidas e o fim atravessa o começo num
cruzamento de 5 s, então o arquivo fecha em si mesmo e loop basta. Ficaram
71 s, com o nível dos 2 s iniciais e dos 2 s finais praticamente iguais.
Nenhum navegador deixa som começar sozinho, só depois de um gesto da pessoa —
por isso a trilha espera o primeiro toque, clique ou tecla. No Quest, o
próprio clique em Entrar em RM já serve.
Refazer os assets
python fontes/nivelar.py entrada.png saida.png 260 70
python fontes/analise_panorama.py saida.png offset.png
python fontes/texturas_odara.py
python fontes/montar_mr.py assets/texturas/tex-raiz.png assets/ceus/ceu-floresta-2048.png index.html assets/audio/trilha-loop.mp3
Os caminhos são relativos a onde o comando é dado, não a onde o script mora.
O montar_mr.py embute as imagens e o som no HTML e recusa a compilação se
achar uma crase solta fora de um shader — uma crase perdida num comentário de
GLSL fecha o template literal do JavaScript no meio e quebra o arquivo
inteiro, com o erro aparecendo longe dali. Já aconteceu duas vezes.
