Em 2013, perguntei ao criador do CodePen, Chris Coyier, sobre suas demos favoritas do CodePen e as pessoas adoraram suas escolhas e percepções. Eu até compartilhei algumas das minhas demonstrações favoritas. Desta vez, eu queria saber o que o Ana Tudoruma das minhas artistas favoritas do CodePen, considerou seus favoritos. Divirta-se!
Cocoon
Adoro canvas, adoro demonstrações interativas e acho que nunca fiquei tão impressionado com o trabalho de alguém quanto quando descobri o que Tiffany Rayside criou no CodePen. Por isso, tive que começar com uma de suas canetas de tela interativas, embora fosse difícil escolher apenas uma. Toque/clique para adicionar nós e veja como eles se conectam e dançam.
Veja a caneta Casulo por Tiffany Rayside (@tmrDevelops) em CodePen.
Aparentemente transparente
O 3D é outra paixão minha e a caneta a seguir, criada por Gerard Ferrandez, é um belo exemplo do que pode ser feito com transformações 3D e interatividade JS.
Veja a caneta aparentemente transparente por Gerard Ferrandez (@ge1doot) em CodePen.
Imagens impressionantes
As galerias de imagens estão em toda parte, por isso foi revigorante ver algo mais incomum feito nessa direção.
Veja a caneta Imagens de estilhaços por Szenia Zadvornykh (@zadvorsky) em CodePen.
Insetos de cobra de lona
Jack Rugile é um dos meus heróis do canvas e essa demonstração é apenas um dos exemplos mais recentes da grandiosidade do JS em que seu perfil é tão rico. Só para escrever a frase anterior levei cerca de dez minutos, pois fiquei brincando com ela.
Veja a caneta Insetos de cobra em tela por Jack Rugile (@jackrugile) em CodePen.
Fundo do texto
Yoksel me surpreendeu com essa caneta. A técnica que ela usa para obter esse efeito legal é simples, mas muito inteligente.
Veja a caneta embbax por yoksel (@yoksel) em CodePen.
Desenhista 3D
Outra demonstração de tela incrível, desta vez feita por Jason Brown. Essa demonstração torna realidade um sonho de infância – lembro-me de querer escapar da folha de papel plana e poder desenhar em 3D. Bem, agora isso é possível…
Veja a caneta 3D Sketcher por Jason (@loktar00) em CodePen.
A geometria é bela
Kenji Saito criou muitas canetas de tela legais. Sempre gostei muito de geometria, então essa é uma das que nunca me cansarei de usar.
Veja a caneta Dia56: Animação de partículas WebGL#3. por Kenji Saito (@kenjiSpecial) em CodePen.
Explodidor de partículas
As demonstrações de partículas são sempre divertidas. Especialmente quando também são interativas. A primeira vez que vi esse minijogo de Matei Copot, acabei passando muito tempo tentando “matar” o maior número possível de partículas.
Veja a caneta Explodidor de partículas (minijogo) por towc (@MateiGCopot) em CodePen.
Animação de redimensionamento de material SVG
Normalmente, não acho os elementos da interface tão interessantes, mas essa demonstração de Nikolay Talanov é boa demais para ser perdida.
Veja a caneta Animação de redimensionamento de material SVG por Nikolay Talanov (@suez) em CodePen.
Raio X para mim
Comecei a ver mais e mais demonstrações de SVG ultimamente e essa caneta de Noel Delgado é provavelmente a mais bonita de todas.
Veja a caneta Máscara SVG (experimento) por Noel Delgado (@noeldelgado) em CodePen.
Sobre Ana Tudor
Adora matemática, especialmente geometria. Gosta de brincar com códigos. Apaixonado por fazer experimentos e aprender coisas novas. Fascinado por astrofísica e ciência em geral. Grande fã do avanço tecnológico e de suas aplicações em todos os campos. Demonstra interesse por esportes motorizados, desenho, desenhos animados clássicos, música rock, brinquedos carinhosos e animais com garras afiadas e dentes grandes. Sonha em ter um tigre de verdade.