From LABMM1_IDE

Latest revision as of 21:17, 14 January 2011

Introdução

Este relatório surge no decorrer da realização do projecto final do módulo 3: animação e autoria multimédia, pertencente à disciplina de Laboratório Multimédia I, do primeiro ano do curso de Novas Tecnologias da Comunicação, da Universidade de Aveiro e pretende ser um relato fiel de todo o processo existente durante o desenvolvimento da aplicação multimédia off-line que lhe corresponde.

O relatório que se apresenta está dividido em três partes fundamentais:

•Inicialmente apresentaremos a nossa aplicação, explicando quais os seus objectivos, o assunto de que trata e os meios necessários para conclusão da mesma.

•Seguidamente, iremos partir para a descrição de todos os processos de criação da aplicação, tanto das animações e das estruturas interactivas como da forma de incorporação de sons e vídeos passando pela descrição de problemas que nos surgiram ao longo do desenvolvimento do projecto e das resoluções encontradas para os solucionar.

•Por fim, faremos uma reflexão crítica de todo o nosso projecto, juntamente com as nossas respectivas conclusões e sugestões de melhorias que, ou por falta de tempo ou de capacidades técnicas, não conseguimos concretizar.

Apresentação do projecto

O presente projecto baseia-se na realização de uma aplicação multimédia interactiva desenvolvida para ambiente off-line, utilizando as ferramentas Adobe Flash CS3 leccionada em laboratório Multimédia I, Adobe Illustrator CS3 e Adobe Photoshop CS3 e CS5, instruídas em Imagem Digital Estática.

A nossa aplicação tem como objectivo transmitir, ao público em geral, um conhecimento mais profundo acerca do chocolate, isto é, mostrar o chocolate nas suas diversas camadas, desde à sua descoberta até aos dias de hoje. Mostramos também os vários tipos de chocolate, dando ênfase aos mais conhecidos e apreciados pelo público. Apontamos os efeitos negativos e positivos que advêm deste produto entre outras curiosidades para que qualquer amante do chocolate entenda o seu significado e impacto na história e no nosso quotidiano.

Para viabilizar a nossa aplicação sobre o chocolate, optámos por utilizar um ambiente mais requintado como ecrã principal, onde é apresentado ao utilizador uma mesa com uma caixa de chocolates, uma chávena de chocolate quente, uma colher e cubos de açúcar os quais são todos botões para que o utilizador possa interagir com os diversos objectos.

Além disto, e para motivar mais os nossos utilizadores, temos alguns extras como vídeos e uma receita culinária de um milkshake especial de chocolate.

Na nossa aplicação utilizámos os três paradigmas de interacção: ambiente, tutorial e índex.

Na nossa aplicação, o controlo é feito maioritariamente pelo utilizador, sendo que a mesma é interactiva em todas as situações.

É constituída por uma arborescência composta pois consiste numa organização em que coexistem todas as estruturas existentes, linear, hierárquica linear e não linear.

Por exemplo, a arborescência linear está presente logo no início da aplicação onde só há um caminho possível e só é executável aceder ao menu inicial se clicarmos na caixa. Assim, o utilizador navega sequencialmente de um ecrã para o outro seguinte ou para o anterior, sendo guiado através de um único percurso pré-definido.

A hierárquica linear manifesta-se quando o utilizador está no menu principal, ao aceder a qualquer um dos submenus (história, curiosidades, tipos), é necessário voltar ao menu principal para poder navegar em outro submenu diferente. O utilizador não navega entre itens do mesmo nível da estrutura.

Por fim, a arborescência hierárquica não linear revela-se dentro dos submenus, onde o utilizador pode navegar entre os níveis da estrutura e entre itens do mesmo nível da estrutura, sem restrições, isto é, o utilizador estando no submenu “História” pode escolher ver os conteúdos dos diversos botões sequencialmente, ao clicar nas setas de navegação, ou então pode aceder a um ou outro botão de interesse, sem ter de passar por outros.

A aplicação é desenvolvida em CD-ROM podendo esta ser distribuída posteriormente.

Análise e planeamento

Para a realização da nossa aplicação, fizemos uma pesquisa para encontrar websites e aplicações semelhantes à que pretendíamos realizar.

Como o tema escolhido foi o Chocolate, procurámos exemplos referentes a comida/bebida.

Com esta pesquisa, encontrámos os seguintes exemplos:

