Ferramentas Web, Web 2.

0 e Software Livre em EVT

Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Vivaty Studio
Manual e Guia de explorao do Vivaty Studio para utilizao em contexto de Educao Visual e Tecnolgica currculo

Artur Coelho

Este recurso foi produzido no mbito da formao contnua de professores e faz parte integrante da investigao do trabalho de doutoramento em Multimdia em Educao, pela Universidade de Aveiro do professor Jos Alberto Rodrigues, com o mesmo nome desta oficina de formao. A identificao do autor deste documento a constante desta pgina e constitu recurso educativo em EVT.

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Caracterizao e Ficha Tcnica do Vivaty Studio

Nome Tipo de ferramenta Autores e/ou Criadores Verso Tipo de verso URLs Lngua(s) Tipo de funes Recursos necessrios Vivaty Studio

Modelador 3D/VRML/X3D Media Machines, Vivaty inc. 1 Freeware proprietrio http://www.vivaty.com/ http://www.vivaty.com/downloads/studio Ingls Criao de modelos tridimensionais e espaos virtuais em vrml/x3d WindowsXP/Vista/7

Breve descrio

O Vivaty Studio uma ferramenta de criao de contedo web3d com elementos de modelao tridimensional (primitivos, operaes booleanas, modelao por extruso/varrimento/revoluo, modelao por escultura com limitaes).

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Manual e Guia de Utilizao e Explorao do Vivaty Studio

O Vivaty Studio uma aplicao que utiliza o interface de programas de modelao 3D aplicado edio de VRML/X3D. Desenvolvido pela Vivaty como componente de authoring complementar ao Vivaty Player, soluo da empresa para criao de salas de chat 3D multiutilizador. Correntemente na verso 1.0 Beta, baseado no software Flux Studio desenvolvido por Tony Parisi e publicado pela Media Machines. A aplicao destina-se a criar cenas em VRML/X3D possibilitando modelao tridimensional, importao de modelos, aplicao de iluminao, fundo, pontos de vista, nveis de detalhe, gesto de navegao, animao, sensores interactivos, modelos H-ANIM, extenso das linguagens VRML e X3D com scripts e declaraes proto. Gera ficheiros VRML e X3D, com possibilidade de exportao dos objectos criados em vrios formatos 3D.

1. A interface similar ao de outras aplicaes de trabalho em 3D, com quatro pontos de vista, duas barras de ferramentas e janelas de gesto de ns e propriedades. Os pontos de vista originais (frente, topo, alado esquerdo e vista isomtrica) podem ser alterados atravs de uma opo especfica na barra de ferramentas ou orbitando a cena em qualquer janela de ponto de vista, as quais dispem de linhas de grelha para auxiliar o posicionamento de objectos. As duas barras de ferramentas lateral e de friso no topo do acesso s principais opes do programa.

Figura 1. Interface da aplicao.

2. A barra de friso, situada debaixo dos menus, apresenta elementos comuns de gravao, desfazer, ferramentas de clonagem/duplicao, zoom, rbita e pontos de vista, opes de manipulao de objectos e pr-visualizao utilizando o Vivaty Player. A barra lateral contm ferramentas de criao de formas primitivas (cubo, cilindro, cone, esfera), modelao de superfcies (extruso, revoluo, nurbs), texto, agrupamento de ns, nvel de detalhe, iluminao, ponto de vista em cena, som, fundo, nvoa, inline (insere ligao para outro espao virtual) e ns avanados (estendem a linguagem

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

atravs de declaraes proto e scripts). Correspondem aos principais elementos da linguagem VRML/X3D. O gestor de ns permite organizar de forma hierrquica os ns, grupos e objectos que compem a cena. As opes de ns e objectos so controladas na janela de propriedades. 3. A modelao de objectos tridimensionais efectuada de vrias formas. Podem ser inseridas formas primitivas, modelveis atravs de operaes booelanas e converso para faces indexadas, possibilitando transformaes por manipulao de vrtices e arestas. Podem ser criadas formas por revoluo, extruso, varrimento ou escultura com possibilidade de converso para face indexada e aplicao de operaes booleanas de unio, interseco e extraco. As formas podem ser transformadas por rotao e escala uniforme ou no uniforme e reposicionadas no espao tridimensional. Aos objectos criados podem ser aplicadas cores com definio de brilho, tonalidade e transparncia, texturas de imagem e vdeo e texturas mltiplas.

Figura 2. Importao de modelo em formato OBJ.

4. A incorporao de objectos criados noutras aplicaes em cenas criadas no Vivaty efectuada atravs da importao de modelos em formato VRML/X3D e modelos criados em Google Sketchup exportados no formato KMZ. A aplicao contm o mdulo Flux Studio Accutrans 3D Translation Utility, capaz de importar uma grande gama de formatos de modelao 3D, entre os quais se incluem o DXF, OBJ e 3DS. Objectos no reconhecidos pela ferramenta de importao podem ser editados com a sua aplicao nativa e exportados no formato VRML, sendo este transversal maior parte das aplicaes de modelao e animao 3D. Objectos criados no Vivaty Studio podem ser exportados nos formatos VRML, X3D e formatos reconhecidos pelo utilitrio Accutrans, possibilitando aplicao e edio noutras aplicaes.

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Figura 3. Imagem compsita de animao em linha de tempo atravs de fotogramas-chave.

