1 Universidade do Vale do Paraíba Colégio Técnico Antônio Teixeira Fernandes Disciplina Introdução a Computação Gráfica (ICG) Material III-Bimestre Transformação Geométrica em 3D. Temporizadores e Rotas. Definições para reaproveitamento de código Reaproveitamento de Cenas. Reproduzindo Filmes em Cenas. Reproduzindo sons em Cenas. Inserindo texto em uma Cena. Sensor de Toque. Sensor de Proximidade. Site : Prof. Responsável Wagner Santos C. de Jesus

2 Transformações Geométricas em 3D Chamamos de transformação o ato de levar um objeto de um ponto para outro, num sistema de referências. As transformações mais usadas são : Translação Rotação Escala.

3 Criando uma Transformação Transform Transform {} – Cria a transformação children [] – Estrutura filha para a transformação.

4 Exemplo : Transform { children [ Shape { geometry Sphere { } } ] }

5 #VRML V2.0 utf8... Transform { translation children [ Shape {.... geometry Sphere { } } ] } Transform { scale rotation children [ Shape { geometry Box { } } ] } Transform { translation rotation children [ Shape {..... geometry Cone { } } ] }

6 Escala Determina o tamanho do objeto. Sintaxe : (-x a x), (-y a y), (-z a z) scale x y z x y z

