Skip to content

Esse projeto se trata de uma aplicação web que permite aos usuários gerar mapas em relevo 3D de qualquer localização e personalizar a forma como desejam visualizá-los.

License

Notifications You must be signed in to change notification settings

JoaoPedroSilvaLopes/Terrain-Map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✏️ TerrainMap

📁 Sobre o projeto

Esse projeto se trata de uma aplicação web que permite aos usuários gerar mapas em relevo 3D de qualquer localização e personalizar a forma como desejam visualizá-los. Eles podem escolher diferentes tipos de visualização, ajustar nível detalhes e tipos de iluminação do terreno.

Foi utilizado o ambiente NX Workspace para a criação do projeto de forma que se pudesse dividir a aplicação em módulos para melhorar o desenvolvimento aliado com o Typescript.

Os módulos existentes servem para organizar o projeto como um todo e são divididos em:

  • assets: Módulo referente à imagens;
  • components: Módulo que comporta todos os componentes feitos no projeto utilizando o Boostrap;
  • core: Módulo que possui arquivos e utilitarios essenciais para o funcionamento da aplicação;
  • domain-types: Módulo referente a todos os tipos criados com o auxilio do Typescript;
  • meshes-components: Módulo que comporta todos os modelos 3D base através da utilização do ThreeJS;
  • styles: Módulo que comporta todas as estilizações de temas (claro e escuro) através do styled-components;

🧊 Tipos de modelo

Existem dois modos de modelo que o usuário pode escolher.

Cúbico Hexagonal
image1 image2

🖼️ Nível de detalhe

Existem três níveis de detalhe que o usuário pode escolher.

Nível de detalhe Baixo Nível de detalhe Médio Nível de detalhe alto
image1 image2 image3

🖼️ Tipos de visualização

Existem três modos de visualização que o usuário pode escolher.

Geográfico Mapas de alturas Wireframe
image1 image2 image3

💡 Iluminação

Existem três modos de iluminação que o usuário pode escolher.

Sem iluminação Com iluminação Com iluminação + Sombras
image1 image2 image3

🖥️ Tecnologias

As tecnologias utilizadas no projetos foram

🖼️ Design das telas

Licença

Projetos feitos por João Pedro

About

Esse projeto se trata de uma aplicação web que permite aos usuários gerar mapas em relevo 3D de qualquer localização e personalizar a forma como desejam visualizá-los.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published