Este repositório contém um projeto de computação gráfica desenvolvido com a técnica de Ray Marching. O projeto foi desenvolvido em JavaScript utilizando a biblioteca OpenGL.
- Link de acesso: https://cg-ray-marching.vercel.app/
A aplicação oferece os seguintes recursos:
- Rotação no eixo X/Y/Z: A esfera pode ser renderizada em todos eixos, inclusive dando zoom no eixo Z.
- Detalhes: É possÃvel aumentar/diminuir os detalhes na esfera.
- Brilho: É possÃvel aumentar/diminuir o brilho na esfera.
- Cor da iluminação: É possÃvel mudar a cor RGBA da iluminação.
- Animações: É possÃvel mudar entre diversas animações.
- ✨ Magia ✨
A aplicação é desenvolvida utilizando as seguintes tecnologias:
- WebGL: É uma API JavaScript para renderização de gráficos em 3D no navegador, sendo amplamente utilizada para criar aplicações de visualização em 3D.
- THREE.js: É uma biblioteca JavaScript/API cross-browser utilizada para criar e exibir gráficos 3D animados em um navegador web compatÃvel com WebGL.
- Ray Marching: É uma técnica de renderização utilizada em computação gráfica que permite criar imagens tridimensionais a partir da interação de raios de luz com objetos virtuais. Essa técnica envolve a criação de uma grade tridimensional de pontos que são percorridos por um raio de luz, permitindo que se determine a distância entre o ponto atual e um objeto virtual.
- Clone o repositório para o seu ambiente local.
- Tenha o node instalado em sua máquina.
- Execute o comando
npm installpara instalar as dependências do projeto. - Execute o comando
npx vitepara iniciar o servidor local. - Divirta-se!
Esta aplicação foi desenvolvida por Juathan Coelho Duarte. Entre em contato pelo e-mail juathanduarte13@gmail.com para mais informações.
Agradecimentos especiais a Rafael Piccin Torchelsen por todo suporte.