¡Descarga Creación de Juego Simple con Flash y ActionScript: Personajes e Interacción y más Apuntes en PDF de Psicología solo en Docsity!
UNIVERSIDAD NACIONAL
“SANTIAGO ANTÚNEZ DE MAYOLO”
FACULTAD DE CIENCIAS
ESCUELA ACADÉMICA: Ingeniería de sistemas e informática CURSO: Taller Técnico II DOCENTE: Ing. Vasquez Rámirez Noe M. RESPONSABLE: GRANADOS VELASQUEZ, Stefany A. HUAMAN COCHACHIN, Kelvin D. ZENTENO PAJUELO, Kovasky CRUZ GAYTAN, Francllin. HUARAZ - PERÚ 2022
ANIMACIÓN
ÍNDICE
- Introducción
- Desarrollo 2.1. Antecedentes 2.2. Descripción 2.3. Objetivos 2.4. Marco Teórico 2.5. Materiales 2.6. Diseño de animación 2.7. Descripción de cada parte de animación 2.8. Implementación del videojuego
- Resultados
- Conclusiones
- Recomendaciones
- Glosario
- Anexo
Desarrollo de un Videojuego Básico “The Puchy’s”
1 Antecedentes
Borrego, J. (2019). Desarrolló una tesis sobre Diseño y desarrollo de videojuego educativo para mejora de fluidez lectora. En la Universidad de Valladolid en la Escuela de ingenierías industriales en Castilla y León, España. En la web actualmente hay un sin número de juegos y aplicaciones que unen la educación y la tecnología con juegos para practicar la lectura de distintas maneras. Desde juegos que apuestan más por la diversión con personajes ficticios simulando una historia y haciendo un juego más orientado al entretenimiento, a juegos más serios de cara a la educación e incluso a evaluación en colegios a través de este juego. Nuestra herramienta forma ser parte de un término intermedio, apostando más por el camino de la educación y el aprendizaje de la lectura, posibilitando tener una evaluación de las aptitudes a través de las nuevas tecnologías. Su principal innovación vendrá con la implementación de un sistema de silabación, nunca antes visto en AS3, que nos permitirá enseñar una nueva técnica de lectura más rápida y también poder enseñar la lectura a través de la separación de palabras, ya sea mediante sílabas, palabras o de forma continua, además de poder cambiar la velocidad de esta de cara a niveles mayores. Los objetivos resaltantes son: realiza un estudio de las características del programa utilizado para la realización del proyecto, Adobe Animate CC, ya que será dónde se realice la implementación que le dará el elemento innovador al proyecto. realizar una herramienta de entrenamiento para mejorar la fluidez lectora utilizando un formato de aplicación móvil. Se quiere que sea un juego serio, que pueda ser utilizado en las aulas para la mejora de la lectura y que tenga la posibilidad de realizar una evaluación de los conocimientos adquiridos, que dará al profesor una ventaja de cara al aprendizaje.
2 Descripción del proyecto
Este trabajo se centra en el diseño y creación de un personaje mediante el modelado digital, de manera que pudiese ser utilizado después en cualquier medio audiovisual, pero
centrándose en los videojuegos o la animación. En primer lugar, se ha realizado una investigación y una búsqueda de información sobre los conceptos y técnicas más importantes a la hora de conceptualizar un personaje, y también sobre el modelado digital y como realizarlo. A continuación, se han marcado las fases de preproducción, producción y postproducción del proyecto; empezando por realizar el diseño para luego pasar a esculpirlo digitalmente usando el programa ZBrush. Una vez creada la figura se puede observar cómo se le ha realizado un vídeo de presentación al que se le ha agregado audio y distintos efectos visuales. Por último, el trabajo cierra con unas conclusiones que analizan el proceso realizado y sí se ha cumplido los objetivos.
3 Objetivos
3.1 Generales
Lograr un aprendizaje efectivo de como desarrollar un videojuego básico con adobe animate cc.
3.2 Específicos
Compartir los conocimientos adquiridos en el proceso de desarrollar el videojuego básico con adobe anímate. Distribuir el videojuego desarrollado ,en el medio universitario. Identificar ,los puntos con mayor dificultad al desarrollar un videojuego con adobe anímate. Explicar los pasos requeridos para desarrollar un videojuego con adobe anímate. Modelar a los personajes del videojuego a desarrollar..
4 Marco teórico
4.1 La animación
“Es un proceso fundamental a la hora de lleva a cabo un juego, ya que dota de vida a los personajes, les otorga profundidad y hace que los juegos se vuelven dinámicos y más atractivos visualmente hablando”, afirma Jesús del Pozo, director del departamento de arte de los másteres de creación de videojuegos de EVAD.
tipo de videojuegos. Los videojuegos flash más complejos pueden incluir gráficos 3D, pero en general se limitan a las dos dimensiones. Además, suelen configurarse de acuerdo a la máquina, que no todos tienen los mismos recursos.
4.3.2 Que es Flash y ActionScript
Flash era un programa de edición multimedia desarrollado originalmente por Macromedia (ahora parte de Adobe Animate CC) que utiliza principalmente gráficos vectoriales, pero también imágenes rasterizadas, sonido, código de programa, flujo de vídeo y audio bidireccional para crear material multimedia. Flash era el entorno desarrollador y Flash Player era el programa utilizado para ejecutar los archivos generados con Flash. Los proyectos multimedia pueden ser desde simples animaciones hasta complejos programas pues, además de los gráficos, vídeos y sonidos, Flash incorporaba ActionScript, un lenguaje de programación orientado a objetos que expande significativamente las posibilidades en los proyectos. Los archivos de Flash solían tener la extensión .SWF y aparecen frecuentemente en páginas web en forma de animaciones y aplicaciones. Éstas permiten la interacción con el usuario y además existe una alta disponibilidad de Flash ya que prácticamente todos los navegadores web incluyen el plugins para soportar la ejecución de animaciones Flash.
5 Materiales /herramientas/equipos
Tabla 1 - Recursos empleados en el proyecto Herramientas Materiales Equipos Software adobe suite Block de notas 4 ordenadores de mesa Software editor de texto Word Lápices de dibujo 2 ordenadores portátiles Software Corel draw Alcohol isopropílico Servicio de internet Software navegador Chrome
6 Selección del software
Tabla 2 Cuadro comparativo de programas de animación Programas Descripción Ventajas Desventajas Elección Adobe animate cc Una aplicación de creación y manipulación de gráficos vectoriales. Animación manual o por códigos. Requiere conocimiento previo del lenguaje AS3. Zbrush 3D Es un programa de modelado 3D, escultura y pintura digital. Excelente para modelar en 3D. Requiere un conocimiento previo de los comandos y códigos.
NO
Visme Es una herramienta que te permite crear banners, infografías, animaciones, gráficas, entre otros. Excelente para diseño gráfico. Lo implementa la acción de crear un sistema de juegos estructurados.
NO
Blender Es un programa de diseño y animación 3D totalmente gratuito, de código. Es de código libre, es decir es gratuito. Similitud con los demás programas.
NO
Adobe Character Animator Es un software que trabaja la captura de movimiento en directo y establece un flujo de grabación para controlar títeres dibujados en 2D. Un software potente para animaciones totalmente profesionales. Requiere un conocimiento previo de los comandos y herramientas.
NO
Realusion iClone Software de animación 3D más rápido que ayuda producir fácilmente animaciones profesionales. Rapidez y versátil en el diseño 3D. Requiere un conocimiento previo en animación, y es de código cerrado.
NO
Pencil 2D Una herramienta para la creación de animaciones Excelente para animar de Requiere de un lápiz de digital al igual que sus
NO
Finalmente se tratan las conclusiones extraídas, si se han cumplido los objetivos propuestos y una valoración a nivel personal de lo que ha significado realizar el proyecto.
7.2. Diseño del personaje:
La animación es un proceso, utilizado para dar la ilusión de movimiento a objetos o elementos inanimados. Se considera, normalmente, una ilusión óptica y existen numerosas técnicas para realizar una animación que van más allá de los familiares dibujos animados. El diseño de animación es el arte de crear efectos especiales y otros diseños de diversas formas, incluidos videojuegos, películas, web e incluso publicaciones en redes sociales. Gran parte del trabajo de diseño de animación se realiza con software especializado, el diseño de animación definitivamente requiere algunos conocimientos técnicos, pero también hay mucho espacio para el trabajo práctico de diseño para ejercitar tu creatividad. Algunos diseñadores primero dibujan o pintan sus diseños antes de traspasarlos a un formato digital, mientras que otros usan modelos para visualizar el movimiento de una animación en particular. Las animaciones en sitios web hacen que los sitios cobren vida y deleitan a tus usuarios. Si se hace correctamente, puedes mejorar la experiencia general del usuario. Además, las animaciones muestran a los usuarios del sitio la información de tu sitio web y les ayuda a comprender mejor cómo funciona tu sitio. Hablando de los personajes, en este contexto, el diseñador y programador Alan Cooper (2003) define un personaje como la máscara o fachada que una persona presenta al público, aunque haya una historia detrás. Entonces, antes de comenzar a pintar, es necesario desarrollar un conjunto de historias que coincidan con la imagen que están creando. Para elaborar las historias de estos héroes, Chris Patmore (2006) sugiere tener en cuenta varios factores: Personalidad: Se deben proponer una serie de cuestiones para que poco a poco se vaya determinando su carácter. ¿Cuál es su pasado, su presente y su futuro? ¿Cómo se llama? ¿Qué edad tiene? ¿Tiene alguna meta? ¿Es humano? ¿Hombre o
mujer? ¿De dónde es? ¿Tiene familia? ¿Qué le gusta y que no? Se pueden plantear tantas preguntas como se quieran, cuantas más, mejor se conocerá al personaje. Audiencia: Se debe analizar a quien irá dirigido el personaje, esto hará que tenga un tono más oscuro si está pensado para los adultos, por ejemplo, o más amigable si es para niños. Medio de difusión: También se debe tener en cuenta en que plataforma se presentará. Objetivo: Un personaje puede tener diferentes funciones, como vender un producto, entretener, enseñar, etc. Originalidad: Es uno de los factores más difíciles de conseguir, ya que depende en gran medida de la imaginación o creatividad de cada uno. El siguiente paso sería realizar los primeros bocetos (ver figura 1), dibujos que muestran las primeras ideas de lo que será el modelo final. Para ello, Woodcock (2007) explica que el diseñador debe investigar y fijarse en algunos estereotipos o arquetipos que sirvan como ejemplo, como puede ser algún héroe, un villano, un genio, etc. Por otro lado, hay que tener claro el estilo que se va a emplear, si es toon, manga, realista, etc. Imagen 1 - Boceto
8 Descripción de cada parte de la animación
8.1. MODELACIÓN EN 2D:
Estos modeladores o artistas digitales pueden trabajar tanto solos como en equipo, todo depende del proyecto que se presente, ya sea en la industria cinematográfica, animación, videojuegos, publicidad, diseño, etc. Sea cual sea su tamaño, todos suelen pasar por las mismas fases para llegar a su fin, pero no siempre se siguen las mismas pautas. Según Vaughan (2012), el proceso de producción del modelado digital se divide en la preproducción, realización y postproducción. Estas etapas se dividen en diferentes departamentos a la hora de trabajar, siendo los más comunes: Guion o desarrollo de la historia: Donde se establecen las tramas y los personajes. Conceptualización o diseño artístico, encargados de crear diferentes versiones de los elementos que se van a realizar a partir de algunos bocetos (personajes, atrezos, escenarios, etc.) Storyboard: También conocido como guion gráfico, son un conjunto de ilustraciones mostradas en forma de secuencia que sirven como previsualización de la composición final. Modelado digital: Donde se crean los elementos 2D necesarios para los proyectos. Imagen 3 - Boceto a color
Texturización: Este departamento recoge los modelos digitales y le da detalles y color a su superficie. Articulación: Aquí los personajes creados reciben una especie de huesos o controladores para que puedan ser animados. Animación: Encargados de dar vida y aplicar los movimientos que deben realizar todas las figuras 2D. Iluminación: Se ocupan de añadir los diferentes elementos a la escena para luego colocar las luces necesarias, las cuales definen el tono, el color y el ambiente de cada plano. Procesamiento o renderización: Su trabajo es procesar el material ya aprobado o acabado, en diferentes formatos, para que los editores puedan retocar la apariencia final de las secuencias. Diseño de escenarios: Basándose en los diseños de los demás departamentos, generan diferentes decorados 2D que suelen contener gran cantidad de elementos. Edición y montaje: Se encargan de realizar uno de los últimos pasos, juntando los planos y formando las diferentes secuencias, hasta exportar el máster final. Audio: Aquí se añade tanto la música como los efectos sonoros o las voces grabadas para los distintos personajes.
9 Implementación del videojuego
Nosotros haremos un juego de plataforma sencillo en el cual va a haber un fondo que se mueva un, personaje que se mueva con las teclas del teclado que va a diferentes elementos y que va a ser atacado por un enemigo donde gane y donde pierdas.
9.1 Procedimientos
9.2 Código script paso a paso
Inicialmente tenemos dos capas, en una capa es un clip de película con un fondo este fondo es mucho más largo que el espacio del trabajo porque es por donde va a caminar nuestro personaje.
2°: Al darle doble click en una expresión fragmento de código, nos genera el stop. Entonces si miramos la línea de tiempo aquí quedó la “a” arriba del fotograma clave número 1. 3°: Crearemos otro fotograma clave para que se detenga en el fotograma 4. Presionamos F6 para abrir el panel de acciones y pegamos el stop y por último le damos otro stop en los fotogramas 20 y 35. 4°: Ahora nos vamos a la escena y aquí pondremos fondo y nuestro personaje, verificamos que sea un clip de película 5°: Ahora vamos a hacer que se mueva con las teclas del teclado, entonces seleccionamos al personaje, volvemos al fragmento de código y le damos clic en Actionscript - animación; y aquí le decimos mover con las flechas del teclado; el programa automáticamente me crea todo el código que va a permitir que mi personaje se mueva con las flechas del teclado. Le damos control enter para exportar mi película y verificar si funciona o no la tecla del teclado. AHORA NOS ENFOCAREMOS DE MANERA GENERAL EN LOS PASOS PARA CREAR EL JUEGO Imagen 5 - "a" Imagen 6 - Stop
creamos el personaje ,seccion por seccion,y lo convertimos a simbolo,ademas creamos su nombre de instancia,con la cual se codificara después agregamos otra capa para el fondo, en este caso ,se creo un fondo simple agregando imágenes PNG ,expandiéndolos para el escenario.
y los más importante ,los cuadros de texto dinamico,son recuadros que muestran la cantidad de vida y monedas obtenidas por el jugador, obviamente estos recuadros tienen su nombre de instancia. y después agregamos el portal que hace una victoria por parte del jugador ,es decir a logrado pasar de nivel,es un símbolo como todos,también presenta un nombre de instancia.
finalmente tenemos a las pantallas interactivas, entre las cuales tenemos ,el menú, el juego principal, la pantalla de victoria y de perdida, y una de guia,todas estas pantallas presentan botones interactivos que ,nos permiten navegar entre escenas, está claro que cada botón presenta un nombre de instancia. MENU JUEGO
