Universidad Autónoma Metropolitana - 148.206.53.84148.206.53.84/tesiuami/UAMI11781.pdf · Las...

Universidad Autónoma Metropolitana

Departamento de Ingeniería Eléctrica

Laboratorio de Técnicas y AplicacionesPara la Multimedia Distribuida (TAMDI)

Reporte de proyecto terminal.

Software interactivo educacional para niños sobre el LoboMexicano.

Nombre:Moisés Ruíz Pérez

Asesor :Luis Martín Rojas Cárdenas

Diciembre 2004.

2

Índice de contenido

1. Introducción …………..………………..………..………………................................…. 4

2. La importancia del Lobo gris Mexicano ……….……..……………………..………...… 5

2.1 Los objetivos del programa interactivo ………..... ……………………………………….. 5

2.2 Herramientas de escenarios 2D Y 3D …………………………………..………………. 5

2.3 Recursos disponibles para la creación de programas multimedia ….....………………. 6

2.4 Elección del las herramientas de escenarios y programa multimedia ….......………… 7

3. Planteamiento de la estructura del programa ……………………... ………………. 8

3.1 Secciones de la estructuración del programa .. .

3.1.1 Sección introductoria ………...………………….…………………………………...…. 9

3.1.2 Sección comida …………………………………………………………………..………. 9

3.1.3 Sección anatomía ………………………………………………………………..………. 9

3.1.4 Sección videos …………………………………………………………………..….……. 10

4. Desarrollo ……………………………………………………………………….………… 10

4.1 Sección introductoria ……………………………………………………………………… 12

4.2 Sección comida ………………………………………………………………..…..………. 12

4.3 Sección anatomía ……………………………………………………………..…..………. 13

4.4 Sección videos …………………………………………………………………....….……. 14

5. Resultados/Pruebas ………………………………………………………..…….…………. 15

6. Conclusiones ……………………………………………………………..……….…………. 15

7. Anexo A ( Imágenes de los escenarios de cada sección) …………..……………………. 16

7.1 Sección introductoria …………………………………………….….……..…….…………. 16

7.2 Sección comida ………………………………………………….….……...………………. 20

7.3 Sección anatomía ………..………………………………………..……….………………. 26

7.4 Sección videos …… ………………………………………………..…….…………….…. 31

3

8. Anexo B ( Scripts de control de cada película que se integro en el programa) ………… 35

9. Anexo C ( Narraciones correspondientes a las escenas de cada sección) ………….. … 45

9.1 Sección introductoria …………………………………………….….……..……………… 45

9.2 Sección comida ………………………………………………….….……..………………. 45

9.3 Sección anatomía ………..………………………………………..…………………………. 47

9.4 Sección videos …… ………………………………………………..…………………….…. 48

10 Bibliografía ………………………………………………………………………………………. 49

4

1. INTRODUCCION

EL concepto de multimedia:

El significado de multimedia se mueve entre el prefijo "multi " y el concepto "medios", osea, "más de un medio", y por tanto generalmente se asocia a "la utilización de diferentesmedios para presentar información" [ Moral, et al., 1995, 20 ].

Pero las principales características de los sistemas multimedia pueden resumirse en:

1. La integración de diferentes tipos o formato de información: gráfica, sonora (verbal y musical),textual (alfanumérica) y visual (imagen fija y en movimiento).

2. La presentación y el tratamiento la información, que ya no es de forma lineal o secuencial, sinoen forma de red o malla, con múltiples ramificaciones y distintos niveles de profundidad(hipertexto e hipermedia).

3. La ampliación de las posibilidades de interacción y la aceleración de ésta, llegando casi a lainmediatez de las respuestas y facilidad de uso, ligado a la intuición.

Las principales ventajas de la tecnología multimedia :

Que posibilita la creatividad. Reduce el derroche de recursos técnicos, humanos yeconómicos (una PC con determinados programas, herramientas y periféricos equivale apequeño estudio de producción). Concentra la atención, la mantiene por más tiempo y dalugar a un elevado poder de retención, potenciando la capacidad de aprendizaje. Esalternativa, con ventaja, a la función de los libros en el aprendizaje y la información y todo estohace suponer que la multimedia incrementa el rendimiento del usuario final.

Existen diversos programas que nos permiten desarrollar apliaciones multimedia y porcitar el de nuestro interés flash, el cual es a la vez tremendamente divertido y seriamentecomplicado. La creación de sitios web, elementos interactivos y animados en flash sueleconsiderarse reservada a personas que estén dispuestas a dedicarse a un estudio delprograma a tiempo completo, pero esto no es necesario si uno se dispone a afrontar el reto ydedicar el tiempo y la inclinación necesarios para empezar a crear verdaderamente unprograma interactivo.

