{"id":"active-theory","name":"Active Theory","url":"https://wunderlust.xyz/r/active-theory","category":"sites","category_label":"Award-winning sites","tags":["award-winning","webgl","scroll"],"short":"Studio site with a 3D glass logo spinning over particles, changing with each project as you scroll","what":"A counter drawn with slash marks fills the screen before the 'a' logo appears as an iridescent glass ring. As you scroll, the ring turns over the 'Creative Digital Experiences' title, and a small menu with arrows switches between projects like Prometheus, Kandinsky and Racer.","uses":"For someone who works on 3D web experiences and wants to see how far a whole home page built in WebGL can go.","benefits":["logo becomes a glass object that reacts to scroll","particle cloud gives the background depth","switch projects with arrows without leaving the scene"],"caveats":["Heavy: it needs a good graphics card and takes a few seconds to load.","It has a soundtrack; the audio toggle is at the top."],"links":{"official":"https://activetheory.net/"},"image":"https://wunderlust.xyz/media/active-theory-poster.jpg","video":"https://wunderlust.xyz/media/active-theory.webm","share_image":"https://wunderlust.xyz/og/r/active-theory.jpg","similar":["santioni-spirits","kriss-ai","siena-film-foundation","getty-persepolis-reimagined","mana-yerba-mate","pioneer-corn-revolution"],"added_on":"2026-11-10","steal":"An iridescent glass logo that turns with scroll over the headline, as the home's main object","patterns":["3d-object","iridescent","particles","intro"],"pt":{"name":"Active Theory","short":"Site de estúdio com um logo de vidro 3D girando num fundo de partículas, que muda a cada projeto ao rolar","steal":"Um logo de vidro iridescente que gira com o scroll sobre o título, como objeto central da home","what":"Um contador em traços de barra enche a tela antes do logo 'a' aparecer como anel de vidro iridescente. Ao rolar, o anel gira sobre o título 'Creative Digital Experiences' e um menu pequeno com setas troca entre projetos como Prometheus, Kandinsky e Racer.","uses":"Quem trabalha com experiências 3D na web e quer ver até onde dá para levar uma home inteira feita em WebGL.","benefits":["logo vira objeto de vidro que reage ao scroll","nuvem de partículas dá profundidade ao fundo","trocar de projeto com setas, sem sair da cena"],"caveats":["Pesado: pede boa placa de vídeo e o carregamento leva alguns segundos.","Tem trilha sonora; o botão de áudio fica no topo."]},"schema_version":1}