Um mundo submarino com florestas de algas, peixes, raias-manta e um navio afundado ocupa menos espaço do que muitas fotografias de telemóvel. O projeto Abyssal Garden reúne toda a experiência num único ficheiro HTML de aproximadamente 97 KB e foi desenvolvido com a ajuda do Claude Code, sem modelos tridimensionais ou imagens descarregados de servidores externos.
A demonstração pode ser experimentada gratuitamente num navegador compatível com WebGPU. O criador publicou também o código e as instruções utilizadas na geração do projeto, permitindo perceber até onde ferramentas de inteligência artificial podem ajudar a produzir experiências visuais complexas.
O que precisas de saber
- Abyssal Garden é uma cena subaquática interativa criada num ficheiro HTML de cerca de 97 KB.
- O autor utilizou Claude Code e o modelo Fable 5.2, com regras de geração e testes de desempenho.
- A demonstração é gratuita e o código está no GitHub, mas exige um navegador com suporte WebGPU.
Um oceano inteiro sem ficheiros 3D
O projeto está disponível para testar em Abyssal Garden. A cena inclui zonas rochosas, peixes, raias, um navio naufragado e feixes de luz que atravessam a água. Em vez de carregar texturas e modelos prontos, o navegador constrói os elementos através de cálculos.
A tecnologia principal é WebGPU, que permite executar operações gráficas diretamente na placa gráfica de forma relativamente eficiente. O cenário também gera sons através de Web Audio, dispensando ficheiros de música ou efeitos sonoros externos.
No repositório oficial, o autor explica que o mundo inclui cerca de dois milhões de folhas e plantas de algas, juntamente com rochas e outros elementos. O mesmo repositório contém o ficheiro de instruções que orientou a geração inicial.
Como o Claude ajudou a construir a experiência
Na publicação original, o criador afirma que o primeiro resultado surgiu de uma instrução detalhada ao Claude Code. O pedido estabelecia requisitos de desempenho, proibia bibliotecas externas e previa avaliações visuais realizadas por um segundo agente.
Essa avaliação permitia identificar problemas nas imagens produzidas, enquanto testes de desempenho verificavam o funcionamento da cena. Depois do protótipo inicial, novas instruções acrescentaram um menu, deteção de colisões e três níveis de detalhe.
A expressão «criado com IA» não significa que o resultado tenha surgido sem intervenção humana. A definição das regras, a avaliação do resultado e as alterações posteriores fizeram parte do desenvolvimento descrito pelo próprio autor.
Como experimentar no computador ou telemóvel
A forma mais simples é abrir a demonstração no Chrome ou no Edge e escolher Dive in. No computador, as teclas WASD controlam a deslocação e o rato orienta a câmara. Também existem comandos para mudar de altura e velocidade.
O projeto pode abrir em smartphones compatíveis com WebGPU, mas os controlos táteis são experimentais e o desempenho varia bastante. Em equipamentos mais modestos, é recomendável utilizar o modo Low para reduzir a carga gráfica.
A pequena dimensão do ficheiro é impressionante para quem acompanha os gadgets e as experiências de computação gráfica, mas não significa que o projeto consuma apenas 97 KB de memória durante a execução. Depois de aberto, o navegador cria milhares de objetos em memória e exige recursos de processamento.
Entre as experiências de inteligência artificial e gaming, o Abyssal Garden mostra como ferramentas de programação assistida podem acelerar projetos experimentais. O código aberto permite ainda que outros criadores aprendam com a abordagem e desenvolvam as suas próprias cenas.
Vitor Urbano
Amante de tecnologia, desporto, música e muito mais coisas que não cabem em 24 horas. Fundador do AndroidBlog em 2011 e autor no Techenet desde 2012.
Ver perfil e artigos
A conversa continua