Macromedia Flash mx permite añadirle a un sitio web o un interactivo un nivel único deanimación e interactividad fluida. Hablar de animación en Flash es hablar de presentar enpantalla películas que se muestren rápidamente y fluyan sin interrupciones.

La interactividad implica que el programa reaccione ante el espectador involucrado. Lapresentación e, incluso, el contenido del programa cambia dependiendo de las acciones delespectador.

ActionScript es el lenguaje de creación de scripts de Macromedia Flash MX. El lenguajede creación de scripts permite comunicarse con un programa; puede utilizarlo para indicar aFlash qué debe hacer y para preguntar a Flash qué sucede mientras se reproduce unapelícula. Esta comunicación bidireccional permite crear películas interactivas.

5

2. El lobo mexicano y la importancia de conocerlo

En este contexto se pretende contribuir con la creación de un programa multimediainteractivo que permita a niños de 4 a 6 años de edad, conocer algunos aspectos de la vidade este mamífero en peligro de extinción, por lo cual se están poniendo en práctica distintosproyectos que pueden contribuir a la preservación de esta raza.

2.1 Los objetivos que este programa debe satisfacer son :

a) Conocer al lobo mexicano a través del programa interactivob) Lograr mantener la atención por lo menos 10 minutosc) Trasmitir el mensaje del peligro de extinción que corre esta razad) Crear una cultura de de protección y respeto a esta especie, a una temprana edad.

2.2 Herramientas para crear escenarios multimedia:

Herramientas par la creación de escenarios Tridimensionales o Bidimensionales existen unagran variedad de estas, por lo que citamos sólo algunas.

Flash de Macromedia:

Es programa que trabaja a través de vectores, originalmente esta diseñado paratrabajar con dos dimensiones, pero también se puede modelar escenarios tridimensionales,la ventaja de trabajar con vectores nos permite hacer más dinámico el trabajo de los gráficos yobtener mayor velocidad al representar estos.

Archirecto:

Es un programa de origen francés, el cual nos permite modelar escenariostridimensionales para después aplicar texturas al modelado.

3D Max:

Es un programa el cual nos permite modelar escenarios tridimensionales de altacalidad, este programa trabaja con vectores el permite tener un control absoluto de losgráficos modelados.

6

2.3 Existen varios recursos que nos permiten desarrollar aplicaciones multimedia

También es importante considerar que existen otras herramientas potentes que nospermiten desarrollar aplicaciones multimedia, muy robustas y ejemplares como las que semencionan continuación:

3D Studio Max:

Es una aplicación basada en el entorno Windows (9x/NT) que permite crear tantomodelados como animaciones en tres dimensiones (3D) a partir de una serie de vistas ovisores (planta y alzados). La utilización de 3D Studio Max permite al usuario la fácilvisualización y representación de los modelos, así como su exportación y salvado en otrosformatos distintos del que utiliza el propio programa. Además de esta aplicación, existenmuchas otras con los mismos fines, como pueden ser, por ejemplo, Maya, LightWave, etc.El campo de los gráficos y la animación en 3D es apasionante y a él se dedican personas conuna enorme creatividad. Se ha introducido en películas, publicidad, arte, visualizaciónarquitectónica, creación de prototipos, simulaciones dinámicas y diseño y creación de juegos.Cada día se descubren nuevos usos para la animación 3D y la disciplina crece imparable altiempo que aumenta la necesidad de artistas y modeladores 3D cualificados y competentes.

JDK 1.2 (Java):

Una de las cosas que más llama la atención de Java es la multimedia: el empleo dediferentes medios sonido, imágenes y video para hacer que las apliaciones cobren vida. Lamayor parte de los lenguajes de programación no cuenta con capacidades multimediaintegrada, pero Java, gracias a los paquetes de clases que forman parte integral del mundode la programación en Java, ofrece amplios recursos multimedia que nos permiten comenzara crear potentes aplicaciones multimedia de inmediato.

7

2.4 Elección de porque se prefirió Flash.

Flash no es el único programa que puede crear animación e interactividad. Pero Flash esúnico por su capacidad robusta y eficaz para integrarse con la web. Para ello, las principalesherramientas que usa Flash son dos:

1. Gráficos vectoriales para crear la animación2. Guiones de acción (scripts) para crear la interactividad

Estos gráficos vectoriales y películas con scripts funcionan gracias a que se los ve con elReproductor de Flash el cual se encarga de presentar, controlar las películas y ejecutar losscripts en tiempo de ejecución que la película integra..

