SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
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

Más contenido relacionado

Más 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
 

Más 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
 

Último

República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
LidianeLill2
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
rfmbrandao
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 

Último (20)

Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
Novena de Pentecostes com textos de São João Eudes
Novena de Pentecostes com textos de São João EudesNovena de Pentecostes com textos de São João Eudes
Novena de Pentecostes com textos de São João Eudes
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Missa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdfMissa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdf
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
Questões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LPQuestões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LP
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 

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