ViPorto

A grande influência para a realização da nossa aplicação é o trabalho realizado pelos colegas do 2º ano (“ViPorto”), que tivemos a oportunidade de visualizar na palestra de Apresentação do Curso, em Setembro.

A paleta de cores da aplicação é extremamente sóbria: Roxo e Beije escuro. As cores transmitem a seriedade da aplicação, e também torna-a mais minimalista.

Esta aplicação consiste em três menus principais: Mapa das Caves de Vinho do Porto, História do Vinho do Porto e Características.

Cada menu tem um símbolo que o define no menu principal: Barril, Garrafa e Cacho de Uvas.

Temos sempre presente uma barra inferior, onde aparece o link para os créditos, barra de som, botão fullscreen e botão sair da aplicação. Quando entramos noutros menus, aparecem links para os outros menus.

No Menu Mapa, podemos ver um Mapa das Caves de Vinho do Porto. As caves estão localizadas no mapa através de pontos vermelhos, que mostram o contacto da respectiva Cave quando o rato passa por cima do ponto.

No Menu História, podemos ver um vídeo sobre a História do Vinho do Porto.

No Menu Características, podemos ver as características das castas utilizadas para a produção do Vinho do Porto.

Toblerone

Outra grande influência no nosso trabalho é o site da Toblerone.

Este site inicia-se com um menu principal onde aparece uma imagem de um Toblerone, e quatro menus na barra superior: Mais que História, Mais que Chocolates, Mais que Receitas e Fale Connosco.

Na barra inferior existe o Slogan da Toblerone ("Eu quero mais que um chocolate, eu quero um Toblerone"). Existe também um link para dar aos utilizadores a possibilidade de escrever e enviar um slogan. Carregando no Slogan, a barra sobe, e podemos ler alguns exemplos submetidos por outros utilizadores.

No Menu Mais que História, aparece uma série de "slides" sobre a História do Chocolate, de 1867 a 2008. Podemos navegar por entre estes slides de forma linear (através de setas colocadas nos lados direito e esquerdo do screen), mas também de forma não linear (através de uma barra desenhada ao estilo tablete Toblerone, que contém as datas em cada alto).

No Menu Mais que Chocolate, pode-se ter conhecimento dos tipos de chocolate disponíveis para venda pela Toblerone no Brasil. Estes são: Toblerone de Leite, Dark, White, e Toblerone Tobélle (bombons). Através de uma barra inferior onde aparecem as imagens promocionais de cada tipo de chocolate, podemos navegar pelos "slides" referentes a cada tipo. Existe também um botão para responder sobre qual tipo de Toblerone o utilizador gostaria de encontrar à venda.

No Menu Mais que Receitas, encontramos as receitas de Milkshake, Brownie, Fondue e Perir Gâteau feitos com Toblerone. Ao clicar na fotografia de cada doce, abre uma página com a foto aumentada e a receita do doce em questão, e podemos navegar pelas receitas através de setas. Podemos também classificar as receitas (entre 1 a 5 corações).

Carregando no link "Fale Connosco", o site procede à abertura de uma página de FAQs (Frequently Asked Questions), onde podemos preencher um formulário e entrar em contacto com a empresa.

Desenho funcional

Requisitos funcionais

•Logo no início da aplicação, existe um botão (tampa da caixa) que dá inicio à interacção do utilizador;

•No menu inicial existem três botões, em forma de bombons (formato vectorial), aos quais foram adicionados um over de glow. Estes aparecem mais tarde, noutros menus, como opção “voltar ao menu inicial”;

•Ainda no menu inicial, existem mais três botões: uma colher, cubos de açúcar e uma receita. A colher dá acesso à sinopse da Aplicação, os cubos de açúcar aos Créditos, e a receita onde aprendemos a fazer um Milkshake de Chocolate;

•Realizámos também quatro botões que estão sempre presentes no stage, na barra inferior. Estes são: o controle de som; um botão “sobre”, de ajuda; e um botão de saída da aplicação (que possui duas opções quando seleccionado: “sim” ou “não”);

•Seis botões para o menu “Tipos de Chocolate”, em forma de diferentes chocolates (formato vectorial), todos com over;

•Oito botões para o menu “História”, em imagem bitmap, que caracterizam os séculos desenvolvidos no texto;

•Cinco botões no menu “Curiosidades”, dos quais quatro são em formato de imagem bitmap e o último em formato vectorial;