La razón por la que se eligió flash fue debido a que este programa de uso mundial, nospermite elaborar animaciones rápidamente sin conocer mucho material al respecto delprograma, dado que el programa tenia que estar terminado lo más pronto posible para supresentación en diferentes congresos internacionales, teniendo como objetivo primordial, dara conocer las diferentes razas de lobos aun presentes en el continente americano.

Flash es un programa que está dando muchos frutos actualmente, algunos de estos sepueden ya valorar y evaluar como es en la World Wide web (telaraña mundial ) el cual a dadodinamismo y encausado una avalancha de nuevas alternativas integrando, una gran variedadde medios como son: video, sonido, animación etc.

8

3. Planteamiento de la estructura del programa

El programa interactivo estará integrado por cinco secciones, las cuales se presentan en eldiagrama a bloques y posteriormente se describe cada una de estas:

Figura 1

9

3.1.1 SECCION INTRODUCTORIA:

En está sección se hace la presentación del reparto de los personajes que participaránen el programa interactivo, los cuales son:

• Carlitos: su papel es un niño inteligente• Laurita: su papel es una niña alegre• Lupus: su papel es de un lobo carismático

3.1.2 SECCION COMIDA:

La sección comida, se pretende dar a conocer al espectador, la comida que un lobo ensu habitad natural encuentra y puede comer, también se intenta quitar mitos que circundanen nuestra sociedad a cerca de que los lobos comen humanos. La manera en que se vadesarrollando la trama es a través de que el espectador (niño ó niña), va guiando a Lupus(lobo) hacia la o comida que el espectador seleccione.

En cada selección que el espectador elige, dirigiendo al lobo (Lupus), se vapresentando la película correspondiente la cual su objetivo es hacer saber al espectador de lacomida que el lobo le gusta comer, no le gusta comer y puede comer.

Para está sección se integraron tres películas, cada una con distintos personajes.

3.1.3 SECCION ANATOMIA:

En está sección el objetivo es dar a conocer su anatomía fisiológica del lobo .Para ellose desarrollo de manera que es espectador fuese interactuando secuencial mente por lapelícula para así que pudiera ir analizando las cualidades y atributos principales quecaracterizan a los lobos, haciendo una descripción lo más breve posible de cada una de suspartes anatómicas del lobo.

La sección está integrada por tres películas, las cuales cada una de estas el espectadorpuede ir navegando secuencial mente.

10

3.1.4 SECCION VIDEOS:

Para está sección lo que se intento es dar a conocer a través de videos grabados, enlos principales encierros de lobos, en México, la vida que estos mamíferos tienen en estemedio lo cual se aterrizo esta idea dando un toque distinto a lo cotidiano de solo ver el videocon voz narrada y se prefirió que lo narrara un personaje del reparto.

Se integraron tres películas cada una con el video respectivo, y cada video fue narradopor un distinto personaje del reparto Carlitos, Laurita y Lupus.

4. DESARROLLO

Que se tuvo que hacer para crear los bloques que se definieron en el capitulo precedente.Mencionar los límites de flash (cuando crecen mucho los programas, bajo que condiciones sehace lento, etc.).

Flash mx nos permite organizar trabajos muy complejos y robustos prácticamente de dosmaneras:

1. La primera de ellas es a través de manejo de múltiples escenas que se integran en unasola película y uno o varios scripts de control, el cual nos permitirán ir presentandocada una de las escenas en el momento que se quiera presentarla y cargar la siguienteescena y a sí sucesivamente, logrando tener un control lógico de la película.

2. La segunda opción que flash nos permites es, manejar múltiples películas las cualesestán integradas por varias escenas y cada película es independiente una de otra porlo que al igual que la anterior es necesario el uso de un script el cual nos permita ircargando cada película en el reproductor de Flash y así tener un control lógico de lasdistintas películas que se quieran cargar o descargar.

Flash de macromedia permite manejar símbolos estos pueden ser de tres manerasdiferentes: película, botón y gráfico cada símbolo posee distintas características como acontinuación se describe:

• Película: el cual está integrado por ninguno, uno ó varios fotogramas los cuales puedenser una secuencia de estos, usado para crear animación fotograma a fotograma o através de interpolación de fotogramas.

• Botón: son símbolos de cuatro fotogramas que definen los cuatros estados de un botón( sobre, presionado, fuera del área de botón y arrastrar fuera), usado para ir navegandopor la película.

11

• Gráfico: el cual está integrado por un solo fotograma, usado para representaranimaciones estáticas.