5. Incorporando sensores de tempo VRML/X3D, o Vivaty Studio possibilita animao de modelos em duas formas: rotaes, translao linear e escala nas coordenadas cartesianas; percursos complexos recorrendo a manipulao de objectos em linha de tempo. A interactividade em realidade virtual possibilitada pela aplicao de sensores de arraste, proximidade, toque e visibilidade. Outros elementos de cena VRML/X3D so os ns de iluminao (em ponto de luz omindireccional, direccional, spot, com manipulao das variveis e cores), n fundo (aplicando gradaes de cor e conjuntos de imagens formando uma skybox com iluso de esfericidade), insero de sons em formato WAV ou MP3, definio de pontos de vista em cena e propriedades de navegao. Outra possibilidade do programa a criao de avatares e modelos humanides animados segundo a norma H-ANIM.

Figura 4. Composio de cena com iluminao.

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

6. As cenas e espaos virtuais criados podem ser exportados como ficheiros VRML ou X3D, ou publicados directamente para os repositrios da Vivaty. Esta anlise no esgota as potencialidades e capacidades desta aplicao muito completa.

Contedos abordveis em EVT:

Comunicao (Desenho de letras a partir de vrias estruturas, Seleco de letras, A imagem, Tipos de letras, Forma, espao e estrutura da letra, Ampliao da letra, Letras criadas/imaginadas) Espao (Espao bi e tridimensional, Composio, Relatividade da posio consoante o observado: acima/abaixo, perto/longe, maior/menor, dentro/fora, Enquadramento da composio, Noo de perspectiva) Forma (Elementos da forma: luz/cor, linha, superfcie, volume, textura, estrutura, Propores Texturas naturais e artificiais (revises), A textura como elemento formador de superfcie, A textura como elemento estrutural plstico da forma) Cor/Luz (Luz/cor, cor/sombreado, Teoria da cor/reflexo e refraco da luz, Composio, Tonalidades da cor, Saturao da cor) Trabalho (Organizao do trabalho, Higiene e segurana no trabalho, Planificar as condies necessrias para o trabalho) Estrutura (Naturais e artificiais (revises), Internas e externas(revises), Relao formaestrutura, Estruturas bidimensionais, Estruturas tridimensionais Geometria (Relao de figuras e formas geomtricas no nosso dia a dia, ngulos: identificao, construo e medio, Circunferncias concntricas, Circunferncias excntricas, Circunferncias secantes, Traado de figuras inscritas, Composio utilizando as vrias figuras geomtricas dadas, Arco de circunferncia, Formas geomtricas) Medida (Instrumentos de medio aplicao, Efectuar medies: comprimento, superfcies, volumes, ngulos, dimetros, massas, tempo, temperatura) Movimento (Movimento/imobilidade, Movimento: Aco, Direco, Sentido, Ritmo, Variao, Movimento implcito (revises), Movimento explcito (revises), Tipos de movimento (variao no espao trajectria):Rectilneos, Curvilneos, Peridicos/uniformes/acelarados (variao no tempo/ritmo)) Actividades: modelao de objectos 3D; integrao de modelos 3D criados em diferentes aplicaes; construo de espaos virtuais interactivos tridimensionais.

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Regra da Mo Direita

Dificuldades em perceber o que so os eixos XYZ? So eixos cartesianos (a partir de Descartes, o matemtico que primeiro descreveu este tipo de sistema de coordenadas) e permitem localizar um ponto com exactido no espao tridimensional. Para compreender melhor a orientao destes eixos, podemos utilizar a regra da mo direita: coloca os dedos da tua mo direita tal como na imagem. O polegar representa o eixo X, o indicador o eixo Y, e o dedo mdio o eixo Z. Tambm ajuda pensares no eixo Y como cima/baixo, eixo X como nortesul, e eixo Z como este/oeste.

(Imagem adaptada de Brutzman, D., Daly, N. (2007). X3D: Extensible 3D Graphics for Web Authors. So Francisco: Elsevier.)

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

Fontes: http://en.wikipedia.org/wiki/Flux_(software) http://wiki.mediamachines.com/index.php/Flux_Studio http://developer.vivaty.com/getstarted.php

Tutoriais: Interface do Vivaty: http://www.scribd.com/doc/24487479/Vivaty-Studio-01-Interface Criar e modificar objectos 3D: http://www.scribd.com/doc/24496891/Vivaty-Criar-e-ModificarObjectos Modelao Booleana Booleana: http://www.scribd.com/doc/24513892/Tutorial-Vivaty-3-Modelacao-

Importar modelos 3D: http://www.scribd.com/doc/24588914/Vivaty-Studio-Importar-Modelos-3D Animao de Objectos (I): http://www.scribd.com/doc/24617053/Vivaty-Studio-Animar-ObjectosI Iluminao de ambientes: Ambiente-Virtual Efeitos ambientais: Gradacao-Skybox http://www.scribd.com/doc/24619460/Vivaty-Studio-Iluminar-um-

http://www.scribd.com/doc/25014644/Vivaty-Studio-Criar-Fundos-No-

Aplicao de texturas: http://www.scribd.com/doc/25419178/Vivaty-Studio-Aplicar-Texturas-emObjectos-3D Animao de Objectos (II): http://www.scribd.com/doc/25504936/Vivaty-Studio-Animacao-emPercursos Navegao: http://www.scribd.com/doc/25584845/Vivaty-Studio-No-Navegacao