•Setas presentes em todos os menus da aplicação;

•Botões de vídeo: “Play”, “Pause” e “Stop”;

Outros requisitos:

•Barra de som: O utilizador não só pode escolher se quer ouvir ou não o som de fundo, como pode também regular o volume do mesmo. Ao mesmo tempo que regula o volume do som, o botão altera-se em quatro fases (sem som, som mínimo, som médio e som máximo);

•Barras de scroll: Em informações extensas, como as que estão presentes no menu “História” e “Curiosidades”, existe uma barra de scroll para auxiliar a leitura.

Estrutura arborescente

Desenho de interacção e usabilidade

O nosso estilo de navegação/interacção é a manipulação e navegação. Este é o estilo mais utilizado actualmente, e explora a capacidade de navegação em espaços e de manipulação que os utilizadores têm no mundo real. Esta navegação e interacção faz-se com base em janelas, ícones e menus, como seleccionar.

No botão sair, existe uma caixa de diálogo: de natureza informativa para que o utilizador não saia da aplicação sem intenção.

Desenho técnico

Animação Inicial

Neste ecrã, a interacção com o utilizador resume-se a um botão apenas: a caixa de chocolates fechada que serve para avançar a aplicação para o ecrã principal.

Neste ecrã temos a primeira animação da aplicação, onde com um clique na tampa da caixa de chocolates, ocorre um aproximar ao stage onde vão aparecendo os vários elementos que o compõem e ao mesmo tempo, a tampa vai desaparecendo através de um alpha. Ecrã Principal

Aqui, para além do utilizador ter acesso aos três submenus principais da aplicação, através dos chocolates que se encontram dentro da caixa o utilizador poderá interagir com o cenário ao clicar nos diversos objectos tais como a colher, os cubos de açúcar e a receita de culinária os quais correspondem, respectivamente, a sinopse da aplicação, aos créditos e a receita de um milkshake especial de chocolate.

Menu Principal

As animações presentes no ecrã principal têm como objectivo obrigar o utilizador a passar o rato para descobrir aquilo que é ou não uma interacção. Através de brilhos, movimentos suaves ou sombras tentámos criar um ambiente imersivo para disponibilizar os ecrãs restantes. Destaca-se principalmente as etiquetas, que referenciam o nome de cada submenu, no pires da chávena que vão aparecendo consoante o movimento do rato pelos três chocolates.

Ecrã História do Chocolate

Este ecrã tem uma interacção semelhante. Inicialmente o utilizador tem à sua disposição dois caminhos possíveis a seguir. Poderá ter acesso à informação ao navegar pelas setas que mostram o conteúdo cronologicamente ou, então, escolher qual a informação que deseja ver ao seleccionar qualquer botão que se encontra na galeria de thumbnails. Todos estes botões estão devidamente assinalados e intitulados para facilitar a navegação. Uma vez no conteúdo escolhido, o utilizador pode a qualquer momento regressar ao menu ecrã principal, recorrendo aos botões de navegação que se encontram no canto superior direito, os quais explicaremos mais à frente.

Ecrã Tipos de Chocolate e Curiosidades

Estes ecrãs são bastante similares ao anterior. Entretanto, a diferença que existe é que o utilizador não dispõe de setas de navegação para ver os conteúdos. Existem botões que estão na galeria de thumbnails, tal como nos ecrãs do submenu História do Chocolate, os quais o utilizador tem de clicar para aceder ao conteúdo que corresponde a cada botão. Tal como nos ecrãs anteriores, o utilizador pode regressar ao menu principal a qualquer momento.

Num dos ecrãs do menu das Curiosidades implementámos três vídeos para que o utilizador possa visionar e desfrutar de algumas das maiores criações cinematográficas sobre o tema apresentado. Com objectivo de criar um ambiente “cinematográfico” decidimos realizar um pequeno movie de um projector de vídeo.

Produção do projecto

Estrutura e meios de navegação/interacção

Em todos os ecrãs, com a excepção do Ecrã Inicial, estão presentes na parte inferior da aplicação os botões de som (on/off), onde é possível ajustar o volume pretendido, o botão “Sobre” onde aparece uma breve explicação do que se trata no respectivo ecrã, botão “Fullscreen” e o botão “Sair”.

Estes botões têm como objectivo facilitar a navegação do utilizador. São botões simples, com pequenas legendas incorporadas na frame “over” de forma a auxiliar a interpretação dos mesmos.