Con la creación de símbolos se logra organizar las películas de manera ordenada yautomatizada. Al momento de generar un símbolo automáticamente se incorpora a labiblioteca de símbolos que se encuentra en flash; cualquier símbolo se puede manipular óagregar a la escena que se quiera integrar y de esta manera se logra mantener un controllógico de toda una película la cual este integrada por varios símbolos.

La manera en que flash crea la animación (movimiento) es a través de mostrarrápidamente en secuencia muchos fotogramas, como los que se proyectan en el cine, laspelículas flash crean la ilusión de movimiento al mostrar varios fotogramas en rápida sucesión(usualmente, unos doce fotogramas por segundo).

Puede controlar clips de película mediante las acciones y los métodos del objetoMovieClip. Para controlar un clip de película, debe referirse al clip utilizando una ruta dedestino, que indica su ubicación exclusiva en la lista de visualización. Puede utilizar losmétodos del objeto MovieClip para arrastrar un clip de película, agregar de forma dinámica unclip de película a un documento, convertir un clip de película en una máscara y dibujar líneasy rellenos en el escenario.

Al igual que las instancias de clip de película, cada instancia de botón es un objeto deActionScript con sus propios métodos y propiedades. Puede asignar un nombre de instancia aun botón y manipularlo con ActionScript. Cada clip de película y botón de un documento deFlash son objetos con propiedades y métodos que se pueden cambiar a través deActionScript para crear animaciones no lineales complejas e interacciones avanzadas.

Para desarrollar las secciones descritas anteriormente, primero se definió un guión elcual nos permitiera definir el objetivo de cada sección y también darle las característicaspropias a cada miembro del reparto en cada escena que se desarrolló.

Para ensamblar cada sección descrita en el punto anteriormente, se tuvo que platearun esquema de desarrollo el cual nos permitiera integrar cada sección la cual está integradapor diferentes películas cada una y por consiguiente se opto por tomar la segunda opción queflash nos permite utilizar. Describiremos la manera en que se desarrolló cada escena y en quepelícula se integró.

12

4.1 SECCION INTRODUCTORIA:

En está sección esta integrada por tres películas, las cuales son:

1. La primer película esta compuesta por una escena:

• La animación de la ubicación territorial, donde se encuentra el lobo grismexicano

2. La segunda película esta compuesta por una escena:

• La presentación del reparto, es decir los personajes que se integraron en elprograma multimedia

3. La tercer película esta compuesta por una escena:

• En está escena se incorporó la foto de un lobo y se creó un mapa de opciones através de este el espectador elige la sección que quiera ver.

4.2 SECCION COMIDA:


1. La primer película esta compuesta por dos escenas:

• La opción de comer al venado• La opción de comer al coyote

2. La segunda película está compuesta por dos escenas:

• La opción de comer al armadillo• La opción de comer al hombre

3. La tercer película está compuesta por dos escenas:

• La opción de comer a la vaca• La opción de comer a la víbora

13

4.3 SECCION ANATOMIA:


1. La primer película esta compuesta por una escena:

• En está escena el espectador puede hacer una elección de la estructuraanatómica del lobo, que se quiera conocer.

2. La segunda película esta compuesta por tres escenas:

• La opción de las piernas• La opción de las músculos• La opción de las patas

3. La tercer película está compuesta por dos escenas:

• La de la opción de la cabeza• La narración de sus sentidos

4. La cuarta película está compuesta por dos escenas:

• La de la opción de su estructura estomacal• La narración de su digestión de alimentos

14

4.4 SECCION VIDEOS:

En está sección esta integrada por cuatro películas, las cuales son:

1. La primer película está compuesta por una escena:

• En está escena el espectador puede hacer una elección del video que se quierareproducir.

2. La segunda película está compuesta por una escena:

• La narración de Carlitos sobre los encierros de lobos que existen en diversaspartes de la república mexicana

3. La tercer película está compuesta por una escena:

• La narración de Laurita sobre cuando se empezó a tomar seriedad sobre laextinción de está especie y por preservar su supervivencia.

4. La cuarta película está compuesta por una escena:

• La narración de Lupus sobre como le gustaría que los humanos lo tratarán juntoa sus semejantes ( lobos ).

15

5. Resultados/Pruebas

Se probó con niños de primaria y la reacción fue inmediata dado que se logró cumplircon los objetivos planteados, como es entretener a estos niños por lo menos diez minutos.

6. Conclusiones y perspectivas

Este proyecto me permitió involucrarme seriamente y profundamente en el softwaredesarrollado por macromedia llamado Flash mx, logrando conocer y dominar muchas de susherramientas y capacidades que este programa nos ofrece, dado que es muy amplia lavariedad de herramientas que están integradas en este programa ( Flash mx).

