Projeto Three.js com Texturas e Ambientes 3D

Este é um projeto simples desenvolvido usando a biblioteca Three.js para criar um ambiente 3D com texturas e iluminação.

Descrição

O projeto consiste em uma cena 3D renderizada com Three.js, contendo diversos elementos geométricos (esferas, torus, tetraedro) com diferentes texturas aplicadas a eles. Além disso, há uma galáxia de pontos que flutua no ambiente. A cena é iluminada por uma combinação de luz ambiente e luz direcional.

Funcionalidades

• Renderização de uma cena 3D usando Three.js
• Aplicação de texturas em objetos 3D
• Criação de uma galáxia de pontos
• Iluminação da cena com luz ambiente e luz direcional

Como usar

1. Clone o repositório ou faça o download dos arquivos.
2. Abra o arquivo index.html em um navegador da web compatível com WebGL.
3. Interaja com a cena usando o mouse:
   • Arraste para rotacionar a câmera ao redor da cena.
   • Use a roda do mouse para dar zoom (se ativado).
   • A cena também se redimensiona automaticamente para ajustar a janela do navegador.

Pré-requisitos

• Navegador da web compatível com WebGL (recomenda-se Google Chrome, Mozilla Firefox ou Microsoft Edge).

Tecnologias utilizadas

• JavaScript
• Three.js (biblioteca para renderização 3D)
• HTML5
• CSS3

Exemplo