Threejs3D Code Play

O Threejs3D Code Play ajuda você a aprender Three.js editando o código e visualizando o resultado como uma cena 3D interativa. Comece com um exemplo, altere o HTML e o JavaScript e execute sua versão no aplicativo.

APRENDA ATRAVÉS DE CENAS FUNCIONAIS

Explore 99 exemplos em experimentos de aprendizado e cenas animadas predefinidas. Comece com formas, materiais, iluminação e câmeras e, em seguida, investigue partículas, shaders e interação. Experimente um sistema solar, ondas do oceano ou uma cena abstrata animada quando quiser um ponto de partida maior.

Cinco trilhas de aprendizado organizam os exemplos em fundamentos, geometria, cor e luz, movimento e uma oficina criativa. Marque as lições como concluídas, continue em uma trilha, favorite exemplos úteis e retorne às cenas abertas recentemente.

EDITE, EXECUTE E INVESTIGUE

Abra um exemplo no editor de código ou inicie um novo projeto com uma importação do Three.js já configurada. Use o realce de sintaxe, desfazer e refazer, localizar e substituir e ir para a linha enquanto trabalha. Alterne para a visualização de execução para ver o código atual e inspecionar mensagens ou erros no console.

Arraste para orbitar e use o gesto de pinça para ampliar nas pré-visualizações de cenas agrupadas. Para cenas compatíveis, os controles em tempo real permitem explorar cores, velocidade da animação, iluminação, geometria e fundos sólidos ou gradientes. Os controles disponíveis dependem da cena.

GUARDE SEUS EXPERIMENTOS

Salve projetos nomeados e reabra-os em Seus projetos. Abra arquivos HTML para continuar editando o trabalho existente ou use Salvar como para manter uma cópia separada.

Exporte ou compartilhe um projeto como HTML ou ZIP. As exportações incluem as bibliotecas Three.js integradas reconhecidas; recursos externos personalizados permanecem externos. Extraia um arquivo ZIP e disponibilize sua pasta via HTTP para abrir o projeto fora do aplicativo.

ANIME SEU PAPEL DE PAREDE

Em dispositivos Android compatíveis com o suporte nativo necessário, envie uma cena animada para a pré-visualização de papel de parede do sistema e confirme sua escolha lá. Os destinos de papel de parede disponíveis dependem do dispositivo.

Criado para estudantes, entusiastas e desenvolvedores web que desejam praticar programação 3D por meio de pequenos experimentos. Os exemplos incluídos usam bibliotecas locais; recursos remotos personalizados e anúncios podem exigir acesso à internet. O aplicativo inclui anúncios.