Sin duda alguna me dejo una gran satisfacción el poder haber desarrollado este CD-ROM interactivo por que me permitió conocer gente de un área distinta a mi profesión yconvivir con ella fue una experiencia grata para mis relaciones sociales

También quisiera agradecer profundamente a mis asesores responsables de esteproyecto, por confiar en mi persona e integrarme a ser parte de este proyecto multimediagracias.

DR: LUIS MARTIN ROJAS CARDENASDR. MIGUEL ANGEL ARMELLA VILLALPANDO .

Y también lo primordial que para quién fue dirigido este proyecto el público lo aceptaronde manera atractiva, divertida y agradable dado que el objetivo que se planteó en un principióse está logrando.

Lo que a mi parecer falto fue, integrar más películas en cada sección y también creóque se pudo haber abarcado mas secciones para un conocimiento mayor de este mamíferosorprendente.

16

7. Anexos A. Los dibujos de las animaciones.


En está sección esta integrada por tres películas, se presentan los dibujos correspondientes acada escena incorporada en la película respectiva.

Dibujos de la primer película:

Imagen 1La imagen corresponde al inicio del programa, haciendo referencia al lobo gris Mexicano

17

Dibujos de la segunda película:

Imagen 2La imagen de titulo del programa

18

Dibujos de la tercer película:

Imagen 3La imagen que hace referencia a la zona territorial donde se encuentra el lobo gris mexicano

19

Dibujos de la cuarta película:

Imagen 4La imagen donde se presentas los personajes que actuarán en el interactivo

20

7.2 SECCION COMIDA:

En está sección esta integrada por tres películas, se presentan los dibujos correspondientes acada escena incorporada en la película respectiva.

1. Dibujos de la primer película esta compuesta por dos escenas:

• La opción de comer al armadillo

Imagen 5La imagen corresponde a cuando el espectador eligió que lupus se coma al armadillo

21

• La opción de comer al Humano

Imagen 6La imagen corresponde a cuando el espectador eligió que lupus se coma al hombre

22

4. Dibujos de la segunda película está compuesta por dos escenas:

• La opción de comer al venado

Imagen 7La imagen corresponde a cuando el espectador eligió que lupus se coma al venado

23

• La opción de comer al coyote

Imagen 8La imagen corresponde a cuando el espectador eligió que lupus se coma al coyote

24

5. Dibujos de la tercer película está compuesta por dos escenas:

• La opción de comer a la vaca

Imagen 9La imagen corresponde a cuando el espectador eligió que lupus se coma a la vaca

25

• La opción de comer a la víbora

Imagen 10La imagen corresponde a cuando el espectador eligió que lupus se coma a la víbora

26


En está sección esta integrada por tres películas:

5. Dibujos de la primer película esta compuesta por una escena:

• En está escena el espectador puede hacer una elección de la estructuraanatómica del lobo, que se quiera conocer.

Imagen 11La imagen corresponde a un mapa de navegación, donde el espectador elige la sección de anatomía que

quiera explorar para conocer de ella.

27

6. Dibujos de la segunda película esta compuesta por tres escenas:

• La opción de las piernas

Imagen 12La imagen corresponde a la sección de músculos que el espectador eligió en el mapa de navegación

28

• La opción de las músculos ó patas

Imagen 13La imagen corresponde a la sección de músculos que el espectador eligió en el mapa de navegación

29

7. Dibujos de la tercer película está compuesta por dos escenas:

• La de la opción de la cabeza

Imagen 14La imagen corresponde a la sección de la cabeza que el espectador eligió en el mapa de navegación

30

8. Dibujos de la cuarta película está compuesta por dos escenas:

• La de la opción de su estructura estomacal• La narración de su digestión de alimentos

Imagen 15La imagen corresponde a la sección del estomago que el espectador eligió en el mapa de navegación

31

7.4 SECCION VIDEOS:

En está sección esta integrada por cuatro películas:

1. Dibujos de la primer película está compuesta por una escena:

• En está escena el espectador puede hacer una elección del video que se quierareproducir.

Imagen 16La imagen corresponde a la escena de videos, en la cual el espectador puede elegir que video quiere

visualizar

32

2. Dibujos de la segunda película está compuesta por una escena:

• La narración de Carlitos sobre los encierros de lobos que existen en diversaspartes de la república mexicana

Imagen 17La imagen corresponde a la escena del primer video, donde la narración del mismo la hace carlitos.

33

3. Dibujos de la película está compuesta por una escena:

• La narración de Laurita sobre cuando se empezó a tomar seriedad sobre laextinción de está especie y por preservar su supervivencia.

Imagen 18La imagen corresponde a la escena del segundo video, donde la narración del mismo la hace laurita.