Integração e controlo de som, vídeo e texto

Na nossa aplicação o som pode ser controlado pelo utilizador através de uma barra para ajustar o volume desejado.

Começámos por realizar dois movie clips, onde um se destina à barra de volume e outro ao scroller. Este último é o botão necessário para ajustar o volume. Desta maneira, realizámos o código necessário para que assegurássemos um bom funcionamento de ambos os butões sem entrarem em conflito.

A primeira tarefa foi realizar uma variável da nossa música de fundo para que esta começasse a tocar quando entrávamos no menu inicial da aplicação, tal como aprendemos nas aulas de Laboratório Multimédia.

var valse:Sound=new Sound()

valse.attachSound("valse");

valse.start();

valse.onSoundComplete = function(){

valse.start();

O código para realizar a barra de volume e o respectivo scroller começou com uma função inicial ao entrarmos na frame que queríamos que o som iniciasse:

onEnterFrame = function()

Em seguida, completámos essa função com os parâmetros que desejávamos. Escrevemos um código para que quando clicássemos no scroller ele deslizasse pelas medidas da barra de volume, daí os números apresentados no código. É feita também uma comparação da nossa variável com a nossa barra de som, para que as dimensões ficassem correctas:

bolasom.onPress = function(){

this.startDrag(false, 76,547,157,547);

x_num = barrasom_x;

Por fim foi necessário efectuar uma uma conta matemática de forma a que o nosso scroller adoptasse a posição na barra consoante o grau de volume.

onMouseMove = function(){

x_num = (bolasom._x-76)/81;

Por fim, escrevemos um código que nos indica que quando tentamos clicar o nosso scroller fora da área definida essa acção não se realiza.

bolasom.onRelease = bolasom.onReleaseOutside = function(){

stopDrag();

delete (onMouseMove);

Simultaneamente, adicionámos uma série de gráficos ao scroll, para que consoante o grau de volume, fossem aparecendo (ou desaparecendo) os diferentes gráficos. Foi escrito o seguinte código:

if(x_num == 0)

{

som_off._visible=true;

som_min._visible=false;

som_med._visible=false; som_max._visible=false;

}

if(x_num>0 && x_num<0.33)

{

som_off._visible=false;

som_min._visible=true;

som_med._visible=false;

som_max._visible=false;

}

if(x_num>=0.33 && x_num<0.66)

{

som_off._visible=false;

som_min._visible=false;

som_med._visible=true;

som_max._visible=false;

}

if(x_num>=0.66 && x_num<=1)

{

som_off._visible=false;

som_min._visible=false;

som_med._visible=false;

som_max._visible=true;

}

Importámos dois vídeos que achamos pertinentes para o nosso projecto e estão inseridos no menu Curiosidades. São trailers de filmes que têm como tema principal o chocolate. Visto estes serem um extra, oferecemos ao utilizador a barra de controlo a qual permite efectuar os parâmetros de Play, Stop e ajuste do volume.

No que toca aos vídeos implementados na nossa aplicação, utilizámos os códigos aprendidos durante as aulas de Laboratório:

on (press) {

meu_video1.play();

}

on (release) {

meu_video1.pause();

}

on (release) {

meu_video1.stop();

}

Um dos nossos problemas iniciais na nossa aplicação foi a quantidade elevada de texto a ser implementada. Assim, decidimos, de forma a melhorar a usabilidade do trabalho, implementar uma barra de scroll de texto.

Começámos por criar dois elementos vectoriais, um scroll e uma barra. Transformámos ambos em movieclips para possibilitar a sua costomização e implementação de código. Ao mesmo tempo transformámos o texto em “Dynamic Text”, com a propriedade “Multiline” e só depois o convertemos em movieclip. O script inscrito foi:

var scrollUpper:Number = 223;

var scrollLower:Number = 380;

var textLower:Number = 390;

var textUpper:Number = 270;

var scrollRange:Number = scrollLower - scrollUpper;

var textRange:Number = textLower - textUpper;

function scroll() {

var moved:Number = scroller_historia._y - scrollUpper;

var pctMoved:Number = moved/scrollRange;

var textMove:Number = pctMoved*textRange;

textohistoria1._y = textLower - textMove;

}

scroller_historia.onPress = function() {

this.startDrag(false,this._x,scrollUpper,this._x,scrollLower);

this.onMouseMove = scroll;

}

scroller_historia.onRelease = scroller_historia.onReleaseOutside = function() {

this.stopDrag();

this.onMouseMove = null;

}

No código acima transcrito, tivemos a necessidade de recolher as coordenadas ‘y’ quer do texto quer do scroll nas suas posições extremas. Em seguida, tivemos que ordenar para que o nosso scroll apenas percorresse as medidas que o ordenámos e que ele adoptasse as posições do texto.

Por fim, realizámos uma mask layer ao texto para que na apresentação da aplicação ele apresente uma área invisível onde o texto possa interagir. O código transcrito foi o seguinte:

textohistoria1.setMask(mascara_mc2);

Animação

Embora os ecrãs sejam similares, em excepção do inicial com os submenus, as animações apresentadas são distintas mas mantêm a coerência entre ecrãs para que não haja confusão por parte do utilizador.

O ecrã inicial serve de introdução ao menu principal e, por isso, é dotado de uma animação que tem o objectivo de cativar o utilizador de qualquer faixa etária.

As animações foram implementadas por recurso a movie clips, uma vez que desta forma é mais fácil controlar a posição destas por terem muitos conteúdos diferentes integrados.

A animação inicial foi realizada essencialmente com recurso à utilização de motion tweens. Esta transição é feita através de um zoom out, em que no primeiro plano estamos focados na caixa de chocolates (que contém os três principais menus). Com a animação, fazemos o zoom e assim podemos ter acesso a outras componentes do ambiente inicial e todos os componentes com os quais podemos interagir.

Quando temos acesso ao ecrã completo, as barras superior e inferior aparecem, e com elas vêm os botões para o controle do som, botão do fullscreen, ajuda e saída da aplicação.

Soluções técnicas adoptadas para a resolução de problemas

No decorrer da realização da aplicação multimédia interactiva foram vários os problemas com que nos deparámos, tendo sido na sua maioria superados de forma positiva.

Numa primeira instância deparámo-nos com alguns problemas no que toca à implementação do som na aplicação. O scroller começou por não assumir a posição consoante o grau de volume. Assim, tivemos que efectuar as mudanças na posição do nosso elemento do scroller no stage para que ele fosse capaz de o fazer.

Em segundo lugar, o volume do som começou a interferir com o volume do vídeo. Para resolver este problema criámos um movieclip imaginário que envolvesse a variável do som de modo a que este não interagisse com o volume do vídeo. Depois de efectuada esta mudança deixámos de ter problemas quanto a ambos os elementos. Nas referências Web vamos disponibilizar um fórum de discussão sobre este problema, ao qual se mostrou ser bastante corrente quanto à programação de ActionScript 2.0.

Por fim, ainda quanto à parte do som obtivemos problemas quanto ao código necessário para fazer com que o botão de Play do vídeo parasse o som ambiente e começasse o vídeo. No entanto, não conseguimos realizar essa tarefa, onde tentámos várias opções de código, mas todas elas não obtiveram os resultados que gostaríamos.

No final da realização desta aplicação resultaram também alguns conflitos em relação aos botões que nos possibilitam navegar pela informação no menu História. Com isto, tentámos solucionar o problema através da implementação de uma variável Boolean. Porém tivemos que utilizar um código mais simples, tendo como base eventos como “gotoAndPlay”, “Stop” e “Play”, resolvendo o problema.

Conclusões

Reflexão crítica

A elaboração deste projecto foi o culminar da conjugação de diferentes pontos de vista associados aos conhecimentos adquiridos em Laboratório Multimédia I e Imagem Digital Estática.

Inicialmente sentimo-nos um pouco limitados, uma vez que ansiávamos criar diferentes tipos de interacção para tornar a aplicação mais agradável para o utilizador. Contudo, com o conhecimento que possuímos, consideramos que desenvolvemos uma aplicação coerente e interessante, de acordo com o público-alvo seleccionado e que corresponde aos objectivos que haviam sido propostos pela disciplina.

De apontar igualmente que o grupo conseguiu trabalhar bem em conjunto, havendo claramente algumas divergências, porém, conseguimos sempre superar os conflitos e realizar um trabalho que agrada a todos os elementos.

Apesar de todo o tempo dispensado e alguma tensão que gerou, este projecto marcou-nos de forma positiva e motivou-nos para a criação e imaginação de diferentes projectos a realizar futuramente.

A usabilidade é um atributo qualitativo que se relaciona com a facilidade de utilização das interfaces, considerando utilizadores e contextos específicos de utilização. A nossa aplicação é fácil de aprender a utilizar, é eficiente e eficaz, pois o utilizador consegue efectuar rapidamente tarefas, é fácil de memorizar devido à coerência do layout e satisfatória, pois o utilizador fica agradado com o ambiente requintado e confortável da aplicação.

Elaborado o projecto, concluímos que cumprimos os objectivos a que nos haviam propostos no início do trabalho.

Tomámos em conta as indicações dos docentes e aplicámos as técnicas de actionscript 2.0 adquiridas nas aulas e, também, outras que aprendemos autonomamente.

A nível de animação recorremos aos conhecimentos que possuíamos uma vez que um dos objectivos propostos era o emprego dos mesmos de forma a criar uma aplicação interactiva animada interessante e coerente.

Este projecto revelou-se de extrema importância para a consolidação dos conhecimentos adquiridos e para a fomentação do gosto pelos códigos de linguagem de script.  

Agradecimentos

A concretização deste projecto, contou com a prestável ajuda dos docentes da unidade curricular de Laboratório Multimédia I e Imagem Digital Estática, do curso de Novas Tecnologias da Comunicação, Ana Carla Amaro, Hélder Caixinha, Pedro Amado, Ivo Daniel e Catarina Lélis.

O contributo de todos os referidos revelou-se imprescindível para a concretização do projecto.

Referências Web e Bibliográficas

História do Chocolate. Disponível em: http://www.chocolatechocolate.pt/cgibin/eloja21.exe?myid=chocolate&cli=sn&id=12&tpl=textos&titles=10, no dia 26 de Novembro de 2010

Toblerone. Disponível em: http://www.toblerone.com.br, no dia 26 de Novembro de 2010

Valrhona. Disponível em: http://www.valrhona.com/worldwide#/accueil, no dia 26 de Novembro de 2010

Kuler. Disponível em: http://kuler.adobe.com/, no dia 8 de Dezembro de 2010

Chocolat. Disponível em: http://www.youtube.com/watch?v=dLAuf4-a0I4, no dia 11 de Janeiro de 2011

Charlie and the Chocolate Factory trailer, disponível em: http://www.youtube.com/watch?v=jyB4s9eox2o, no dia 11 de Janeiro de 2011

Como água para chocolate, disponível em: http://www.youtube.com/watch?v=BxsFpbyfiZg, no dia 11 de Janeiro de 2011

La Valse d’Amélie (Orchestre). Disponível em: http://www.youtube.com/watch?v=RD3WwM6l1J0&feature=related , no dia 11 de Janeiro de 2011

Fóruns de Ajuda

http://www.actionscript.org/forums/archive/index.php3/t-103117.html

Imagens

http://2.bp.blogspot.com/_8KocJ7Z1SLk/SxwULgRdV_I/AAAAAAAAEM4/rDdIEibH2M4/s400/chocolate.jpg

http://www.dark-chocolate-antioxidant.com/wp-content/uploads/2010/05/dark-chocolate-doctor-bag.jpg

http://www.dubaichronicle.com/wp-content/uploads/2010/03/Easter-sweets-at-Kambaa-The-Lobby-Lounge-at-The-Address-Dubai-Marina.jpg

http://4.bp.blogspot.com/_IiGYb-XOUfc/TKnC5RB312I/AAAAAAAAMFc/Pa99zfeZz3s/s1600/chocolate_spoon.jpg

http://www.mysticunicorn.com/graphics/P-13.jpg

http://4.bp.blogspot.com/_j6g2_iUagbA/R_ENOn8e25I/AAAAAAAAAHw/XRgOfb5X2oQ/S760/Pintura+Maia+em+Chichen+Itza+-+M%C3%A9xico.jpg

http://www.animalsdivine.com/gallery_images/swords_full/KingSwords_Quetzalcoatl.jpg

http://staff.harrisonburg.k12.va.us/~cwalton/World%20Two/cortez.jpg

http://www.topart168.com/pic/Reproduction_Painting/Spain/Madrazo%20y%20Garreta,%20Raimundo%20de%201841%20%201920/Hot%20Chocolate%20.jpg

http://u1.ipernity.com/9/14/97/3291497.695fd758.560.jpg