Conteúdo deste artigo
- Bruno Simon
- Célia Lopez
- Daniel Beauchamp
- Anderson Mancini
- Natalia Markoborodova e Thomas Nattestad
- Patrick Heng e Justine Soulie
- Robin Payot
- Julie Marting
- Vicente Lucendo
- Jean Carlo Deconto (sunag)
- Veja-os (e muitos mais) em Paris
A menos que você tenha renderizado no framebuffer errado nos últimos meses, você provavelmente já ouviu falar: a primeira Conferência Three.js acontecerá em Paris em setembro.
Já era hora.
Por quase quinze anos, Three.js tem estado no centro de inúmeros experimentos, sites de portfólio, instalações, jogos, ferramentas de código aberto e tocas de coelho felizes. Ajudou a moldar uma geração de desenvolvedores criativos e agora, pela primeira vez, a comunidade está reunida em um só lugar.
A programação diz tudo:
- Mr.doob (desenvolvedor Three.js)
- Bruno Simon (Three.js Journey)
- Cassie Evans (GSAP)
- Edan Kwan (Lusion)
- Renaud Rohlinger
- Célia Lopez (OFF + BRAND)
- Anderson Mancini (Neotix)
- Thomas Nattestad e Natalia Markoborodova (Google)
- Jean Carlo Deconto (também conhecido como sunag, desenvolvedor TSL)
- Robin Payot
- Julie Marting (Hervé Studio)
- Daniel Beauchamp (Shopify)
- Patrick Heng e Justine Soulie
- Vicente Lucendo (Abeto)
- Xavier Jack
- Kim Boutin
- Daria Nevezhyna (Embaixadora Rive)
- Antoine Menard (Merci Michel)
- Dennis Smolek (equipe principal R3F)
- Kris Baumgartner (Poimandres)
- Lovis Odin (Fal.ai)
…e muito mais.
🎟️Indo para Paris? Como parte de nossa parceria com a primeira Conferência Three.js, os leitores do Codrops podem usar o código CODROPS para obter 15% de desconto em ingressos . Se você estava esperando por um sinal, pode ser este. Obtenha seu ingresso →
Já demos uma bastidores do site da conferência com o organizador David Ronai, que mostrou como uma pilha de esferas saltitantes se tornou uma celebração da própria comunidade. Mas as esferas são apenas metade da história.
Desta vez, estamos voltando nossa atenção para os humanos dentro deles.
Perguntamos a alguns palestrantes sobre o que eles estão obcecados atualmente, o que têm construído ultimamente e o que estão entusiasmados em compartilhar em Paris. Aqui estão algumas de suas respostas.
Bruno Simon
Nos últimos meses, Bruno tem vivido e respirado TSL. Atualmente, ele está trabalhando na maior atualização do WebGPU para seu curso Three.js Journey e, como ele próprio admite, se tornou uma aventura muito maior do que o esperado. “Vai ser enorme! Tão grande que não consigo ver o fim”, ele diz. “Gostaria de saber se terei tempo para trabalhar em meu discurso na conferência!”
Ensinar TSL significava ir além da documentação e construí-la todos os dias, então Bruno reconstruiu todo o seu portfólio como um playground para experimentos.
Um experimento em particular permaneceu com ele. Compartilhado no X , começou como uma ideia simples antes de se tornar uma obsessão. “Continuei ajustando-o repetidas vezes. E, finalmente, deu certo.” As esferas brilhantes também não são apenas para exibição. Eles são movidos pela física real, convertendo energia cinética em calor. “ Apenas algumas coisas nerds que me fazem sorrir.”
Quanto a Paris, o teaser de Bruno consiste em um único emoji: 🌱. Considerando tudo o mais que ele tem preparado ultimamente, temos a sensação de que essa é toda a dica de que precisamos.
Célia Lopez
Para Célia a curiosidade faz parte do trabalho. Como designer 3D trabalhando com WebGL na OFF+BRAND , ela está sempre em busca de novas técnicas e melhores fluxos de trabalho. Ultimamente, essa curiosidade a tem levado à IA, explorando tudo, desde a otimização de texturas não lineares até a transferência de texturas de modelos gerados por IA com topologia confusa para malhas limpas e prontas para produção. Tudo isso faz parte da compreensão de como os ativos gerados por IA podem se tornar parte de experiências 3D de alta qualidade em tempo real.
Essa mesma curiosidade recentemente a levou para além da tela. Ela está lançando sua própria marca de cerâmica, começando com tigelas e xícaras artesanais, enquanto descobre um novo ritmo criativo através de aulas de cerâmica. Ela também compartilhou seus últimos experimentos de IA com a comunidade, incluindo uma palestra relâmpago no Paris Design Meetup, onde apresentou um fluxo de trabalho que está refinando:
Em Paris, Célia promete que “uma pequena parte pode ser inesperada”. Mais do que tudo, porém, ela está ansiosa para voltar onde se sente mais realizada. “É nas conferências WebGL que me sinto mais realizada”, ela diz. “O que mais me entusiasma é aprender novos fluxos de trabalho técnicos com pessoas talentosas, estar rodeado de colegas que compartilham a mesma paixão e passar tempo trocando ideias. É também dançar, rir e conhecer pessoas interessantes em momentos que parecem completamente fora da vida cotidiana.”
Daniel Beauchamp
A atenção de Daniel está atualmente dividida entre dois mundos muito diferentes, mas surpreendentemente conectados: personalização interativa de produtos para comércio eletrônico e comerciais e filmes de marca gerados por IA. Ambos exploram a mesma questão de como as experiências digitais podem parecer mais pessoais, expressivas e memoráveis.
Essa curiosidade se transformou recentemente em dois novos empreendimentos. Ele está construindo um aplicativo Shopify que traz personalização interativa de produtos aos comerciantes por meio da integração Rive, ao mesmo tempo que se aprofunda no vídeo comercial de IA como serviço. Seja um configurador de produto ou um filme de marca, o objetivo é o mesmo: criar experiências que convidem as pessoas a se envolverem em vez de simplesmente consumirem.
Em Paris, Daniel compartilhará como experiências interativas com produtos podem transformar a personalização em algo que as pessoas realmente experimentam. “Como uma interface pode carregar emoção e sentimento, e transformar a customização em algo que as pessoas realmente vivenciam, onde elas conhecem um produto antes de comprá-lo, envoltas em uma bela interação.”
Quando solicitado a compartilhar um pequeno tesouro de sua jornada criativa, Daniel não apontou para um shader ou trecho de código. Em vez disso, ele compartilhou uma mentalidade: “Continue construindo e, ao mesmo tempo, continue explorando, aprendendo, mudando e reexaminando o processo e as coisas que faço.” Um simples lembrete de que movimento e curiosidade costumam ser as ferramentas mais valiosas na caixa de ferramentas de qualquer desenvolvedor.
Anderson Mancini
Para Anderson, WebGPU não é apenas um upgrade, é uma oportunidade de repensar o que é possível no navegador. Atualmente, ele está revisitando projetos que antes eram muito caros para serem executados em tempo real, aproveitando técnicas modernas de renderização para melhorar a qualidade visual e, ao mesmo tempo, torná-los mais acessíveis do que nunca.
Seus experimentos mais recentes se concentraram na combinação de SSGI e SSR para visualização arquitetônica, ajudando a trazer renderização de alta qualidade em tempo real para o setor imobiliário. Junto com seu trabalho de renderização, ele também lançou r3f-webgpu-perf , uma ferramenta de monitoramento de desempenho para R3F projetada para fazer mais do que exibir números. Ele ajuda os desenvolvedores a entender o que está acontecendo em suas cenas e oferece orientação em tempo real sobre como otimizá-las, destilando anos de experiência em uma ferramenta que parece um mentor pessoal.
Em Paris, ele desvendará dois projetos recentes, Lumen Decor Studio e CerealBNB , compartilhando as técnicas por trás deles e as lições que ele trouxe de anos de desenvolvimento de jogos. Espere insights práticos sobre como criar experiências Three.js de alto desempenho sem sacrificar a ambição.
Natalia Markoborodova e Thomas Nattestad
No Google Chrome, Thomas Nattestad e Natalia Markoborodova passam seus dias ajudando a moldar o futuro da web. No momento, grande parte desse futuro gira em torno de uma ideia: HTML-in-Canvas .
Thomas vê um enorme potencial criativo na API, mas também a realidade da construção de novos padrões da web. Ele está constantemente equilibrando a “entusiasmo inacreditável” sobre o que os desenvolvedores estão criando com o desafio de levar os navegadores adiante e, ao mesmo tempo, preservar a privacidade, a segurança e a interoperabilidade que fazem da web o que ela é. Ele também tem ajudado a apresentar a API HTML-in-Canvas por meio das sessões do Chrome para desenvolvedores no Google I/O, mostrando como o HTML semântico pode ser renderizado diretamente em uma tela, permanecendo interativo e acessível.
Natalia, por sua vez, tem explorado os detalhes mais sutis da plataforma, mergulhando em espaços de cores, renderização de exibição e testando HTML-in-Canvas em diferentes configurações para ajudar a melhorar a API. Uma das ferramentas com as quais ela está trabalhando é uma demonstração de comparação de espaço de cores , que permite ver como os elementos HTML são renderizados na tela em diferentes configurações de exibição. Como ela diz, algumas das melhores descobertas começam por acidente. “Simplesmente incorporei um vídeo e as cores pareciam erradas.” Essa pequena observação a levou a uma nova toca de coelho de formatos de cores e renderização de navegador.
Em Paris, eles abordarão a mesma tecnologia a partir de duas perspectivas complementares. Thomas explorará como o HTML-in-Canvas poderia expandir fundamentalmente as possibilidades criativas da web, trazendo o que ele espera ser “uma grande quantidade de capricho”. Natalia mostrará por que a API é “DIVERTIDA e FUNCIONAL!” , demonstrando como interações lúdicas e engenharia séria podem coexistir alegremente.
Patrick Heng e Justine Soulie
Para Patrick e Justine, a inspiração começa com a própria web. Eles são constantemente atraídos por pessoas que ainda estão experimentando, empurrando o meio em direções inesperadas e fazendo coisas simplesmente porque estão entusiasmados para ver o que acontece. Esse é o mesmo espírito que eles trazem para o seu próprio trabalho, combinando interatividade, inovação técnica e ilustração em experiências lúdicas.
Ultimamente, essa conversa criativa ganhou vida própria. Eles transformaram as ilustrações de Justine em pequenos jogos interativos enquanto experimentavam o MediaPipe e o rastreamento manual para tornar esses mundos ainda mais táteis e vivos. Pergunte a eles sobre o processo e eles dirão que uma de suas partes favoritas é o constante pingue-pongue criativo entre a ilustração e o desenvolvimento. “Um esboço pode inspirar uma interação, e uma interação pode inspirar uma nova ideia visual.”
Em Paris, eles levarão os participantes para trás Ponpon Mania , sua história em quadrinhos WebGL interativa, compartilhando como ilustração, narrativa e gráficos em tempo real se uniram para criar a experiência. Parte estudo de caso criativo, parte aprofundamento técnico, é uma visão do que acontece quando duas disciplinas continuam se inspirando.
Robin Payot
Robin tem duas coisas muito diferentes ocupando sua mente ultimamente. A primeira é sua filha de seis semanas. “Mal posso esperar para mostrar o mundo a ela e ouvi-la dizer sua primeira palavra!” A segunda é a IA, e a rapidez com que ela está remodelando a forma como construímos para a web. Em sua empresa, os designers agora enviam códigos de produção com assistentes de codificação de IA, algo que “teria parecido inimaginável” apenas dois anos atrás. Mas para Robin, os fundamentos ainda importam. “Você ainda precisa ter um conhecimento sólido das limitações da web e, no mínimo, entender como o código funciona e o que ele faz.”
Esse fascínio recentemente se transformou em um experimento de trabalho, onde ele criou uma animação Three.js que reage em tempo real à voz de um assistente de IA. Construído com R3F e “uma pequena ajuda da IA”, o projeto permitiu que ele literalmente conversasse com o chatbot enquanto observava seus shaders responderem a diferentes vozes, sotaques e estilos de fala.
Em Paris, Robin compartilhará como AI, Three.js e um toque de Zelda se uniram em seu mais recente projeto pessoal. Seus experimentos com IA também produziram alguns momentos memoráveis, incluindo uma sessão particularmente teimosa de Claude que o lembrou de que ainda não há substituto para consertar alguns bugs sozinho.
Julie Marting
Nem tudo que ocupa a mente de Julie vive em uma tela. Entre decorar um novo apartamento e experimentar ferramentas de IA para design, ela tem pensado muito em espaços, tanto físicos como digitais. Ultimamente, ela tem explorado como a IA pode ajudar a criar protótipos de ideias e dar vida aos seus designs, abordando-os com curiosidade, mesmo que ainda seja um território desconhecido.
Essa curiosidade a levou recentemente a experimentar uma ferramenta com tecnologia de IA para criar vídeos 3D em tempo real para mídias sociais. “Sim, a princípio não faz sentido”, diz ela, mas foi exatamente isso que tornou divertido explorar.
Em Paris, Julie abrirá a cortina do design e da direção de arte por trás do site da Conferência Three.js, compartilhando as decisões, truques e pequenos segredos que moldaram sua identidade lúdica. E se há uma lição à qual ela sempre volta, é esta: “Cometer erros e descobrir novas ideias ou técnicas como resultado desses erros é quase parte da nossa rotina semanal como designers. Isso nos incentiva a aprender constantemente e a experimentar coisas novas nas quais não tínhamos pensado antes.”
Vicente Lucendo
Vicente encontra inspiração em lugares improváveis. Ultimamente, ele tem estudado as composições dinâmicas de painéis do artista de mangá Yusuke Murata, fascinado pela forma como o movimento pode ser transmitido em uma imagem estática. Ele é igualmente atraído por estruturas desgastadas pelo tempo e pela atmosfera que elas criam quando colocadas ao lado da arquitetura moderna e da vida cotidiana.
Esse olhar para o movimento também se estendeu recentemente à tecnologia. Vicente tem experimentado diferentes motores de física e, depois de muitos testes, um deles se destacou dos demais. “Eu realmente gosto do Jolt”, diz ele. “Na minha opinião, deveria ser mais popular!”
Em Paris, Vicente levará os participantes aos bastidores do Messenger , compartilhando por que projetos como esses raramente são construídos em linha reta. Em vez disso, ele acredita que a melhor bússola é a emoção que você está tentando evocar, deixando que ela guie todas as decisões técnicas e criativas ao longo do caminho. É uma filosofia que também molda seu próprio processo. “Faço um esforço consciente para regularmente ver meu trabalho com novos olhos”, ele diz. Quer isso signifique pedir feedback honesto aos colegas de equipe ou simplesmente se afastar de um projeto por alguns dias, criar um pouco de distância muitas vezes revela soluções que antes eram impossíveis de ver.
Jean Carlo Deconto (sunag)
Se há algo ocupando a mente de Jean agora, é TSL. Recentemente, ele voltou à documentação e à sintaxe desde o início ao criar Tour of TSL , um guia projetado para ajudar os desenvolvedores a entender melhor a linguagem e seu crescente ecossistema. Ao longo do caminho, ele também espera ajudar a refinar a sintaxe e a implementação antes de sua apresentação em Paris.
Seus experimentos recentes abrangem alguns dos cantos mais interessantes do ecossistema Three.js. Desde melhorias no Three.js Inspector até renderização no estilo nanite, simulação de incêndio usando grades voxel e renderização adiada para uma próxima versão do Three.js, Jean está constantemente explorando o que o pipeline de renderização pode fazer a seguir.
Em Paris, ele levará os participantes no Tour do TSL , com foco nos benefícios que a linguagem traz para o desenvolvimento moderno do Three.js. Por trás de todo o seu trabalho está uma filosofia de engenharia simples: “Uma das coisas mais importantes para mim é tentar separar as responsabilidades de cada parte do software para construir sistemas que possam ser estendidos individualmente.”
Veja-os (e muitos mais) em Paris
Estas são apenas algumas das pessoas que se reuniram para a primeira Conferência Three.js. Durante dois dias em Paris, a comunidade se reunirá para compartilhar ideias, demonstrações, experimentos, aprofundamentos técnicos, acidentes felizes e provavelmente alguns bugs que merecem palestras próprias.
Pronto para se juntar a eles? Use o CODROPS para obter 15% de desconto em seu ingresso.
