2016/12/08 01:30

1/11

Resumen ejecutivo

http://lab.sm.ingenieriamultimedia.org/g14/wordpress/

Resumen ejecutivo Se pretende crear un videojuego de corte simple,una web y diversas plataformas sociales que nos servirán como soporte del además de mantener informada a una comunidad en torno al videojuego. El juego trata de las aventuras de un ninja un tanto peculiar en su lucha por la venganza de aquellos que lo dejaron en su estado actual, invalido. Con el objetivo de derrotar al grandísimo villano Zembane. La creación de la web y las plataformas sociales nos servirían para promocionarnos en principio y también para mantener informada a la gente de los avances con el proyecto y una vez finalizado dar a conocer a la gente la noticia. La web será el soporte donde alojar el videojuego, descargarlo será gratuito, en la web hay un botón Paypal por si estás interesado en donar dinero al proyecto. También servirá para mantener el contacto con la gente y que nos manden sus dudas, sugerencias y críticas. Las plataformas sociales que usaremos serán: -Twitter. -Facebook. -YouTube. Los costes del proyecto en principio serían muy bajos ya que solo se tendría que abonar la mensualidad del Host que utilicemos debido a que todas las demás herramientas que usamos son gratuitas. Aunque si se quisiera invertir podríamos adquirir las licencias de unas herramientas para mejorar tanto la web como el foro y la revista. En cuanto a la rentabilidad de proyecto el formato del proyecto ofrece gran posibilidad en cuanto a la financiación mediante la publicidad, ya la página ofrece un buen soporte para ello.

Descripción del proyecto El proyecto propuesto consiste en la difusión en internet de un videojuego de corte simple a través de un soporte. El juego trata de las aventuras de un ninja un tanto peculiar en su lucha por la venganza de aquellos que lo dejaron en su estado actual, con el objetivo de derrotar al grandísimo villano Zembane. Por otro lado el soporte web se encarga de dar a conocer el videojuego por las distintas redes sociales y de la distribución del juego de manera online por medio de una página web sobre el videojuego, con datos, sección de descarga y sistema de ayudas para contactar con nosotros.

Web Nos proporcionara un soporte para distribuir el dibujo, poder anunciar los nuevos eventos, descargar el videojuego, ponerse en contacto con nosotros, ver tutoriales y videos

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

2/11

Resumen ejecutivo

Objetivos Los objetivos que busca cumplir este proyecto es la difusión online y creación de un videojuego de corte simple creando para ello el videojuego y creando un soporte online que lo de a conocer.

Tecnologías a usar Gestor de Contenidos: wordpress, gestor de contenidas para la creación de páginas web con el estilo de blog. FTP: Filezilla porque tiene una interfaz gráfica sencilla y manejable, un buen registro de mensajes y además es gratuito. Liberia SDL: Libreria gráfica de C++ para diseñar videojuegos.

Descripción de los trabajos realizados Primer día Empezamos eligiendo cual sería el proyecto que íbamos a elegir, tras una breve votación nos decantamos por el videojuego de corte simple. Una vez elegido el proyecto empezamos a elegir una temática para el videojuego, propusimos distintas temáticas como deportivas, acción, plataformas y arcade. Al final nos decantamos por un videojuego de plataformas sobre un ninja paralitico.Después mediante un brainstorming propusimos las distintas partes que debería tener el videojuego: Cantidad de niveles, tipo de niveles, contenido de los niveles, personajes, armas, malos, escenarios, época, características de los personajes, posibilidades del personaje, objetos que aparecerían, etc… Luego nos hemos puesto a buscar distintos programas que nos diesen la posibilidad de hacer y diseñar nuestro videojuego. Una vez encontrados los diferentes programas que podríamos utilizar para el proyecto nos pusimos a compararlos y decidir cuál usar. A continuación a cada componente del grupo se le asignó una de las tres tecnologías a usar en el proyecto y tendría que centrarse en aprender a manejarla. Gestores de Contenidos

DotNetNuke

DotNetNuke es específicamente un sistema de gestor de contenidos especialmente diseñado para ser utilizado en Intranets y portales de Internet. Básicamente DNN es el soporte de gestión Web, que nos permite realizar cualquier tipo de modificación en un breve espacio de tiempo.

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

