SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
Jitter – Input Rato e Teclado

               Vídeo Arte Interactiva




26-02-2010           Jorge C. S. Cardoso   1
2


                 Conteúdo
• Consumir input de rato e teclado “cru”

• Input de rato sobre a janela de vídeo

• [mousestate], [key], [modifiers], [pwindow]




26-02-2010          Jorge C. S. Cardoso
3


                         Rato
• [mousestate] indica:
    – Se o botão esquerdo foi pressionado
    – a posição actual do rato (x e y)
    – a deslocação desde a última posição (dx, dy)
• Precisa de um [metro] a enviar bangs

• Exemplo 1-Rato.maxpat


26-02-2010              Jorge C. S. Cardoso
4


                    Rato
• Exemplo 2-RatoVideo.maxpat

• Exemplo 3-RatoVideo1.maxpat




26-02-2010         Jorge C. S. Cardoso
5


                    Teclado
• O objecto [key] envia os códigos númericos
  referentes às teclas pressionadas
• O objecto [modifiers] pode ser usado para
  testar algumas teclas especiais (Ctrl, Alt, Shift,
  Caps lock)

• Exemplo 4-VideoType.maxpat
• Exemplo 5-VideoModifiers.maxpat
26-02-2010            Jorge C. S. Cardoso
Input Direccionado à Janela de                  6




                  Vídeo
• É possível também usar a janela [pwindow]
  para ler o estado do rato quando este está
  sobre a janela:
    – O objecto [pwindow] envia mensagens ‘mouse’ e
      ‘idlemouse’ com o estado do rato
    – ‘idlemouse’ apenas é enviada se activarmos o
      envio desta mensagem (envia o estado do rato
      mesmo que nenhum botão esteja pressionado)
• Exemplo 6-RatoPWindow.maxpat
26-02-2010            Jorge C. S. Cardoso
7


                 Mais Info
• Keyboard and Mouse Input:
  http://cycling74.com/docs/max5/tutorials/max-
  tut/basicchapter08.html




26-02-2010          Jorge C. S. Cardoso
8


                         Exercício #1
• Crie um patcher que mostre apenas uma tira vertical de um
  vídeo. A tira deve percorrer lateralmente o vídeo de origem
  consoante o movimento do rato na horizontal. O utilizador
  deve poder mover o rato em todo o ecrã.


        Tira vertical




        Vídeo original                            Janela de visualização


26-02-2010                  Jorge C. S. Cardoso
9


                        Exercício #2
• Crie um patcher que controle qual o vídeo a
  ser exibido na janela dependendo da posição
  do rato no ecrã:
    –        Rato no quadrante sup. esq.: vídeo 1
    –        Rato no quadrante sup. dir.: vídeo 2
    –        Rato no quadrante inf esq.: vídeo 3
    –        Rato no quadrante inf. dir.: vídeo 4



26-02-2010                   Jorge C. S. Cardoso

Contenu connexe

Plus de Jorge Cardoso

Introdução à Programacao em Processing
Introdução à Programacao em Processing Introdução à Programacao em Processing
Introdução à Programacao em Processing
Jorge Cardoso
 
Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)
Jorge Cardoso
 
Introdução à programação para Android
Introdução à programação para AndroidIntrodução à programação para Android
Introdução à programação para Android
Jorge Cardoso
 

Plus de Jorge Cardoso (20)

Criação de Ambientes de Realidade Virtual usando A-Frame - CubeCraft Toys -...
Criação de Ambientes  de Realidade Virtual  usando A-Frame - CubeCraft Toys -...Criação de Ambientes  de Realidade Virtual  usando A-Frame - CubeCraft Toys -...
Criação de Ambientes de Realidade Virtual usando A-Frame - CubeCraft Toys -...
 
Criação de Ambientes de Realidade Virtual usando A-Frame
Criação de Ambientes  de Realidade Virtual  usando A-FrameCriação de Ambientes  de Realidade Virtual  usando A-Frame
Criação de Ambientes de Realidade Virtual usando A-Frame
 
Journal of Science and Technology of the Arts
Journal of Science and Technology of the ArtsJournal of Science and Technology of the Arts
Journal of Science and Technology of the Arts
 
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic AugmentationEvaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
 
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
 
Digital tools for exploring roman mosaic
Digital tools for exploring roman mosaicDigital tools for exploring roman mosaic
Digital tools for exploring roman mosaic
 
Interaction techniques for locomotion in virtual reality
Interaction techniques for locomotion in virtual realityInteraction techniques for locomotion in virtual reality
Interaction techniques for locomotion in virtual reality
 
