Skip to content

Latest commit

 

History

History
86 lines (57 loc) · 4.44 KB

File metadata and controls

86 lines (57 loc) · 4.44 KB

Dragon Fly 🐉✈️

Membros da Equipe

  • Arissa Yumi Chikami
  • Brenda Uemura
  • Gabriel Santos de Sousa
  • Gabriel Vilela de Couto Rocha
  • Gustavo Henrique Nascimento de Chiato
  • Livia Beatriz Alves Canuto Ferreira de Paula
  • Murilo Gomes de Oliveira

Introdução

Este jogo foi desenvolvido por alunos da UNIFESP, campus São José dos Campos, em 2025, como parte do projeto final da disciplina de Computação Gráfica, ministrada pela Drª Ana Luisa Dine Martins Lemos. O jogo Dragon Fly é uma reinterpretação do famoso Flappy Bird, mas com um toque único em 3D. O jogador irá explorar o mundo dos dragões e ajudar Zé Fumaça a resgatar os artefatos mágicos para salvar seu vilarejo.


História

No coração de um vale oculto, onde dragões vivem em harmonia, um jovem dragão chamado Zé Fumaça enfrenta um grande desafio: sua energia vital está enfraquecendo, e ele sente suas asas cada vez mais pesadas. O ancião da tribo lhe explica que isso acontece porque os dragões daquela região não conseguem metabolizar certos tipos de energia mágica concentrada nos doces espalhados pelo mundo.

Mas há uma esperança! Segundo uma antiga lenda, cinco objetos ancestrais misteriosos, criadas pelo misterioso Deus Humano, têm o poder de restaurar o equilíbrio da energia dos dragões. Determinado a salvar não apenas a si mesmo, mas toda a sua tribo, Zé Fumaça parte em uma jornada épica para recuperar estes artefatos.

Ao longo da fase, ele precisará desviar de perigosos obstáculos açucarados e provar sua coragem para alcançar seu maior desejo: devolver a força e a liberdade ao seu povo.


Objetivo do Jogo

O objetivo deste jogo é guiar Zé Fumaça em uma jornada épica, inspirada por uma antiga lenda. Zé Fumaça parte em busca dos cinco objetos ancestrais misteriosos, capazes de realizar um desejo que pode curar não apenas suas asas debilitadas, mas também trazer esperança para toda a sua comunidade.

O jogador deverá ajudar Zé Fumaça a atravessar um ambiente desafiador, repleto de obstáculos açucarados que representam o perigo constante do excesso de glicose. O desafio envolve desviar habilmente desses perigos enquanto coleta estes artefatos mágicas espalhadas pelo caminho.

Além de oferecer uma experiência divertida e desafiadora, o jogo transmite uma mensagem leve e criativa sobre a importância do equilíbrio e da superação de desafios pessoais. O sucesso do jogador será medido pela habilidade de manter Zé Fumaça em voo constante, desviando dos obstáculos e completando sua missão para que o desejo da cura possa se tornar realidade.


Objetivo do Projeto

O objetivo deste projeto foi aplicar os conceitos teóricos e práticos de computação gráfica estudados na disciplina, desenvolvendo um jogo interativo utilizando WebGL. O foco principal foi explorar a criação e manipulação de gráficos 2D/3D diretamente no navegador.

Por meio do desenvolvimento do jogo, buscamos demonstrar o uso de técnicas essenciais de computação gráfica, como transformações geométricas (translação, rotação, escala), renderização de objetos, projeções em perspectiva, animações em tempo real, além do controle de iluminação e texturização para enriquecer a experiência visual.

O projeto também visa reforçar o entendimento sobre o pipeline gráfico do WebGL, desde o processamento de vértices e fragmentos até a otimização do desempenho para garantir uma renderização eficiente. Além disso, o desenvolvimento do jogo proporciona a oportunidade de integrar algoritmos de detecção de colisões, manipulação de eventos de entrada do usuário e técnicas de interação gráfica, promovendo uma experiência de aprendizado prática e completa.


Onde pode ser executado?

  • Navegador web.

Mecânica

  • A, D: Movimentação
  • R: Alternar câmeras
  • 1: Ligar/Desligar luz ambiente
  • 2: Ligar/Desligar luz direcional

Tecnologias

  • WebGL
  • Three.js
  • Blender

Instalação de Dependências

  1. Baixe o repositório.

  2. Instale o Parcel com o seguinte comando:

    npm install parcel -g
    
  3. Confira se já instalou todas as dependências. Abra o VSCode -> open command line -> type:

    npm install
    

4.Rode o Parcel digitando o comando:

npx parcel ./src/index.html
  1. Ctrl + Botão Direito do Mouse em cima do endereço gerado: http://localhost:1234

  2. Se Divirta! :D