Este é um experimento simples de renderização 3D utilizando apenas o elemento <canvas> 2D do HTML5 e JavaScript puro. O objetivo é demonstrar conceitos de:
- Projeção perspectiva
- Rotação 3D (plano XZ, em torno do eixo Y)
- Animação com
requestAnimationFrame/setTimeout - Interação via botões
O código é totalmente comentado em português, facilitando o entendimento de quem está começando no mundo da computação gráfica.
- ✅ 3D rotacionando continuamente
- ✅ Botões para mudar direção (horário / anti-horário)
- ✅ Botão de pausa/play
- ✅ Distância da câmera ajustável
Acesse a versão interativa clicando no GIF acima ou no link abaixo: