Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual...

27
Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica - IME – Instituto de Matemática e Estatística USP – Universidade de São Paulo

Transcript of Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual...

Page 1: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Teclado VirtualMAC0420/MAC5744

Introdução Computação Gráfica

-

IME – Instituto de Matemática e EstatísticaUSP – Universidade de São Paulo

Page 2: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

GrupoCristina Fang

Daniel M. G. CluaPaulo Cheque

Vivian D. Betoni

Page 3: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Introdução

• Interação Homem-Computador

• Usabilidade;

• Usuário é o mais importante;

• Teclados convencionais;

• Adaptação do usuário X Adaptação da ferramenta.

Page 4: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

• Inclusão digital de pessoas com deficiências motoras;

• Criação de um editor de textos com entrada de dados vetorial;

Objetivos

Page 5: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Modelo

• Faixa de teclas que formam uma circunferência, rotacionando na horizontal;

• Comandos para:

• selecionar/apagar um caracter;

• Inserir espaços;

• salvar/carregar um texto.

Page 6: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Linguagem e Ferramenta

• Linguagem: Java (Plataforma Eclispse);

• JMonkey Engine (recursos gráficos OpenGL): Usa a LWGJL (Lightweight Java GAme Library).

Page 7: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos

• Espaços e Sistemas de Coordenadas;

• Criação de objetos gráficos;

• Transformações Geométricas;

• Posição da câmera;

• Aplicação de cores e textura;

• Iluminação e normais.

Page 8: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: Espaços e Sistema de Coordenadas

• Dois sistemas de coordenadas:

• Tridimensional: Faixa de teclas;

• Bidimensional: cursor, comandos, texto

• JMonkey: classe Vector3f > vetor 3D. Exemplo: Vector3f vetor = new Vector3f(3,2,0);

Page 9: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: criação de objetos gráficos

• Objetos: suporte (formato geométrico) + função de atributos (ex: cor, textura);

• Malha poligonal: decomposição de objetos complexos em formas mais simples, neste projeto foram utilizados triângulos;

• JMonkey: classe Trimesh (malha triangular) -vértices, normais, cores e textura;

Page 10: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: criação de objetos gráficos

Page 11: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: transformações geométricas

• Translação: utilizada para posicionar os objetos apropriadamente.

• Rotação: usuário seleciona a letra rotacionando um cilindro

• JMonkey: Classe Quaternion

Page 12: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: posição da câmera

• A câmera utilizada é a padrão criada pelo JMonkey, posicionada na origem do espaço;

• A câmera é mantida estática, pois são os objetos que se movem na cena.

Page 13: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: Aplicação de cores e texturas

• Cores: Sistema RGB;

• Teclas de cor branca ou aleatória (quando selecionada)

• Cada caracter possui uma imagem correspondente.

• A textura é aplicada na face frontal do objeto.

• JMonkey: Classes Texture State e Texture

Page 14: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: Aplicação de cores e texturas

Page 15: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

• Fonte de luz pontual;

• Cor difusa: branca;

• Cor ambiente: preta;

• Teclas centrais mais iluminadas, laterais sombreadas;

• JMonkey: Classe PointLight.

Conceitos: Iluminação

Page 16: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Conceitos: Iluminação

• As normais são passadas manualmente;

• Colorização (shading): Flat Shading ou Smooth Shading (modelo de Gouraud);

• Utilizou-se Smooth Shading.

Page 17: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

O aplicativo

Configurando o aplicativo

Page 18: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Funcionamento

• A faixa central de letras é utilizada para buscar a letra que queremos selecionar.

• A faixa superior aparece quando o mouse fica acima da faixa central, dando opções para selecionarmos caracteres especiais

• Zonas de velocidades (duas velocidades possíveis)

Page 19: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Exemplo: Selecionando a letra p maiúscula

Page 20: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

P substitui o pno disco seletor

Letra selecionada muda de cor

Page 21: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

É possível escrever textos com símbolos, letras (maiúsculas, minúsculas, acentuadas), números.

Page 22: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Pesquisas atuais

• Dasher

• Interface utilizando zoom

• Utiliza probabilidades para determinar o tamanho da letra e um modelo baseado na liguagem

Page 23: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Pesquisas atuais

• GOK, teclado convencional é mostrado na tela do computador

Page 24: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Evoluções possíveis

• Criação de outros tipos de interfaces;

• Integração com outros tipos de dispositivos, como por exemplo um rastreador de olhar;

• Acréscimo de funcionalidades próprias dos editores de texto convencionais.

Page 25: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

• Principais objetivos propostos foram atingidos;

• Diferentes conceitos vistos em sala de aula puderam ser utilizados;

• A interface é de fácil utilização e não requer conhecimento/aprendizado prévio;

• Velocidade é baixa comparada ao uso de um teclado convencional, mas é aceitável por se basear apenas em movimentos vetoriais.

• Portabilidade (testes em Windows, Linux e Macintosh)

Conclusões

Page 26: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Referências

• http://lwjgl.org;

• http://www.jmonkeyengine.com;

• Velho, Luiz; Gomes, Jonas. Sistemas Gráficos 3D. 1ª edição. Rio de Janeiro: IMPA. 2001;

• Gomes, Jonas;Velho, Luiz.Fundamentos da Computação Gráfica. 1ª edição. Rio de Janeiro: IMPA. 2003.

• http://wwwinference.phy.cam.ac.uk/dasher/

• http://www.gok.ca

Page 27: Teclado Virtual - IME-USPcheque/apresentacaocg.pdf · 2008. 7. 2. · Teclado Virtual MAC0420/MAC5744 Introdução Computação Gráfica-IME – Instituto de Matemática e Estatística

Fim!