Evaluation of a programming toolkit for interactive public display applications
Evaluation of a programming toolkit for interactive public display applicationsEvaluation of a programming toolkit for interactive public display applications
Evaluation of a programming toolkit for interactive public display applications
 
PuReWidgets presentation at EICS 2012
PuReWidgets presentation at EICS 2012PuReWidgets presentation at EICS 2012
PuReWidgets presentation at EICS 2012
 
PuReWidgets toolkit
PuReWidgets toolkit PuReWidgets toolkit
PuReWidgets toolkit
 
Assessing Feedback for Indirect Shared Interaction
Assessing Feedback for Indirect Shared InteractionAssessing Feedback for Indirect Shared Interaction
Assessing Feedback for Indirect Shared Interaction
 
Oop java
Oop javaOop java
Oop java
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao
 
Computer vision techniques for interactive art
Computer vision techniques for interactive artComputer vision techniques for interactive art
Computer vision techniques for interactive art
 
Introdução à Programacao em Processing
Introdução à Programacao em Processing Introdução à Programacao em Processing
Introdução à Programacao em Processing
 
Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)
 
Introdução à programação para Android
Introdução à programação para AndroidIntrodução à programação para Android
Introdução à programação para Android
 
OOP Java
OOP JavaOOP Java
OOP Java
 
OOP ObjC
OOP ObjCOOP ObjC
OOP ObjC
 
Conceitos Fundamentais de Programacao
Conceitos Fundamentais de ProgramacaoConceitos Fundamentais de Programacao
Conceitos Fundamentais de Programacao
 

Dernier

Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
rosenilrucks
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
WagnerCamposCEA
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
FabianeMartins35
 

Dernier (20)

Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
 
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 

Jitter Input através de Rato e Teclado

  • 1. Jitter – Input Rato e Teclado Vídeo Arte Interactiva 26-02-2010 Jorge C. S. Cardoso 1
  • 2. 2 Conteúdo • Consumir input de rato e teclado “cru” • Input de rato sobre a janela de vídeo • [mousestate], [key], [modifiers], [pwindow] 26-02-2010 Jorge C. S. Cardoso
  • 3. 3 Rato • [mousestate] indica: – Se o botão esquerdo foi pressionado – a posição actual do rato (x e y) – a deslocação desde a última posição (dx, dy) • Precisa de um [metro] a enviar bangs • Exemplo 1-Rato.maxpat 26-02-2010 Jorge C. S. Cardoso
  • 4. 4 Rato • Exemplo 2-RatoVideo.maxpat • Exemplo 3-RatoVideo1.maxpat 26-02-2010 Jorge C. S. Cardoso
  • 5. 5 Teclado • O objecto [key] envia os códigos númericos referentes às teclas pressionadas • O objecto [modifiers] pode ser usado para testar algumas teclas especiais (Ctrl, Alt, Shift, Caps lock) • Exemplo 4-VideoType.maxpat • Exemplo 5-VideoModifiers.maxpat 26-02-2010 Jorge C. S. Cardoso
  • 6. Input Direccionado à Janela de 6 Vídeo • É possível também usar a janela [pwindow] para ler o estado do rato quando este está sobre a janela: – O objecto [pwindow] envia mensagens ‘mouse’ e ‘idlemouse’ com o estado do rato – ‘idlemouse’ apenas é enviada se activarmos o envio desta mensagem (envia o estado do rato mesmo que nenhum botão esteja pressionado) • Exemplo 6-RatoPWindow.maxpat 26-02-2010 Jorge C. S. Cardoso
  • 7. 7 Mais Info • Keyboard and Mouse Input: http://cycling74.com/docs/max5/tutorials/max- tut/basicchapter08.html 26-02-2010 Jorge C. S. Cardoso
  • 8. 8 Exercício #1 • Crie um patcher que mostre apenas uma tira vertical de um vídeo. A tira deve percorrer lateralmente o vídeo de origem consoante o movimento do rato na horizontal. O utilizador deve poder mover o rato em todo o ecrã. Tira vertical Vídeo original Janela de visualização 26-02-2010 Jorge C. S. Cardoso
  • 9. 9 Exercício #2 • Crie um patcher que controle qual o vídeo a ser exibido na janela dependendo da posição do rato no ecrã: – Rato no quadrante sup. esq.: vídeo 1 – Rato no quadrante sup. dir.: vídeo 2 – Rato no quadrante inf esq.: vídeo 3 – Rato no quadrante inf. dir.: vídeo 4 26-02-2010 Jorge C. S. Cardoso