/Computacao-Grafica-AP-02-Projeto

O Programa de Pós-Graduação em Engenharia Elétrica e Computação (PPGEEC) é o primeiro curso de pós-graduação em engenharia no interior do estado do Ceará, iniciando suas atividades em 2013 (completa 10 anos em 2023). Este projeto envolve a definição de uma animação 3D com base em um sistema de partículas que realize a formação de sua sigla: PPGEEC.

Primary LanguageJavaScriptMIT LicenseMIT

Computação Gráfica - AP 02 - Projeto de Partículas Interativas 3D

Este projeto utiliza 🎳 Three.js para criar uma cena 3D 🏛️ interativa com partículas que formam letras. O usuário pode manipular propriedades das partículas, como cor e quantidade, 🔢 além de controlar a visualização da cena com a câmera.

Professor: Dr. Iális Cavalcante de Paula Jr.

Integrantes

  • Gabriel Vasconcelos Santos 👨‍💻 - 497688
  • Márcio Bruno Loiola Gomes 👨‍💻- 473740
  • Marcos Vinicius Andrade de Sousa 👨‍💻 - 496788
  • Raniery Alves Vasconcelos 👨‍💻 - 473532
  • Vinicius Luis Silveira Barbosa 👨‍💻 - 539250
  • Yann Lucca Miranda Martins Barros 👨‍💻- 497746

Contexto

O Programa de Pós-Graduação em Engenharia Elétrica e Computação (PPGEEC) é o primeiro curso de pós-graduação em engenharia no interior do estado do Ceará, iniciando suas atividades em 2013 (completa 10 anos em 2023). Este projeto envolve a definição de uma animação 3D 🎞️ com base em um sistema de partículas que realize a formação de sua sigla: PPGEEC.

Este projeto foi desenvolvido para a disciplina de Computação Gráfica do curso de Engenharia de Computação da Universidade Federal do Ceará (UFC), Campus Sobral. O objetivo é aplicar os conhecimentos adquiridos em sala de aula sobre Three.js para criar uma cena 3D interativa.

Recursos

  • Partículas formando letras (P, G, E, C). 🔠
  • Sliders para controle de cor e quantidade de partículas. 📊
  • Movimento de câmera com teclado ou mouse. 🖱️
  • Iluminação para realçar as partículas e texturas. 💡

Como Rodar o Projeto

  1. Clone o repositório: git clone https://github.com/RanieryAV/Computacao-Grafica-AP-02-Projeto.
  2. Na branch 'main' insira o comando git pull origin main para atualizar o repositório local.
  3. Em um terminal na IDE ou separado digite o comando npm install para instalar as dependências.
  4. Digite o comando npx vite para iniciar o servidor.
  5. Acesse o endereço indicado no terminal para ir ao navegador. 🌐
  6. Aproveite a experiência! 🤩
  7. Para encerrar o servidor, pressione Ctrl + C no terminal.

Controles

  • Use as setas ou as teclas W, A, S, D para mover a câmera. 🕹️
  • Utilize os sliders na interface para alterar as propriedades das partículas. ⚙️

Vídeo do Projeto

Vídeo do Projeto

Tecnologias Utilizadas

  • Three.js
  • Vite
  • JavaScript
  • HTML
  • CSS

Contribuições

Contribuições são bem-vindas. Para contribuir, por favor, crie um fork do repositório, faça suas alterações e envie um pull request.

Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.