A animação do navegador 3D está cada vez mais poderosa e os desenvolvedores da web estão se interessando. O WebGL , o Three.js e outras APIs e bibliotecas JavaScript já existem há algum tempo, mas muitos navegadores e computadores não tinham capacidade para executar animações avançadas sem desaceleração significativa.
Porém, à medida que o software e o hardware se tornam mais eficazes ao lidar com ambientes 3D complexos, agora é muito mais comum ver sites renderizando animações. O Three.js é particularmente útil graças à sua capacidade de executar sem plugins. Com essa poderosa biblioteca, os desenvolvedores da Web podem criar animações de cair o queixo ou até mesmo videogames simples.
Pronto para ter sua mente soprada? Aqui estão alguns exemplos de experiências maravilhosas do Three.js. que aproveitam ao máximo os recursos da biblioteca.
Lab City 3D
Tocando com som
three.js Pontos Anti-Gravidade
Controle deslizante de distorção do WebGL
Teste de Three.js e Tween.js
three.js canvas – partículas – ondas
Buraco de minhoca
Erro de digitação
Fluxo de partículas THREE.js
Perlin Noise
Experiência de nuvem de três pontos Js
Shader Moon
Erro de digitação flutuante 3D
RetroFighter Gunship
Partículas de pixel
Experiências Three.js incríveis
Os desenvolvedores estão sempre criando novos e impressionantes experimentos de código que executam novas funções interessantes ou são feitas apenas para parecerem bonitas. É uma boa ideia acompanhar sites como o CodePen para que você possa ver como os desenvolvedores estão ultrapassando os limites de bibliotecas como o Three.js. Sempre há alguém tentando algo novo e interessante.
E a melhor parte é que você também pode usar canetas em seus próprios sites e projetos de código aberto, ou aprender com eles e tentar fazer seus próprios experimentos. Aprenda com seus colegas desenvolvedores, bifurque o código deles para experimentar suas próprias idéias e você aprenderá rapidamente as nuances da animação Three.js.