3/11

Resumen ejecutivo

WordPress

Mediante WordPress se pueden desarrollar webs complejas y fáciles de mantener. Aunque no es propiamente un CMS genérico, hace las funciones de Gestión de contenidos para páginas web que no busquen incorporar módulos adicionales. Con el añadido que está muy enfocado a obtener la mejor presencia posible en buscadores.

CMS Made Simple

CMS Made Simple (www.cmsmadesimple.org). Es un gestor muy simple de contenidos Web que permite crear un sitio Web de forma rápida. Está orientado a crear sitios Web para personas individuales o para pequeños negocios. A pesar de su sencillez se pueden añadir módulos y plantillas adicionales.

eZ Publish

eZ Publish (www.ez.no) es a la vez un gestor de contenidos Web que cubre la mayor parte de las necesidades habituales de una PYME, y un entorno de desarrollo de aplicaciones de gestión de contenidos que permite crear aplicaciones a medida.

Comparación

Esta vez al contrario que en el anterior proyecto nos decantamos por wordpress que fue la opción que descartamos la anterior vez para aprender a manejar otro y ver las posibilidades que este podría ofrecer con respecto al otro.

Semana 1 Teníamos claro que el videojuego lo queríamos hacer con la librería SDL de C++ para Windows por lo que estuvimos buscando por internet diferentes tutoriales para instalar el entorno de trabajo. Primero probamos a instalar el SDL en Eclipse siguiendo un tutorial (http://groups.google.com/group/sdl-es/browse_thread/thread/9ce85ca162b09138), tras varios intentos no conseguimos que nos funcionase así que tuvimos que buscar alternativas. Tras mucho buscar encontramos un tutorial para trabajar desde Visual C++ (http://www.portalhacker.net/index.php?topic=87837.0) y lo conseguimos instalar sin problemas, así que empezamos a trabajar desde ahí.

Diseño de escenarios

En la segunda semana empezamos con la implementación de las pruebas para el videojuego. Empezamos a ir modificando el código para ver cómo podríamos programarlo. Empezamos moviendo un pequeño cuadro por la pantalla para comprobar que estaba bien el sistema con respecto a los ejes y comprobando que aceptaba los límites de la pantalla. Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

4/11

Resumen ejecutivo

Semana 2 Programación

En la segunda semana empezamos con la implementación de las pruebas para el videojuego. Empezamos a ir modificando el código para ver cómo podríamos programarlo. Empezamos moviendo un pequeño cuadro por la pantalla para comprobar que estaba bien el sistema con respecto a los ejes y comprobando que aceptaba los límites de la pantalla. También realizamos diversas pruebas con los sistemas de lectura por teclado para ver como trabajar con ellos además de otras funcionalidades que nos ofrecía la librería.

Semana 3 Programación

Una vez que ya sabíamos manejar las partes que nos interesaban de la librería empezamos por organizar todo el código fuente del videojuego. A continuación implementamos un sistema de gravedad para poder simular los saltos del personaje. Esto nos llevo algo más de tiempo ya que costó animar el cuadrado bien para que luego bajase ya que se quedaba esperando otra acción para empezar a bajar y el cuadrado se quedaba estático en el aire. Pero finalmente conseguimos ajustarlo y darle un aspecto algo real al salto.

Diseño de escenarios

Por otro lado esta semana se inicio el diseño de los escenarios del videojuego, se empezó haciendo diseños de las colisiones que debería tener los primeros niveles de juego utilizando papeles a cuadraditos y considerando estos como conjuntos de pixeles.

Semana 4 Programación

Diseñamos un sistema de colisiones para saber si un cuadro (en la librería la clase SDL_Rect) estaba en contacto con otro. Esto nos ayudaría para saber si un personaje es alcanzado por algún objeto además de establecer los obstáculos del mapa. Lo implementamos siguiendo esta imagen:

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

5/11

Resumen ejecutivo

Diseño de escenarios

Se llego a la implementación en imágenes de los niveles. Como ya teníamos los diseños de las colisiones se implemento como si fuese distintos objetos de los niveles y se empezó a diseñar el primer nivel, la casa del personaje. Se buscó algún tipo de elemento para el suelo haciendo parecer que fuese tierra y para las paredes se utilizaron imágenes de madera para hacer como si fuese una casa construida. Para los distintos obstáculos se diseñaron distintos objetos de casas como por ejemplo una mesa para que tuviese que saltarla el protagonista. Tras esto se probo a insertar el mapa en el videojuego para ver como se vería y como se movía el cuadrado por él.

Semana 5 Programación

Como ya teníamos el sistema de colisiones y muchas clases de las necesarias para el videojuego comenzamos a realizar el primer nivel de juego (La casa del Ninja). A partir del diseño del escenario comenzamos a crear los distintos obstáculos (una mesa) y el scroll de mapa para que el personaje no se saliera de la pantalla. También realizamos la interfaz del juego que consta del menú de inicio, las diferentes pantallas de opciones que tiene y otras escenas como la de Game Over.

Diseño de los personajes

Esta semana se empezó el diseño de los personajes, los enemigos, el protagonista y el antagonista. Se empezó haciendo pequeños bocetos del protagonista de cómo quedaría el ninja en la silla de ruedas posiciones y demás. Tras esto se dibujo el ninja que sería utilizado como imagen para el videojuego y los menús. Después del protagonista procedimos a diseñar al enemigo, este debía ser un ser calvo y con perilla pero de cintura para abajo no debía ser humano lo que nos llevo más tiempo determinar que podríamos ponerle como piernas, pensamos en ocho patas como si fuese una araña pero el dibujo quedaba muy sobrecargado así que recortamos el numero a 6 y quedaba bastante bien.

Diseño pagina web

Llegados a este punto era hora de diseñar una página web. En esta fase se dibujó un boceto previo de como debería ser la web, para hacer el boceto hicimos un proceso de investigación para ver que Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

6/11

Resumen ejecutivo

servicios ofrecían webs similares a la que pretendíamos crear. También había que pensar en que los colores tuvieran relación con el tema del videojuego La web nos serviría para entre otras cosas: -Mantener informada a la gente acerca del desarrollo del juego. -Mantener el contacto con las personas interesadas. -Descargar el juego. -Dar soporte y ayuda a quien la necesite. -Darnos a conocer. -Facilitar a la gente el acceso a nuestro Twitter, canal de Youtube, Facebook. -Que la gente pueda realizar donaciones a través de Paypal si les ha gustado el juego y quieren contribuir.

Semana 6 Programación

Era la hora de ponerse a trabajar con los enemigos, el lanzamiento de proyectiles (flechas y shurikens) y la muerte de los personajes. A través del sistema de colisiones hicimos que cuando un proyectil estaba en contacto con un personaje (ya sea aliado o enemigo) este muriera, desapareciendo del mapa. Luego para el personaje principal hicimos que si pulsase un botón (espacio) disparara shurikens y para los enemigos hicimos que cada cierto tiempo lanzaran una flecha en la dirección del personaje.

Diseño de los personajes

En esta semana se diseño a los distintos enemigos que se encontraría, ninjas enemigos armados con armas cuerpo a cuerpo y ninjas armados con armas a distancia. Estos diseños fueron sencillo, el clásico ninja con el kimono y el arma respectiva, personajes de colores oscuros a los que solamente se les ven los ojos. No hubo mucha dificultad para ponerse de acuerdo en cómo serían.

Creación pagina web

Una vez le dimos visto bueno al boceto, nos decidimos a hacer la web, usando WordPress como gestor de contenido. Al hacer las web nos dimos cuenta que podíamos implementar las plataformas sociales que después crearíamos. Aunque empezamos en la semana 6 a hacerla, cada vez que hacíamos un progreso en algo o se nos Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

7/11

Resumen ejecutivo

ocurrían nuevas ideas, la íbamos actualizando, por lo que la web en realidad no se finalizó hasta varias semanas después.

Semana 7 Programación

Con todo lo realizado en las semanas anteriores realizamos los dos primeros mapas que servirían como tutorial. La casa que te enseñaría a saltar obstáculos y el bosque que te probaría a lanzar proyectiles y acabar con tus enemigos. Una vez listo los dos mapas empezamos a introducir todos los gráficos (mapas, personajes, objetos…) para ver el resultado final del juego. Además de introducir la música seleccionada para el videojuego que la obtuvimos de la pagina de Jamendo con licencia abierta.

Diseño de los personajes

Esta semana pasamos del diseño original de los personajes a hacer sus respectivos sprites. Para ello dibujamos los personajes de manera más simple. Primero empezamos por el protagonista diseñamos las partes que no se movería y serian estáticas a la hora de moverse como las piernas o el tronco y creamos los brazos a parte para poder generar la animación. Copiando y pegando los brazos en distintas posiciones junto al tronco estático conseguimos una serie de imágenes para simular el movimiento. Para probarlo usamos una función del programa que permitía hacer gifs animados por media de imágenes y usamos cada una de las partes del sprite para ver como quedaría y el resultado fue satisfactorio. Tras esto realizamos el mismo proceso para crear a los dos enemigos base, el arquero, que era todo estático a excepción del brazo que carga la flecha, y el combatiente cuerpo a cuerpo, este fue el más complicado ya que había que mover todo el personaje con apenas partes estáticas, había que simular movimiento de las piernas de los brazos y la cabeza y cada uno de estos era un objeto distinto. Pero seguimos la misma metodología de copiar y pegar los elementos moviéndolos y creando distintas imágenes. Luego con el creador de gifs miramos como seria el movimiento y también fue satisfactorio.

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

8/11

Resumen ejecutivo

Creación de plataforma social

Con la idea del juego bastante desarrollada era el momento de crear plataformas sociales para darlo a conocer entre la gente, así como para tener medios con los que llegar a la gente y que vieran el trabajo que estábamos haciendo. Desde la web se puede tener acceso a esta plataformas sociales. Primero hicimos una cuenta de Twitter, para tener mayor radio de difusión y asegurarnos de que las noticias le llegaban a todo el mundo. Luego hicimos un canal de YouTube para subir vídeos relacionados con el juego en un futuro. También hicimos una cuenta Gmail para tener un medio de contacto con la gente. Creamos una pagina en Facebook para que la gente que le gustase nos siguiese. Por ultimo hicimos una cuenta Paypal donde la gente que le gustase el juego y quisiese contribuir a su mejor y expansión pudiese donar dinero.

Creación de Anuncio

Como teníamos una cuenta de YouTube creada, nos decidimos a hacer un pequeño anuncio que promocionase nuestro juego. Como no somos especialistas en esta materia decidimos hacer algo sencillo. El anuncio lo subimos a YouTube, lo pusimos en la pagina web y lo anunciamos por Twitter y Facebook.

Semana 8 Programación

Hicimos un sistema de animaciones para los distintos gráficos que utilizamos y finalizamos algunas pequeñas cosas que nos quedaban pendientes de los mapas para tener terminada una versión DEMO del juego.

Finalizar

Para acabar nos dedicamos a probar el juego y la web y a encontrar diversos errores y solucionarlos así como a pulir detalles.

Grado de ajuste a la planificación propuesta en el proyecto

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

9/11

Resumen ejecutivo

Basándonos en la planificación que propusimos en el proyecto: Durante los primeros días del proyecto hemos decidido cual haríamos en función de nuestras expectativas. Nos decantamos por el videojuego de corte sencillo. Para la primera semana de trabajo nos pondríamos a formular el proyecto que queremos llevar a cabo, asignando a cada uno una parte que completar. Además cada uno tendrá que buscar y aprender a manejar cada uno de los programas que usaremos (diseño, gestor de contenido y entorno de trabajo). En la segunda semana de trabajo instalaremos el entorno de trabajo que usaremos y aprender a utilizar la librería con la que diseñaremos el videojuego. También tendrán que instalar los programas buscados restantes y aprender a manejarlos (cada uno el que buscó la semana anterior), el restante se dedicará a diseñar las clases que utilizaremos en el videojuego. Los siguientes días empezaremos a implementar las clases diseñadas la semana anterior. Cada uno implementará una serie de clases relacionadas, uno hará las clases de los escenarios (mapas, interacción con el entorno…), otro las clases de los entes (personajes, enemigos, inteligencia artificial, etc.) y el ultimo realizará las clases de colisiones. Este trabajo durará unos 13 días. En la quinta semana empezaríamos con la implementación de los niveles del videojuego pero sin gráficos, mediante objetos que definan lo que posteriormente serán los gráficos del videojuego. Cada uno se enmarcará de realizar 2 niveles, con excepción de un integrante que realizará solo uno además de crear el diseño de la página web que servirá como soporte del juego. En la sexta semana diseñaremos los gráficos del juego que sustituirán a los objetos que implementamos las semanas anteriores. Diseñaremos los escenarios, los personajes, la interfaz. En la séptima semana crearemos la página web, buscaremos los sonidos que utilizaremos y crearemos los gráficos. Repartiéndonos el trabajo tal que uno se encargará de crear la web, otro de buscar los sonidos y el último crear los gráficos. Posteriormente nos centraremos a añadir los sonidos y gráficos finales a los videojuegos. Y completaremos el soporte web registrándonos en diversas redes sociales para dar a conocer el videojuego. El tiempo restante será para realizar pruebas, para comprobar que no existan errores y corregirlos en caso de encontrarlos. Hemos intentado ajustarlo lo mas posible a la planificación propuesta, pero nos ha sido muy difícil por eso hemos tenido que ir ajustándonos sobre la marcha intentado ajustarnos lo mas posible al plan inicial. El primer retraso lo sufrimos a la hora de instalar el entorno de trabajo ya que nos costó encontrar uno que nos funcionara. Al ser la primera vez que trabajamos con la librería SDL nos costó aprender su funcionamiento y cualidades por lo que también sufrimos algunos retrasos en esta parte. En la parte del diseño de los gráficos, la música y del soporte web no sufrimos ningún retraso ya que teníamos experiencia previa en cada uno de esos ámbitos. En definitiva intentamos ajustarnos lo mejor posible al plan previsto y finalmente conseguimos realizar dos de los cinco niveles propuestos, lo suficiente para tener una DEMO jugable.

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

10/11

Resumen ejecutivo

Conclusión Objetivos Al comenzar este proyecto nos propusimos dos objetivos principales. Realizar el videojuego y una plataforma social dedicada a él.

Videojuego

Este objetivo no lo hemos cumplido totalmente ya que no hemos podido terminarlo completamente como ya hemos explicado antes. En cambio hemos cumplido otros objetivos dentro del videojuego como crear un par de niveles en funcionamiento además de diferentes acciones del personaje principal y los enemigos.

Plataforma social

Este objetivo si que lo hemos completado completamente ya que hemos diseñado completamente una web desde la que distribuir el videojuego así como mantener contacto con los jugadores. En este objetivo incluimos la creación de diferentes cuentas en algunas redes sociales como Twitter, Facebook o YouTube (en al que hemos creado una serie de videos de presentación). Además de crear una cuenta en PayPal para que los interesados hagan donaciones.

Conclusión

En definitiva podemos considerarlo cumplido en gran parte pero inacabado ya que faltaría completar el videojuego pero por el resto de objetivos los consideramos alcanzados.

Limitaciones Las limitaciones que hemos encontrado con este proyecto es la dificultad de exportar el videojuego a otros sistemas operativos, ya que para poder ser ejecutado en otros sistemas operativos es necesario ser compilado y hacer cambios en el código fuente para que sea compatible. Otra limitación que encontramos es que debido a un error del que desconocemos el motivo, el sonido del juego se desactiva en algunos ordenadores. En cuanto a la parte gráfica nos vemos algo limitados en el aspecto de que ninguno de los componentes nos dedicamos al dibujo y carecemos de herramientas como tabletas digitalizadoras a la hora de diseñar los gráficos del juego. Esto mismo sucede con la música, que tenemos que aprovechar las distintas melodías que nos ofrecen de forma gratuita.

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/

2016/12/08 01:30

11/11

Resumen ejecutivo

Mejoras Podemos introducir varias mejoras al concluir este proyecto. La principal mejora que podemos realizar es acabar el juego completamente, terminando el resto de niveles propuestos en un principio. También podríamos, una vez acabado, portar el videojuego a diferentes sistemas operativos como Linux o iOS de la forma que indicamos en las limitaciones.

From: http://sm.ingenieriamultimedia.org/ - Sistemas Multimedia Permanent link: http://sm.ingenieriamultimedia.org/doku.php/alumnos:201112:grupo_14:memoriapractica2 Last update: 2012/02/14 09:17

Sistemas Multimedia - http://sm.ingenieriamultimedia.org/