7 Exemplo de Escala Transform { scale children[ Shape { appearance Appearance { material Material { diffuseColor } geometry Box { } } ]} x=.3, y=.3, z=.3

8 Translação Determina a movimentação do objeto. Sintaxe : (-x a x), (-y a y), (-z a z) translation x y z x y z

9 Exemplo de Translação Transform { translation children[ Shape { appearance Appearance { material Material { diffuseColor } geometry Box { } } ]} x=3,y=0,z=0

10 Rotação Determina a rotação para um objeto. Sintaxe : ( 0 – 1) – valores para x y z rotation x y z ângulo x z y

11 Exemplo de Rotação Transform { rotation children[ Shape { appearance Appearance { material Material { diffuseColor } geometry Box { } } ]} x z y

12 center e scaleOrientation center – Define o centro da escala de transformação. scaleOrientation – Define o eixo de rotação para escala de operação.

13 Reaproveitamento de cenas Inline {} – permite trazer parte de uma cena dentro do ambiente criado em uma outra cena. Sintaxe: Inline { url [ Caminho ] }

14 Diagrama de reaproveitamento de cenas Cena Principal Sub-Cena Chamada por Inline{}

15 Exemplo : Inline { url [ " Cubo.wrl " ] } Transform { rotation translation children[ Inline { url [ "cubopos.wrl" ] } ] } ou

16 Definições de figuras DEF : Determina um nome para a figura que irá compor a cena. Exemplo : DEF FIGURA Transform { translation children[ Shape { appearance Appearance { material Material { diffuseColor } geometry Cylinder { } } ]}

17 Reproduzindo filmes em cenas MovieTexture { } – atribui a um objeto um filme que será dado como textura em movimento. Sintaxe : texture MovieTexture { url ["mpg ou avi"] loop booleano stopTime -n }

18 PropriedadeValor urlCaminho do arquivo de imagens loopDetermina se o fim vai estar parado ou em movimento (true/false). stopTimeUm valor negativo que determina o tempo de execução da animação do filme.

19 Exemplo MoviTexture Shape { appearance Appearance { texture MovieTexture { url ["C:\clock.avi"] loop TRUE stopTime -1 } } geometry Box { } }

20 Criando sons em uma cena sound maxBack maxFront minBack minFront location direction -20 db 0 db Elipsóide Mínimo Elipsóide Máximo direção Atenuação

21 AudioCLip : aponta para o arquivo de sons que será reproduzido. Sound AudioCLip Arquivo de Sons (wav,mp3..)

22 Propriedades da instrução sound. Frontal Máximo(MaxFont): determina o alcance do som. Frontal mínimo(MinFront): determina a alcance mais interno para o som. Maximo do fundo(MaxBack): determina valores relativos, próximos da faixa de localização de emissão do som. Mínimo do fundo (MinBack): determina valores relativos internos a faixa de localização de emissão do som. Localização (location): Determina o local, em relação aos eixos x, y e z, de propagação do som. Direção (direction): Determina em que direção o som irá se propagar em relação aos eixos.

23 Sintaxe: AudioCLip source AudioClip { loop boolean url [ caminho url ] }

24 Exemplo : sound Sound { maxFront 50 minBack 50 source AudioClip { loop TRUE url ["Beethoven.mp3"] }

25 Textos em cenas Shape geometry Text String[] FontStyle

26 Inserindo texto na cena geometry Text geometry Text { } – permite escrever um texto que será exibido na cena em formato 3D. Propriedade string [], Exemplo : geometry Text { string [texto a ser exibido] }

27 Exemplo Prático: Shape { geometry Text { string[Informática] } }

28 Configurando Fonte : FontStyle PLAIN (letra padrão), BOLD (negrito), ITALIC (itálico), BOLD ITALIC (ambos). size - O campo tamanho: irá definir o tamanho das letras. Poderão ser indicados valores entre (Zero e UM), ou um número de zero a infinito. Se um número negativo for colocado o texto será invertido. spacing - servirá para definir o espaçamento entre duas linhas de texto. Também pode-se definir um número negativo, fazendo com que o texto que estiver abaixo mude para posição oposta. horizontal - o campo horizontal: irá definir se o texto será escrito da esquerda para a direita. Se a propriedade for mudada para FALSE o texto irá ser escrito na vertical. topToBottom - o campo de cima para baixo: irá definir com que o texto seja escrito na seqüência natural. Caso a propriedade seja mudada para FALSE, o texto que deveria estar embaixo será enviado para cima, ou seja, haverá uma inversão da ordem na qual ele foi escrito. justify - o campo justificar: servirá para definir o alinhamento entre as linhas do texto. As opções são: BEGIN - alinha o texto da esquerda para direita (alinhamento padrão); FIRST - faz o alinhamento pela primeira palavra do texto; MIDDLE - centraliza o texto com base na palavra que tiver o maior número de caracteres; END - ajusta o texto usando como referencia o último caractere da primeira palavra. leftToRighto o campo da esquerda para direita: irá permitir com que o texto seja escrito na forma convencional, ou de maneira invertida, quando a propriedade estiver modificada para FALSE. family o campo família: irá determinar o tipo de letra que deverá ser usada no texto, sendo o permitidas somente a indicação de um dos três tipos: SERIF, SANS e TYPEWRITER.

29 Sintaxe : FontStyle fontStyle FontStyle { }

30 Exemplo : fontStyle FontStyle { family "SERIF" style "PLAIN" size 0.31 spacing 0.23 justify "BEGIN" horizontal TRUE leftToRight TRUE topToBottom TRUE }

31 Temporizador Para se determinar o tempo de execução para um movimento de um elemento contido em uma cena se faz necessário o recurso do temporizador. (TimeSensor)

32 Sintaxe : DEF TIMER TimeSensor {} – cria um temporizador com recurso de liga e desliga e o intervalo de tempo para executar animações.

33 Propriedade do TimeSensor PropriedadeValor cycleIntervalValor correspondente a tempo em segundos 0, loopRepetir ou não a freqüência da animação (true/false).

34 Exemplo : TimeSensor DEF TIMER TimeSensor { cycleInterval 1 loop FALSE }

35 Rotas Rotas são caminhos traçados para que um objeto da cena percorra um deslocamento em x,y ou z. realizando movimentos de rotação ou translação.

36 Movimento de figuras Transformação Figura (Shape) Quadro (Orientação/Posição) Eixo de Movimentação Temporizador ]

37 Tipos de rotas OrientationInterpolator – define caminho de rotação para os eixos x,y e z. PositionInterpolator – define rota de translação para os eixos x,y e z.

38 Propriedades key e keyValue Key[] – determina a divisão dos quadros para serem animados. (0 – 1) keyValue[] – determina os valores de deslocamento nos eixos x,y e z. (- a )

39 Timer Sensor Interpolador fraction_changed = cycleInterval tick key keyValues 01 V1 V2 V Vn

40 Key – Valores de quadros Key[ n] keyValue – Valores dos eixos keyValue [0 0 0, , , , , ]

41 Exemplo (rotação): OrientationInterpolator DEF ROTOR OrientationInterpolator { Key[ ] keyValue [ , , , , , , ] }

42 Exemplo (Translação): PositionInterpolator DEF ROTOR PositionInterpolator { Key[ ] keyValue [0 0 0, , , , , ]}

43 Executando Rotas TimeSensor OrientationInterpolator Rotação PositionInterpolator Translação ROUTE Interpolador

44 ROUTE (Executando Rotas) Determinar que tipo de figuras será executada mediante as rotas que foram criadas e qual temporizador será usado para realizar a translação ou rotação.

45 Associando ROUTE ao TimeSensor Propriedades fraction_changed – Evento que é executado na troca de valores do temporizador. value_changed – Substitui os valores no ROUTER para realizar o deslocamento. set_fraction – Captura valores correspondentes aos quadros que deverão ser movimentados. rotation – Captura elementos de rotação dos eixos. translation – Captura os elemento para translação dos eixos

46 Sintaxe : ROUTE TO ROUTE.propriedade TO.propriedade

47 Exemplo prático (Rotação) ROUTE TIMER.fraction_changed TO ROTOR.set_fraction ROUTE ROTOR.value_changed TO FIGURA.rotation Exemplo prático (Translação) ROUTE TIMER.fraction_changed TO ROTOR.set_fraction ROUTE ROTOR.value_changed TO FIGURA.translation

48 Sensor de Toque : TouchSensor{} Determina a sensibilidade em um determinado objeto ao passar ou clicar com mouse. TouchSensor TimeSensor Interpolador Objeto

49 Exemplo Associação do sensor com o objeto DEF FIGURA Transform { children[ DEF TOQUE TouchSensor{} Shape { appearance Appearance { material Material { diffuseColor } geometry Cone { side TRUE bottom TRUE } ]}

50 Observação sobre TimeSensor DEF TIMER TimeSensor { cycleInterval 10 loop FALSE } É necessário que a propriedade loop seja FALSE, para que o sensor de toque funcione.

51 Propriedade ROUTE para TouchSensor{} touchTime – Verifica se houve uma mudança no temporizador. isOver – Coloca em loop por intermédio de um simples movimento do mouse.

52 Exemplo prático ROUTE TOQUE.touchTime TO TIMER.startTime ROUTE TOQUE.isOver TO TIMER.loop ROUTE TIMER.fraction_changed TO ROTOR.set_fraction ROUTE ROTOR.value_changed TO FIGURA.translation

53 Sensor de Aproximação : ProximitySensor {} Determina a sensibilidade em um determinado objeto havendo aproximação no mesmo. ProximitySensor TimeSensor Interpolador Objeto

54 Exemplo : ProximitySensor DEF ABREFECHA ProximitySensor { center size }

55 Exemplo ROUTER ROUTE ABREFECHA.enterTime TO TIMER.startTime ROUTE ABREFECHA.exitTime TO TIMER.startTime