34

4. Dibujos de la cuarta película está compuesta por una escena:

• La narración de Lupus sobre como le gustaría que los humanos lo tratarán juntoa sus semejantes ( lobos ).

Imagen 19La imagen corresponde a la escena del tercer video, donde la narración del mismo la hace carlitos.

35

8. Anexo B ( Scripts de control de cada película )

Script del mundo en el cual se hace referencia a la zona territorial a la cual pertenece el lobo grismexicano:

// Definir variables y objetos al momento de cargar la película

var ciclo; // variable de control para contar el número de vueltas a girar el mundo

var son; // variable que hace referencia al objeto sonido

son = new Sound(); // Creamos el objeto que almacenara el clip de película de sonidoson.atttachSound(musi); // Agregamos el clipson.start(100,1); //comenzamos a reproducirlo

// Etiqueta “verifica”// variable que se incrementada en la etiqueta “verifica” y ejecución del script

ciclo++;

if (ciclo == 2) {

gotoAndPlay (“cotinua”);

} else { gotoAndPlay (“inicio”);}

// método de la clase película que regresa el número de frame en que se encuentra la cabeza lectora delreproductor de flash

if ( enterFrames() == 150){

stop();stopAllSounds();gotoAndStop(“carga”);

}

else {gotoAndStop(“inicio”);}

// Etiqueta “carga” con la siguiente acción de fotograma.

unloadMovieNum(this); // Limpiamos memoria descargando la película que se está reproducciendoloadMovieNum("presenta.swf",0); // cargamos la siguiente película

36

Script de la cara del Lobo que es el mapa de navegación a las distintas secciones:

// Definimos las instancias de clips de botones para que al momento de darse un evento presionar(onPress) ó sobre ( rollOver), se ejecuta el script con las acciones correspondientes.

Para la parte del mapa de navegación a través de la cara del lobo

Para la sección de anatomía:

