(85) 99645-7140 nelclassico@gmail.com Praça Coronel Melquiades, 124
Tecnologia

A arte do movimento complexo: o mundo de shaders e experimentação de Corentin Bernadou | Codrops

Bom dia! 👋 Meu nome é Corentin Bernadou , um desenvolvedor freelancer francês obcecado por animações e movimentos. Trabalho com estúdios, agências, empresas e indivíduos em todo o mundo.

Um enorme obrigado ao Codrops pela oportunidade de escrever sobre minha história!

Meu caminho para o desenvolvimento criativo

Desde que me lembro, nunca soube realmente o que queria fazer para viver.

Meus estudos refletem isso: comecei com uma licenciatura em filosofia, depois passei para história da arte. Em algum momento, comecei a questionar que tipo de carreira eu queria seguir, então decidi continuar explorando. Por acaso, acabei estudando comunicação onde descobri web design. Isso despertou algo e, naturalmente, continuei com um curso completo de design. Depois de me formar em Design Visual e de Experiência do Usuário, fiquei frustrado por não poder ir mais longe: depois que o design estiver pronto, o que vem a seguir?

Essa pergunta me levou a me interessar pelo desenvolvimento. Não queria apenas imaginar experiências, queria construí-las. No início parecia incrivelmente difícil, quase impossível. Mas me desafiei a aprender a programar sozinho, começando com o básico de HTML e CSS. Ao longo do caminho, descobri o mundo do desenvolvimento criativo através do Codrops, Awwwards e FWA. E lembro-me de ter pensado: é isso que eu quero fazer.

Alguns meses depois, depois de trabalhar continuamente em direção a pequenos marcos, comecei a transição de designer para desenvolvedor. Eu estabeleci uma nova meta: conseguir um emprego como desenvolvedor . Então coloquei toda a minha energia na construção do meu primeiro portfólio. Para minha surpresa, valeu a pena. Consegui ganhar o Site do Dia e o Prêmio de Desenvolvedor no Awwwards, e tenho certeza de que o reconhecimento desempenhou um papel importante na conquista do meu primeiro emprego em uma agência.

E aqui estou, seis anos depois, assumindo um novo desafio pessoal: freelancer .

Aprendizado e experimentos

Para mim, o desenvolvimento (e o trabalho criativo em geral) é um daqueles campos sem teto. No início da minha carreira, percebi que nunca chegaria a um ponto em que pudesse dizer “Já sei o suficiente, terminei!”. E honestamente? É isso que me motiva todos os dias, a emoção de me perguntar: o que vou aprender hoje? É claro que ser desenvolvedor pode ser um desafio, e às vezes problemas técnicos me mantêm acordado à noite (risos).

Em algum momento durante meus anos de agência, senti como se tivesse atingido um platô (e com isso, perdi um pouco da paixão que me motivava). Então me propus um novo desafio: aprender a criar animações mais complexas, utilizando WebGL. Depois de dominar o básico, comecei a construir experimentos e compartilhá-los nas redes sociais, quase como um diário. Minhas primeiras postagens alcançaram um público que nunca pensei ser possível apenas por postar minhas explorações, principalmente no X (Twitter) . Honestamente, foi isso que me fez continuar – e o que me motivou a continuar compartilhando.

Aqui estão algumas de minhas primeiras explorações:

Criar animações complexas com algumas deformações era algo que eu realmente queria dominar, então gastei muito tempo nisso. Isso naturalmente me levou a abordar o que muitos consideram a parte mais íngreme da curva de aprendizado: shaders . Felizmente, existem alguns recursos excelentes para ajudá-lo a entender o básico (graças a Codrops & Three.js Journey de Bruno Simon).

Aqui está o que eu descobri:

Mais recentemente, tenho me concentrado em matemática para morphing e animações de movimento:

Pilha e configuração

Como freelancer, minha pilha tende a mudar dependendo do que cada projeto exige. Depois de anos trabalhando com JavaScript vanilla e configurações personalizadas de WordPress, estou migrando para Nuxt.js emparelhado com um CMS sem cabeça como Prismic ou Sanity. Para as animações, GSAP sempre foi minha preferência e, no lado WebGL, recentemente mudei de OGL para Three.js.

Quanto às ferramentas, confio no Notion para gerenciar tarefas e planejamento, Cursor para escrever código e Warp como meu terminal. Mas, honestamente, meus dois itens inegociáveis ​​são meu caderno (onde esboço ideias de animação antes de tocar no teclado) e o Spotify – simplesmente não consigo trabalhar (e viver) sem música.

Dock Preview
Visualização do meu dock

Estou sempre curioso para ver como são as configurações e os espaços de trabalho dos designers e desenvolvedores. Aqui está o meu:

My Setup
Configuração da minha estação de trabalho
E o outro lado

Qual é o próximo

Honestamente? Não tenho certeza e adoro isso.

Muitas das minhas explorações começam com um simples “e se eu tentasse isso hoje?” momento enquanto procura inspiração. Essa espontaneidade é algo que quero manter.

O que sei é que ainda estou no começo. Ainda há muito para explorar: animações mais complexas, novas técnicas, ideias que ainda nem descobri. Recentemente, também desenvolvi um interesse crescente no desenvolvimento back-end. Pode parecer uma direção diferente, mas é apenas mais uma camada a explorar.

Espero que o freelancer me dê espaço para continuar aprendendo, experimentando e criando livremente – e talvez, ao longo do caminho, encontrar as pessoas certas com quem trabalhar. Se eu consigo ganhar a vida fazendo algo que realmente me entusiasma todos os dias, isso parece o tipo de sucesso que procuro .

Considerações finais

Se há uma coisa que eu deixaria passar, é esta: não espere até se sentir pronto para começar a aprender algo novo. Os recursos estão disponíveis, mais acessíveis do que nunca. Se você alguma vez se sentiu preso ou sem inspiração em seu trabalho, essa inquietação é provavelmente um sinal que vale a pena ouvir.

Isso é tudo, pessoal! Obrigado mais uma vez à Manoela e ao Codrops por me deixarem escrever sobre minha jornada até aqui. Se você quiser trabalhar ou colaborar comigo, ou apenas compartilhar no que está trabalhando, você pode me encontrar em X (Twitter) , Instagram e LinkedIn .

Deixe um comentário

Seu email não será publicado. Campos obrigatórios marcados com *

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.