cuello.onPress = function() {

stopAllSounds ();unloadMovieNum(this); // Limpiamos memoria descargando la película que se está reproducciendoloadMovieNum("anatomia.swf",0); // cargamos la película requerida}

cuello.rollOut = function() {

_root.nino.stop(“para”);stopAllSounds();}

cuello.rollOver = function() {_root.nino.play();

}

Para la sección de comida:

boca.onPress = function() {

stopAllSounds ();unloadMovieNum(this); // Limpiamos memoria descargando la película que se está reproducciendoloadMovieNum("comida.swf",0); // cargamos la película requerida}

boca.rollOut = function() {

_root.nina.stop(“para”);stopAllSounds();}

boca.rollOver = function() {_root.nina.play();

}

37

Para la sección de videos:

ojos.onPress = function() {

stopAllSounds ();unloadMovieNum(this); // Limpiamos memoria descargando la película que se está reproducciendoloadMovieNum("videos.swf",0); // cargamos la película requerida}

ojos.rollOut = function() {

_root.nino.stop(“para”);stopAllSounds();}

ojos.rollOver = function() {_root.nino.play();

}

Para la sección de créditos:

credi.onPress = function() {

stopAllSounds ();unloadMovieNum(this); // Limpiamos memoria descargando la película que se está reproducciendoloadMovieNum("creditos.swf",0); // cargamos la película requerida}

38

Script para el clip de película del lobo (lupus), el cual este clip de película pude ser guiado ómanejado por el espectador a través del mouse o teclas de desplazamiento:

// Al iniciar el clip de película

onClipEvent (load) { this.startDrag(true); setProperty (_root.limite, _alpha, false);}

// Método que captura el evento de botón de mouse sin presionar y sin mover

onClipEvent(mouseUp){ this.gotoAndPlay(7); }

// Método que captura el evento cuando el espectador mueve el mouse

onClipEvent (mouseMove) {

this.gotoAndPlay(1);

_root.checa = _root.limite.hitTest(_root._xmouse, _root._ymouse, false);

if (_root.checa == true) {

this.stopDrag();

} else if (_root.checa == false) {

this.startDrag(true);}

}

39

Script que captura el evento cuando el espectador presiona las teclas de desplazamiento

onClipEvent (load) { speed = 5; // Valor predefinido, el cual define la velocidad de avance del lobo.}

// Este script se ejecuta a partir de que el espectador puede hacer su elección de elegir el animal quedesee que se coma lupus.

onClipEvent (enterFrame) { if (key.isdown(key.RIGHT)) { play(); _rotation = 90; _x+= speed; } if (key.isdown(key.LEFT)) { play(); _rotation = 270; _x-= speed; } if (key.isdown(key.UP)) { play(); _rotation = 0; _y-= speed; } if (key.isdown(key.DOWN)) { play(); _rotation = 180; _y+= speed; } if (key.isdown(key.RIGHT) && key.isdown(key.UP)) { _rotation = 45; } if (key.isdown(key.LEFT) && key.isdown(key.UP)) { _rotation = 315; } if (key.isdown(key.RIGHT) && key.isdown(key.DOWN)) { _rotation = 135; } if (key.isdown(key.LEFT) && key.isdown(key.DOWN)) { _rotation = 225; }

40

Script para la primera escena de la sección comida, en el cual se va rastreando queopciones va eligiendo el espectador, ya sea que elija comerse al armadillo ó persona.

// Variables globales de rastreo

_root.armadillo = 0;_root.persona = 0;

// Clip de película armadillo

on (press) {_root.armadillo++;_root.gotoAndPlay (“reproduce_armadillo”);}

// Clip de película persona

on (press) {_root.persona++;_root.gotoAndPlay (“reproduce_persona”);}

// Rastreó de las variables

stop();

if( _root.armadillo >= 1 && _root.persona >= 1){_root.gotoAndStop("carga");}else {_root.gotoAndPlay(“repite”);}

// Si ya se eligieron las dos opciones posibles, entonces cargamos la siguiente película.

// Acción definida en la etiqueta “carga”.

loadMovieNum("comida1.swf",0)

41

Script para la segunda escena de la sección comida, en el cual se va rastreando queopciones va eligiendo el espectador, ya sea que elija comerse el venado ó coyote.


_root.venado = 0;_root.coyote = 0;

// Clip de película venado

on (press) {_root.venado++;_root.gotoAndPlay (“reproduce_venado”);}

// Clip de película coyote

on (press) {_root.coyote++;_root.gotoAndPlay (“reproduce_coyote”);}


stop();

if( _root.coyote >= 1 && _root.venado >= 1){_root.gotoAndStop("carga");}else {_root.gotoAndPlay(“repite”);}



loadMovieNum("comida2.swf",0)

42

Script para la tercer escena de la sección comida, en el cual se va rastreando que opcionesva eligiendo el espectador, ya sea que elija comerse a la vaca ó la víbora.


_root.vaca = 0;_root.vivora = 0;

// Clip de película vaca

on (press) {_root.vaca++;_root.gotoAndPlay (“reproduce_vaca”);}

// Clip de película víbora

on (press) {_root.vivora++;_root.gotoAndPlay (“reproduce_vivora”);}


stop();

if( _root.vaca >= 1 && _root.vivora >= 1){_root.gotoAndStop("carga");}else {_root.gotoAndPlay(“repite”);}



loadMovieNum("cara.swf",0)

43

Script para el aro giratorio, para seleccionar uno de tres videos disponibles:

onClipEvent (load){var rot = 0;}

onClipEvent (enterFrame){

if( bandera == 1 ){ this._rotation = rot; rot++;}

else if(bandera == 0 ){this._rotation = rot;rot+= 5;}

}

onClipEvent(enterFrame){if(rot == 360){rot = 0;

}}

onClipEvent (mouseMove){_root.checa = this.hitTest(_root._xmouse, _root._ymouse, true);

if (_root.checa == true) { bandera = 1;}

else if (_root.checa == false) { bandera = 0; this.play();}

}

44

// Cuando el espectador hace click en cualquier botón del aro giratorio, se carga el video correspondiente

// Primer video

on(press, rollOver) {stop();loadMovieNum("video1.swf",0);}

// Segundo video


// Tercer video


45

9. Anexos C. Diálogos correspondientes a las escenas de cada sección.


En está sección esta integrada por dos películas, se presentan las narracionescorrespondientes a cada escena.

Primer escena :

Lulu: El lobo gris Mexicano canis lupus baleiye, conozcamos su historia y naturaleza.

Segunda escena :

Laurita: Hola yo me llamo LauritaCarlitos: Y yo, me llamó CarlitosLupus: Hola yo soy Lupus.

Laurita: Juntos conoceremos la vida de los lobosCarlitos: Si nos divertiremos ya verán

9.2 SECCION COMIDA:

En está sección esta integrada por tres películas, se presentan las narracionescorrespondientes a cada escena .

Primer escena :

Laurita: Hola Lupus, hoy que vas a comerLupus: No lo sé, que debo comer Carlitos.Carlitos: Lupus prénsalo bien, amiguito ¿ que crees que debe comer Lupus?Carlitos: Escoge una opción, una armadillo o un hombre

Si el espectador escoge al armadillo:

Lupus: Aaaauuuuuuuuuuuhhh que rico.

Si el espectador escoge al hombre:

Lupus: No yo no como personas.

46

Segunda escena:

Laurita: Mira Lupus ese hermoso venado, ¿no creó que lo alcances?Carlitos: Quién sabe Laurita ó mejor comete al coyote Lupus

Si el espectador escoge al venado:

Lupus: ¡ Está si, que es mi comida favorita ¡

Si el espectador escoge al coyote:

Lupus: No la familia no se come.

Tercer escena:

Laurita: Mira una víbora, no es muy peligrosa para que te la comas LupusCarlitos: Pero la vaca es muy grande LauritaCarlitos: ¿Qué creen que pueda comer Lupus amigos?

Si el espectador escoge a la vaca:

Lupus: No los lobos no comemos vacas, pero hay veces que a ellas la llevan a vivir cercade nuestro hogar.

Si el espectador escoge a la víbora:

Lupus: Esta si que es peligrosa y muy venenosa, pero claro que me la puedo comer,¡Además es muy rica¡

47


En está sección esta integrada por tres películas, se presentan las narracionescorrespondientes a cada escena.

Primer escena ( Si el espectador selecciona conocer la cabeza de Lupus ):

Lupus: ¿Sabes que parecidos somos los lobos a los perros ?

Carlitos: Los lobos pueden hacer muchos sonidos como aullar, ladrar, chillar y gruñir.

Lupus: Nuestras orejas son más puntiagudas y tenemos una nariz con la que olemos hastaun kilometro de distancia.

Lupus: Nuestro craneó, dientes y cerebro es más grande que el de los perros.

Segunda escena ( Si el espectador selecciona conocer sus patas ó musculos ):

Laurita: Los lobos corren muchisimo y mantienen un trote o pasó galopante por largasdistancias.

Lupus: ¿ Y sabes como corremos tanto?

Carlitos: Sus patas son muy importantes para ellos, son más altas que su cuerpo

Lupus: ¡ Pisamos sobre nuestros dedos ¡

Lupus: En las patas delanteras tenemos cinco dedos y en las traseras cuatro.

Tercer escena ( Si el espectador selecciona conocer su sistema digestivo y suscaracteristicas físicas ):

Carlitos: Los lobos se parecen a los perros en su tracto digestivo, como comen grandestrozos de carne tienen filosos colmillos y una gran boca.

Laurita:¿ Por eso tardan tanto en digerir la comida Lupus?

Lupus: Sí como cinco ó seis horas Laurita

Laurita: Su saliva sólo sirve para, limpiar sus alimentos, su digestión no comienza en bocacomo en nosotros los humanos.

Laurita: ¡ Oye mira que grande es este lobo¡, ¿ como cuanto crees que mida Carlitos?

Carlitos: Si los lobos son grandes y miden hasta 1.2 metros y en verdad que pesan mucho.

Lupus: Sólo 30 a 50 kilos, las lobas son menos pesadas.

48

9.3 SECCION VIDEOS:

En está sección esta integrada por tres películas, se presentan las narracionescorrespondientes a cada escena .

Primer video:

Laurita: En 1979 se crea el equipo, para la recuperación del lobo mexicano y se crea elproyecto binacional México e Estados Unidos. Para reproducir esta especie en cautiverio ydespués liberarlos para que ellos puedan vivir en su habitad natural.

Laurita: Hasta el año de 1999 sólo se tenían 199 lobos vivos, hasta el día de hoy estápoblación ha crecido considerablemente.

Segundo video:

Carlitos: Al tener a los lobos en los zoológicos y reservas, podemos conocer más de ellos,para que un día puedan regresar a los bosques y sean libres.

Carlitos: Para lograr esto necesitamos cuidarlos y verlos en silencio para que no se asusten,recordemos que quedan muy poquitos, por eso todos los tenemos que cuidar.

49

10. Bibliografía

DAVID KARLINS, PAUL MIKULECKY

MACROMEDIA FLASH 5”PRENTICE HALL

BRASIL, JULIO 2001.

JAMES JAWORKI

MASTERING JAVA SCRIPT”SIBEX

ESTADOS UNIDOS , 1997.

MACROMEDIATUTORIAL DE ACTION SCRIPT”

San Francisco, CA (EE.UU) , SEPTIEMBRE 2000.

http://www.flash.com/tutorial/

http://www.flash.com/tutorial/

Universidad Autónoma Metropolitana - 148.206.53.84148.206.53.84/tesiuami/UAMI11781.pdf · Las...

Documents

Transcript of Universidad Autónoma Metropolitana - 148.206.53.84148.206.53.84/tesiuami/UAMI11781.pdf · Las...