viernes, 28 de junio de 2013

Lolo´s Prison


Siguiendo con la temática del diseño, hoy me gustaría mostraros un pequeño juego que creé con "Macromedia Director Shockwave Studio" en su versión 8.5, hoy llamado adobe director. Programa que fue desarrollado por Macromedia y a partir del 2008, distribuido por Adobe. Del cual, fue la inspiración para crear Adobe Flash. En la práctica Director sirve para la creación de aplicaciones multimedia, en este caso un juego. El interface es bastante sencillo e intuitivo y lo que nos limitará, será mas bien nuestras nociones de programación. El lenguaje de programación es lingo. Aunque no hablaré de programación, no es mi especialidad. Entraremos mas en la parte del desarrollo.

Planificación del trabajo

Una vez claro el tipo de juego que iba a desarrollar, redacté en un papel, un pequeño texto explicativo con la historia, desarrollo, algunos bocetos, niveles, tipo de efectos sonido, tipo música y cualquier acontecimiento que fuera relevante para el desarrollo.

Introducción, personajes y escenarios

La lamentable historia del juego , solo buscaba la situación para poner a nuestro personaje recorriendo laberintos. Se trabajaría mas si fuera un juego comercial, pero es mas un ejemplo que otra cosa.

"Tenemos a Manolo, que estaba condenado a una semana de prisión por discrepancias con su mujer por ver quien le tocaba ver la tele el sábado noche. Justamente el día de su salida, los guardias de seguridad en vez de soltarte fuera de prisión, le dan las llaves de su celda porque no querían perderse el derby barça-madrid. Es mas, antes de irse le invitan a una botella de whisky, para que no se chivara al director, por salir antes de tiempo del trabajo. Manolo acepta gustosamente y después de abrir la celda, se bebió la botella , con la consecuencia de que ahora lleva una cogorza tremenda. Nuestra misión es sencilla. Conducir a Manolo hasta la salida de la cárcel con cuidado de no chocar con la pared con la probabilidad de quedar inconsciente, cosa difícil, ya que ha bebido demasiado" 


Lolo´s Prison consta de 4 personajes totales. De los cuales uno es el protagonista que es quien controlamos en el juego, otros 2 son otros presos que encuentras por el camino y por último un policía. Tenemos
5 niveles o escenarios que recorrer. La interacción entre niveles se hace a través de escaleras, donde podremos retroceder si es necesario. También podemos hablar con algunos personajes acercándonos a ellos, cuando lo hagamos saldrá una pantalla con el personaje en cuestión y el texto. Habrá un lugar "secreto" esencial para salir de la prisión y será necesario hablar con los personajes para resolverlo.

Bocetos

Ahora mismo no tengo disponibles los bocetos en el ordenador, en cuanto los tenga editaré la entrada. Mas que nada, porque en ellos se reflejan perfectamente, la idea de que desarrollarlos es muy importante, para tener bien perfilado el trabajo, al igual que es de gran utilidad el storyboard para crear una animaciones.
En este caso en concreto, utilicé las típicas hojas cuadriculadas, de modo que un cuadrado interpretaría un pixel en pantalla. Así que primero creé los pixeles de los personajes, con sus respectivas animaciones. Luego tenemos lo que son los diseños del fondo, como rocas, piedras, celdas, suelo y todas estas cosas que estarán creadas a partir del mismo patrón de pixeles de ancho y largo, normalmente cuadrados para unirlas y crear así los escenarios. Por último, se diseñó los mapas y niveles del juego. Una vez acabados, le dí color a lo que ya tenia decidido.

Digitalizando los bocetos

Con los bocetos en la mano, me pongo a digitalizar todo lo necesario en Photoshop. Como ya he comentado antes, el hacerlos con hojas cuadriculadas, permite facilitar el trabajo, un cuadrado relleno en la hoja, igual a un pixel en pantalla. Para ello, elegí la herramienta "lápiz", que nos permite trabajar cómodamente para tal fin. Así que poco a poco voy creando el mundo digital.

Personajes:



Animaciones:



Ejemplo de animación: 


Materiales:


Niveles:


Arrancando el programa

Tampoco entraré en profundidad, en el programa, ni hablaré de tecnicismos. Solo comentaré por encima los detalles mas relevantes del interface y poco mas, ya que es un programa viejo y solo lo he llegado a utilizar para hacer minijuegos y poco mas hace algunos años ya, lo abandoné para aprender mas sobre adobe flash.

Interface:


Básicamente nos fijaremos en las tres ventanas mas importantes que son:

1.Stage. Donde se desarrollará la acción de todo lo que estamos haciendo, es decir, el resultado de todo lo que hagamos en tiempo real y lo que obtendremos finalmente.

2.Cast. Esto es el equivalente a la biblioteca de Flash. En esta ventana, iremos agregando todo el contenido que queramos, gráficos, sonido, música... podemos arrastrarlos directamente del explorador al cast, directamente. Ademas podemos crear rutinas en la misma ventana

3.Score. Parecida a la barra de tiempo en Flash. Ahí se indica que acontecimientos sucede y en que tiempo se muestran.

Indicaciones que dar al programa

El programa, trabaja en un entorno sencillo, blanco y negro, donde blanco no hay acontecimientos y negro si los ahí (imagen derecha), por lo que deberemos programar siguiendo unas eventos de lo que queramos que pase cuando un punto negro ( que seria el personaje que controlamos) toca otro punto negro. Cada uno pueden acontecer las mismas cosas o distintas según lo que queremos conseguir. Todo esto se "disfraza" con la imagen del gráfico final (imagen izquierda), debidamente vinculada a los graficos en blanco y negro que estarán ocultos, es decir, que el punto negro lo asociaremos al gráfico del personaje y cuando este se mueva, también lo hará el punto negro.

Las rutinas se programaran, teniendo esto en cuenta y serán las mismas para todos los objetos. Cada punto negro, deberá tener su correspondiente gráfico final, tan solo será la referencia que toma el programa, cuando introducimos código en lenguaje lingo.


Como podemos ver, tenemos aquí tres objetos, A, B y C. Cuando interactuan entre ellos, vamos a ordenarle al programa, que ocurran ciertos evento, que como vemos en la imagen serán 3 en total. Pues bien, antes de empezar, debemos indicarle al programa, ciertas reglas a seguir. Si nos fijamos en el objeto A, que es un rectángulo que cubre totalmente el personaje, deberemos indicarle al programa que se oculte tras el personaje cuando estemos jugando, también que se mueva a "x pixeles" con los cursores "arriba", "abajo", "izquierda" y "derecha", según cual de ellos presionemos y por último, que vincule el movimiento del rectángulo negro al gráfico del personaje, esto se indica con un identificador en el cast. Como ejemplo podríamos programar, que si pulsamos el cursor de la derecha de nuestro teclado, el rectángulo negro se desplace por ejemplo "20 pixeles" a la derecha, todo ello vinculado a nuestro personaje, el cual será el único que se verá en el stage. De esta forma conseguimos que nuestro personaje pueda moverse por todo el escenario en todas las direcciones, sin mostrar nada mas que el personaje, esto sería el evento 1. Seguidamente, debemos indicar que cuando el objeto A, choque con el objeto B que estan vinculadas a las paredes, perdamos la vida y volvamos al menú inicial, mostrando la palabra "game over", evento 2. Por último, indicaremos que cuando el objeto A, interactue con objeto C, que serían las escaleras, subiéramos o bajáramos de nivel, evento 3.

Resumiendo tenemos 3 objetos:

A - "Personaje", vinculado a un cuadrado.
B - "Paredes o muros", vinculado al escenario, concretamente en los gráficos de la pared.
C - "Escaleras", tambien vinculado al escenario, pero a los gráficos de las escaleras.

Cuando interactuan entre ellos, ocurren ciertos eventos

1 - "A" interactua con el escenario, controlando el personaje con los cursores.
2 - "A con B" Muerte del personajes.
3 - "A con C" Sube o baja nivel.

Esto en cuanto a eventos puramente del juego. Luego podemos sumar que cuando ocurra el evento 2 se escuche un grito y después una música de game over. Las posibilidades son infinitas. Por ejemplo podemos hacer que cuando se acerque nuestro personaje al policia, tenga su pantalla correspondiente con texto.



Esto sería una pequeña muestra. Por supuesto depende del nivel de programación que tenga cada uno, podrá hacer cosas mejores. Desde luego programar no es mi punto fuerte, la muestra esta en que la duración aproximada de hacer el juego, el 75% de el, lo perdí programando. Ademas que disfruté mucho mas el crearlo que el programarlo.

Finalizando

Lo ideal es que todo lo que se vaya programando, se vaya comprobando. A veces programando ciertas rutinas, estas repercuten en otras, así que no esta de mas comprobarlo más exhaustivamente. Finalmente solo nos quedara disfrutar de él.




martes, 18 de junio de 2013

La pesadilla del sepultero, animacion en flash.



Hace años, concretamente hace cinco, ¡como pasa el tiempo! acabe un pequeño corto animado realizado en flash. Por aquel entonces estudiaba en una escuela de diseño y entre otras muchas cosas realizamos unas clases de animación en flash, aunque no fueron muchas, apenas un par de horas, fueron suficientes, para empezar hacer un pequeño corto animado. En las clases utilizamos Adobe Flash en su versión Creative Suite 3 y mediante unos pequeños ejemplos muy simples, mediante figuras geométricas simples tales como círculos, cuadrados y en alguna ocasión dibujos ya vectorizados que nos facilitó el profesor, aprendimos a manejar las distintas técnicas de animación, como desplazamientos, escala , rotación de tales objetos e incluso interactuar con ellos.

"The Gravedigger Knighmare" o la "Pesadilla del Sepultero", fue la propuesta que lleve a cabo en mi proyecto para hacer la animación. El proceso del mismo tuvo una serie de etapas o pasos, que aunque no son esenciales para llevarla a cabo, es una forma de tener nuestro trabajo bien estructurado y ordenado, para trabajar fluidamente.

Aunque en algunos pasos el orden de preferencia puede variar, a mi me fue bien siguiendo estos pasos:

- Búsqueda de ideas o propuestas para la historia.

 Sin historia no hay animación, esto todo el mundo lo tiene claro, es más, uno de los motivos que nos lleva a cabo hacerla, es tener una historia que contar y tener el deseo de realizarlas. Asi que si tanto se haga una historia corta, como larga, lo ideal escribir unas lineas de esa historia o incluso hacer un pequeño dibujo como un storyboard preliminar, sin detallar demasiado para hacerse una idea clara.




- Búsqueda de imágenes y sonidos.

Un paso esencial, ya que podemos perder mucho tiempo buscando, hay que tener las ideas muy claras, para no nos entren dudas durante los siguientes procesos. Si vamos hacer por ejemplo una historia de una carrera de formula 1, deberíamos enfocarnos exclusivamente a buscar imágenes de coches de formula 1, circuitos, publico, banderas y ese tipo de cosas, seleccionarlas y descartar las que no nos interesan. Lo mismo ocurre con los efectos de sonido y música (si se va a incluir claro), buscar el rugido de los motores de los coches, gritos del publico, frenadas de coches, choques... vamos ningún secreto. La cuestión es que no podemos cometer el error de empezar a querer introducir cosas prescindibles, bien porque tenéis una gran escena que os gustaría plasmar en la animación o por las cuestiones que fueran, debemos centrarnos en la trama principal, que lo único que hacen es retrasar el trabajo para contar lo mismo.

Para buscarlos, podemos utilizar google imágenes o un banco de imágenes alternativo, recordad que no importa el tamaño, ya que bien los utilizareis para vectorizar, como para bocetar. Para los sonidos, lo mismo, google o banco de sonidos. También apuntar que existen páginas, con vectores para los más perezosos, pero evidentemente os limitará mucho el estar ya creados, aunque para los fondos pueden venir bien después de todo. Aquí os dejo un par de enlaces que utilicé en su momento.

Para efectos de sonido

Para efectos e imágenes

- Primeros bocetos. 

Una vez que tenemos las imágenes, podemos ir bocetando aquellas que nos parezcan interesantes para incluir en nuestra animación. Recordad que dentro de lo que cabe, lo ideal es que sean bocetos simples ya que luego deberán ser vectorizados, con lo que cuanto mas sencillo, mas fácil sera animarlo. Podemos dibujar escenarios o localizaciones por un lado, que interactuen a modo de fondo y viceversa con los personajes u objetos principales.


También podemos incluir algunas pequeñas animaciones en forma de muestra que nos serán muy útiles cuando animemos en el programa.


- StoryBoard. 

Aquí viene lo que para mi, es uno de los pilares más importantes de una animación. Si tenéis un buen storyboard, claro y definido, la animación saldrá prácticamente "sola". Y es que se puede decir que el storyboard, es como el "manual de instrucciones" para el animador. Ahí se refleja todos los acontecimientos que irán apareciendo durante todos los frames (cuadros por segundo) de tiempo de la animación y aunque principalmente sea la trama dibujada de la historia lo que predomine el storyboard, también  es recomendable anotar, otros acontecimientos tales como los efectos de sonido, efectos de plano, música y otro tipo de anotaciones que aclaren de manera gráfica la historia. Con esto, se evitan posibles errores de historia, falta de secuencias, sobrantes y todo este tipo de cuestiones que se llevan a cabo, cuando estamos animando. Ademas es conveniente que cuando deis por finalizado el storyboard y una vez empezada la animación, es aconsejable no ir modificando detalles "clave" y es preferible hacerlo a "raja tabla" tal cual como lo habéis reflejado en el storyboard, aunque puntualmente si no modifica mucho vuestra idea anterior tampoco pasa nada. Por eso es mejor trabajar bien este proceso para que luego no tengamos muchos parones, que hagan el proceso de animado mas lento.



-Vectorizado de imágenes y dibujos.

Teniendo ya nuestras imagenes recopiladas y bocetos realizados, iremos seleccionando las que mas se ajusten a nuestro storyboard y con paciencia ir vectorizandolas, con un programa de vectorización. Yo en su día utilicé freehand, aunque es un programa ya en desuso y del que pocos trabajan, debido a las pocas novedades y pocas actualizaciones que ha tenido muchos años atrás, debido a esto la popularidad del programa fue en decadencia respecto a adobe illustrator, con muchas mas opciones y mas actualizado a los tiempos que corren, aunque freehand sigue siendo un programa excepcional en rendimiento y simplicidad para crear vectores, también podemos hacerlos aunque de una manera menos precisa, con el mismo adobe flash.

El caso es que hay otra alternativa. Si teneis la suerte de tener una tableta grafica, podemos dibujar directamente los vectores en adobe flash, con lo que el proceso de vectorizado es realmente veloz. Yo lo hice con una Wacom graphire4, que fue mi segunda tableta y fue un paso gigante a la experiencia de dibujar en el ordenador con esta tecnologia. Aunque ahora dispongo de otra mas precisa y mas "purista" que ya hable en este mismo blog y de la que hace que parezca que dibujes en papel. En cualquier caso, a un animador/ilsutrador nunca le debería falta una tableta, sobre todo ahora, que las hay tan asequibles y con una calidad y precisión increíbles.


- Descubriendo Adobe Flash

Una vez acabado con todos esos procesos esenciales, ya podemos arrancar el programa, que como dije unas lineas mas arriba es la version cs3. Aunque no hay muchas variaciones entre unas y otras, uno de los lugares que mas prestaremos atención junto con la linea de tiempo, es la dedicada a la biblioteca, donde deberemos añadir todo tipo de archivos que queramos utilizar en nuestra animación. Incluiremos la música, los vectores y efectos de sonido que deseemos para tener por fin, la "mesa" lista para empezar a animar.


 - Animación. Procedemos a "digitalizar" la historia.

Nuestro gran aliado aquí es el storyboard, del cual siguiendo sus instrucciones, no tendremos muchos problemas en acabar la historia rápidamente. Insisto en que es mejor "calcarlo" tal cual como lo tenéis ahí reflejado, puesto que modificar cosas al aire luego puede dar problemas. No voy a entrar en cuestiones del programa, primero porque tendría que hacer unas cuantas entradas mas y segundo, porque hay miles de tutoriales que lo explican perfectamente en la red, así que os aconsejo que os "empapéis" la teoría, antes de entrar a la práctica. Ademas con las nuevas versiones del mismo, han ido implementando mejoras, que agilizan aun mas las animaciones tales como la estructuras de huesos, con lo que nos facilitan aun mas, el no tener que ir dibujando constantemente el mismo dibujo de distintas posturas, con lo que es un poco tonto, explicar el camino largo, teniendo actualmente caminos mas cortos, para hacer lo mismo.


Finalmente, después de animar, ya solo os queda ver que todo funciona bien, escena por escena y animación completa. Tampoco esta de mas, añadir una marca o logotipo a vuestras animaciones, bien vectorizandolas antes o incrustando una imagen estática si no os queréis complicar la vida. Así que ya sabéis, si os interesa el tema, no dejéis de intentarlo, lo mas importante es tener ilusión y voluntad. Lo que prima es la originalidad no el acabado. Os dejo con la animación en concreto, haber si os animáis algunos.



Saludos




sábado, 15 de junio de 2013

Bartop paso a paso (segunda parte)

En esta segunda y ultima parte de esta entrada. Os comentaré la transformación que lleve a cabo a la bartop. En un principio no tenia la intención de hacerla "cuca", pero me cansé al cabo de un tiempo y viendo las maravillas que habían por internet, no podia quedarme con los brazos cruzados sin mas. Pero tampoco queria gastar mucho dinero, no porque no quisiera, sino porque no habia, es lo que tiene no tener trabajo, tienes mucho tiempo libre, pero pcoo dinero para disfrutarlo.

Volviendo al tema y poniendonos en situación, teniamos la bartop, totalmente funcional, con sus botoneras, el monitor ( aunque daba problemas que luego detallaré ), con sonido que salia de los integrados del monitor, que aunque sonaban bien y fuerte, hacia un efecto extraño al salir el sonido debajo del cpo, digamos que estaba bien taponado y una ventilacion correcta para el uso que le iba a dar, con unos artes justitos y unos buenos acabados gracias al cubrecanto de plastico negro.

Una foto resumiendo esto:



Añadiendo altavoces 2.1

Bien pues uno de los primeros detalles que queria resolver, era el tema del sonido. Recordemos que el sonido salia del monitor, concretamente de la parte inferior del mismo, con lo que el sonido se escuchaba  taponado. En casa tenia unos 4.1 de gran calidad y potencia, concretamente unos Creative Soundworks. 

Una foto del mismo:



Y aqui, el espacio que ya les tenia reservado anteriormente, por delante:


Y por detras donde se aprecia bien donde iria metido todo eso:

Nota: Imagen anterior a cambiar la placa, no encontre una mas nueva.

Evidentemente, tenia que prescindir de los dos satelites traseros y abrir un nuevo "boquete" para meter el subwoofer, aunque antes tenia que comprobar que todo ese tinglado cabia ahi dentro. Asi que me dedique a extraer las tripas del subwoofer y un par de satelites, que me costo un buen rato ya que le echaron "1 kilo" de pegamento a la placa y amplificador que venia en el subwoofer. Despues de sacar todo el tinglado, hice los agujeros para el subwoofer y junto a la placa de controles y el amplificador los meti todo en la zona deseada de la forma mas conveniente que encontré, y el resultado fue este.


Y aqui podemos ver el resultado por dentras, con la fuente dentro y funcionando.




El resultado sonoro es espectacular, la misma bartop actua como caja de resonancia y ganan en contundencia, el sonido es potente y de calidad. El único pero que le puedo poner, es que quizas la direccion de sonido no es la mas idonea para disfrutarlo al 100%, cosa que si  ocurre y disfruta cuando se inclina la cabeza un pelin hacia el control de mandos, pero es debido al propio diseño de la maquina. Tambien hay que destacar que los valores de volumen de este sistema de altavoces es externo, con lo que a traves de un cable  podemos sacarlo afuera o incrustarlo en algun lado de la maquina. Yo por ahora lo he dejado tal cual, primero por que es comodo y otro porque aun no tengo decidido donde ponerlo. 

Añadiendo arte y metacrilato a la madera de los altavoces.

Bien, una vez puesto el sonido, decidi darle un poco de vidilla a esa maderita gris de los altavoces. Como no tenia mas metacrilato y viendo que el bezel lo iba a cambiar de un momento a otro, decidi quitar una de esas placas de metacrilato ( mi bezel tiene dos planchas de metacrilato y en medio de estas los artes a modo sandwich), para hacer un bonito arte junto el metacrilato en los altavoces. Asi que corte el metacrilato a la medida justa e hice un arte ( bastante feo dada la impaciencia que tenia por ver el resultado), y los agujeree a la vez con la madera para que coincidiera. Por alguna razon tambien cambie la marquesina, no me acababa de convencer, asi que tambien la cambie con el otro trozo de metacrilato corte para hacerla mas ancha, con lo que la maquina tomo un diseño diferente. Aqui el resultado.


Y aqui una vista general.


Realmente me gustaba el cambio, pero no acaba de convencerme los artes, asi que teniendo esto en cuenta en el futuro segui con la maquina.

Reparacion del monitor.

Uno de los problemas que arrastraba y nunca me dio por arreglar fue el monitor. El problema era como un fallo de contacto en el cable de alimentacion. A veces cuando lo enchufaba se escuchaban chispas, un mal rollo que al final empeoro hasta el punto de no encender el led de standby, cuando el monitor estaba en modo reposo. Con mucho respeto lo abri, tenia mucha paranoia con los monitores y la alta tension de los mismos, aunque estos se reproducen mas en los crt, aunque lo deje tres dias sin conectarlo a la red electrica, por si las moscas. Yo no soy muy entendido en el tema, pero pense que si el monitor no encendia por esos chispazos y segun como ponia el cable le llegaba o no la corriente, seria cuestion de que algo se habia soltado o hacia mal contacto. En fin, lo abri...


Y concretamente me esmere en ver el contacto del cable electrico a la placa del monitor, para esto como se ve en la imagen anterior, tuve que desatornillar la placa para ver los puntos de soldadura haber si estaban bien y sorpresa...


Los puntos de soldadura se han esfumado y estan al aire libre... esto es lo que pasa cuando dejamos un problema dia tras dia. Asi que limpie la placa y solde de nuevo con estaño la parte deteriorada y tambien porque no los otros dos puntos que aunque no estaban sueltos, bailaban un poco.


Finalmente lo monte y ya iba perfectamente bien. A otra cosa mariposa.

Añadiendo artes laterales y reediseño de la bartop al completo.

Pues si, finalmente me lancé, hacer alguna historia con los tristes laterales marrones. Viendo que el precio me subia mucho con los vinilos y intentando de resolver de alguna manera economica este detalle...


...pense, ¡Que diablos!
Asi que photoshop en mano y las ideas claras, seleccione artes de algunos juegos que me gustaban en la infancia. Me costo bastante decidirme por uno, pero me decidi por Gradius. Esa portada mitica del primer gradius, para mi tiene mucho encanto y ademas es un arte bastante retro. Compre papel fotografico de alta calidad satinado brillante, para darle un aspecto genial. Me gusto tanto el resultado "digital", que pense en volver a diseñar todo el tema artistico de la bartop y cuando se me mete algo en la cabeza, mal asunto. Asi que despues de unas horillas ya tenia diseñado todos los artes "digitalmente"...

Los laterales


Frontal


Todo el tinglado en photoshop 


Asi que una vez me llego los nuevos metacrilatos de alta calidad (no se rallan apenas, se puede limpiar sin miedo a perder la transparencia), imprimi todo a conciencia. El resultado me encanto...



Y eso que no soy una persona muy conformista, pero al fin parecia que el resultado del esfuerzo se veia reflejado.

Añadiendo vinilo negro

Por ultimo, encontre unos vinilos negros bastante baratos en un comercio y compre dos rollitos negros. Queria tapar esa madera marron que no pegaba mucho con lo que alli habia. Al principio hice una pequeña prueba en una madera y vi que era realmente sencillo. Se le pasa un paño ligeramente humedo y luego cruzar los dedos para que no salgan burbujas. Lo que ha mejorado en gran parte es la parte trasera, que ahora tiene un mejor acabado. Sin mas las ultimas fotos.



Unos detalles de la marquesina y del arte y metacrilato de los altavoces



Y bueno hasta aqui, sin mas ahora toca el proposito para que se hizo, ¡A Jugar!


Enlaces relacionados:


Os recuerdo que teneis un video reportaje sobre el tema y tambien este pequeño video probando la bartop con el Out Run.







lunes, 10 de junio de 2013

Bartop paso a paso


Después de tanto tiempo sin actualizar, tengo que decir que al fin, he acabado la bartop. Como en su día, estuve escribiendo mis avances en un foro dedicado a ello, he partido de esos escritos para poder escribir esta entrada adaptándolo para el blog.


Historia

Maqueta: "marzo 2011" duración 2 días.

Construcción: "Mayo 2012 / Abril 2012" duración 1 mes.

Otros avances y mejoras: Indeterminado hasta el presente "junio 2013"

Unos apuntes

"En primer lugar, mi presupuesto era bajo, así que en lo único que iba a gastar seria en los componentes o materiales que no tuviera en casa. Aunque la idea la tenia en mente desde hace mucho tiempo, tengo que confesar que me animo mucho ver trabajos en internet, que me inspiraron para hacer muchas cosas.

En segundo lugar, era el miedo de no tener mucha idea de carpintería ni electrónica, de echo fui aprendiendo mucho leyendo en foros dedicados a construir recreativas. Como en un principio no buscaba crear una recreativa "molona", sino mas bien una de batalla, no tuve en cuenta ciertos aspectos que luego tuve que modificar, pero en ese momento solo pensaba en una maquina que pudiera jugar a cualquier cosa con los colegas sin preocuparme de nada mas que jugar.

Preparación

Como ya he comentado, no tenia un tema concreto en el que basarme para los artes. No era una cosa que me preocupara entonces, pero si que tendría que tener cierto "look" que lo distinguiera de un mueble de salón. En la práctica eso sería dejar el montado mueble tal cual, e incluir artes y metacrilato en el cpo o panel de control arcade, la marquesina y quizás en el bezel, ya que mi humilde impresora A4, no puede llegar a las dimensiones que requeriría imprimirlos, ni un presupuesto ajustado para ponerle unos bonitos vinilos.. Así que que decidí que de poner artes, lo escogería mas adelante, en el transcurro del proceso de construcción de la maquina. Eso si, tenía que tener claro al menos de cuantos jugadores la iba hacer y cuantos botones tendría en total. Decidí que sería mas tarde de 2 jugadores y de 6 botones por jugador, sin contar los de servicio y en un futuro ponerle quizás unos laterales ( soy un fan de los pinball). La causa es que el ancho del monitor me permitía hacerlo, si hubiera sido mas pequeño, seguramente lo hubiera echo de 2 jugadores por 4 botones.

Las palancas y botones ,en un momento pensé comprarlas como las que jugaba de pequeño, típicas de Industrias Lorenzo, pero opte por unas japonesas de bola, concretamente unas seimitsu LS 32, junto con 14 botones 29mm ( 6x6 para jugadores mas 2 por si me daba hacer los laterales del pinball finalmente) mas otros 4 mas pequeños de 24mm para servicio ( 2 de moneda y 2 de start de 1 y 2 jugadores ), aunque quizás tuve que hacer solo uno para monedas y otro para salir.

La madera es un aglomerado contrachapado de una antigua mesa de ordenador que iba a tirar mi hermano, el problema era que tenia dos colores , cerezo y gris. También reutilice unas maderas de una estanterías de CDs, un poco deterioradas y de distinto color, pero perfectas para la base de la maca, donde no se vería nada.

El monitor era un panoramico de 19" que no se utilizaba porque tiene un marca rayada en medio, pero que solo se aprecia cuando el contraste del blanco es alto. Tambien tiene una ventaja, y es que lleva incorporados altavoces bastante potentes, aunque por contra no son de tanta calidad que unos altavoces de mesa de ordenador y encima hace que el monitor sea mas "tocho". Sinceramente me hubiera encantado un 4:3 y sin rayones, ni altavoces, pero menos da una piedra.

El pc era un pentium 4 2000 mhz con un giga de ram y una gforce2 mx 400 que encontre al lado del contenedor de basura, por lo que veo el vecino no tenia idea de cambiar el disco duro, porque el pc funcionaba perfectamente y para esto le viene como anillo al dedo, ademas de que hacemos reciclaje.

El metacrilato para el cpo, bezel y marquesina lo pille en leroy , concretamente uno de 3mm de 50x100cm, me venia perfecto ya que en la maqueta que ahora os mostrare la hice del mismo ancho (sin contar el ancho de los dos laterales), con lo que todas las partes citadas tendrian ese ancho y solo debia hacer un corte de la pieza en concreto.

Maqueta con botones de un mayflash de prueba

Detalle de la maqueta y medidas

¡¡Manos a la obra!!

Llegado el día D, con todo lo que tenia y un puñado de bocetos, hice una maqueta de cartón ( como muchos de nosotros), para no tener sorpresas más tarde. El limite lo tenia en que los trozos de madera que tenia y también el ancho del monitor, el resto se podía "apañar" adecuadamente unos centímetros mas o menos. Ademas experimente la viabilidad de la posición de los botones, tambien de los laterales y ese tipo de cosa, porque luego no hay marcha atrás.

Cortando maderas, montando el esqueleto y el cpo

Tuve que restar profundidad respecto a la maqueta, ya que tuve que hacer los laterales de una sola pieza que tenia de la madera mas grande que tenía, pero lo suficientemente ancha para meter placa y demás componentes de la maca. Es lo que tiene trabajar con lo que uno tiene sin comprar. Una vez me aclaré con esto, dibujé todo en las maderas que tenia, en la base tuve que unir algunas piezas, porque no llegaban, las estanterías me ayudaron a sumar centímetros, aunque no lo vi en un principio tan claro, la cosa fue finamente bien. Después de dibujar las siluetas de cartón en la madera y antes de cortarlas, con un cutter, marque un poco mas dentro de la zona de cortar que había dibujado, para que después al cortar con la caladora no se astillara la madera, la cosa fue mas o menos bien, de no ser que la guía de la caladora estaba en mal estado ademas de un poco torcida. Así que con paciencia corte todas las partes de madera. Cuando ya las tuve todas, monte el esqueleto con unos listones de 2x2cm. Le añadí el cpo, lo cual lo estaba construyendo aparte, porque lo quería habilitar para abatirlo en caso de problemas y le añadí el monitor para ver que cabía sin problemas.

Aqui ya con el monitor y el cpo montado

Como comentaba, y aunque no lo tenia pensado en un principio pensé en la opción cpo abatible con bisagra de piano y es que tener que abrir toda la maquina para manipular por ejemplo soldaduras mal echas por el tiempo o sacar el disco duro por alguna razón, era un engorro, (esto fue antes de llevarme la sorpresa de poner el "u-molding", cuando se me quedo cara de poker ).


Instalación monitor y placa base

Aproveché para meter la placa base, no sin antes comprobar que no chocara con el monitor. Luego la atornillaría a la base de la madera, con los típicos "tornillos" que van de las cajas de los ordenadores a la placa. Hacia un agujero con un destornillador de punta y luego metía el "tornillo" en cuestión, y lo enrroscaba con un alicates a la base de la madera, con cada uno de los tornillos. La placa quedó perfectamente enganchada. Después, instalé el monitor y ver que tal quedaba con el cpo.

Placa instalada, y Cpo abatible con visagra de piano.


Distribución e instalación de los botones en el cpo

Para la distribución de botones estuve buscando información para dos jugadores con un ancho de 50 cm. Recuerdo una vez haber encontrado algo, pero como no habían planos, decidí hacerme una distribución en un cartón y probarla con un amigo, hice varias hasta que me convenció una donde no nos molestáramos mucho jugando dos personas, pero un detalle pase por alto, fue que no pensé en los cantos de los laterales, debido a que en un principio iba hacerlos a la misma altura que el cpo, cuando finalmente el cpo lo hice mas bajo, como notareis mas adelante en otras fotos y esto aunque no es un problema para jugar, es una pena no haber pensado en este detalle antes.

Uno de las distintas distribuciones que probé.

Una vez decidido la distribución, corte el metacrilato para el cpo y lo pegué con celo de toda la vida, para hacer el corte a la vez en madera y metacrilato. Para el stick y los agujeros de 24mm no había problema, pero desgraciadamente no tenia corona de 29mm, fui a leroy y la única que había costaba 14 euros, algo que no tenia sentido porque solo lo utilizaría para esa ocasión. Por suerte tenia una broca de madera de 28mm, con lo que aunque fuera mas trabajo me ahorraría un dinero y así utilizar la dremel que llevaba dormida muchos años (mi única herramienta propia xD). Antes hice unas pruebas en madera con una corona y después con un taladro de madera y curiosamente el resultado del taladro era mas limpio que la corona. Otra cosa que me fastidio es que el taladro que tengo, con 15 años a sus espaldas,, no giraba correctamente y vibraba demasiado, aunque los agujeros salían bien me costaba mucho mantenerlo en su posición. Con todo esto, me arriesgue agujerear todo el cpo y la cosa fue bastante bien, el metacrilato seguía vivo, pero  tenia tenía los brazos entumecidos de tanta vibración.

Resultado de los agujeros en el cpo.

Ahora tocaba el trabajo de chinos y era con la dremel rebajar ese milímetro de cada agujero, con lo que con paciencia y bastante tiempo, probando que entraba cada botón, acabe el trabajo. Mucho peor y mas costoso fue rebajar el cpo, para adherir el stick a la madera. También para que el mismo, tuviera mas altura respecto a la base de la madera, ya que esos centímetros que nos sobraban por abajo, nos faltaban arriba. Menudo currazo esto, mas sin herramientas adecuadas.

Chapuza, que afortunadamente no se ve, porque esta oculta una vez montado.

Stick montado y bien sujeto

No pude resistirme antes de acabar ese curro, a poner los botones y el stick y verlo todo en el mueble, es un sentimiento muy especial, hasta imprimí el arte provisional para ver como quedaba.

Cuando empiezas a ver el resultado, ves que el esfuerzo tiene su recompensa.


Instalación fuente alimentación y otros componentes

Teniendo todo esto, empece a poner todo el tema electrónico en el mueble, la placa ya la tenia enganchada a la base del mueble así que el resto era ir probando como lo hice con la maqueta. La cosa estaba muy jodida porque como no me enteraba como liberar de espacio quitando fuente y regleta del interior del mueble, tenía que hacerme la idea que acabarían dentro de ella. También por el exceso de calor que tendría. Se que es muy chapuza y ocupa un espacio y calor innecesario, pero viendo que todo cabía, lo deje tal cual, hasta en un futuro hacerlo como dios manda.

Todo muy justo, espero resolverlo en un futuro.

Soldaduras y joysticks

Llegaba las temidas soldaduras. Hay muchas alternativas a la hora de montar los joysticks al ordenador. Que bien me hubiera venido un ipac de esos, que no hacen falta soldar nada, es mas parecido a las regletas eléctricas donde atornillamos los cables. También pensé en hacer el interface del puerto paralelo, llega a ser lo mismo, pero creándote tu mediante regletas eléctricas las conexiones para cada botón a través del puerto pararelo previamente modificado, aunque no me acababa de aclarar. Así que como tenia mandos usb para pc, y tenía cierta experiencia del hack mayflash, hice el hack de mandos, aunque no es lo mismo soldar cables solos, que directamente en placas. Finalmente después de unas horas de trabajo las soldaduras quedaron bastante resistentes, aunque algunas se soltaban, sobre todo al abrir y cerrar el cpo . Las placas de los mandos las sujete con dos tornillos a la base de madera. En la imagen siguiente, vereis el disco duro junto las placas de los mandos, aunque normalmente la gente que hace bartops,  lo instala en la madera de sujección del monitor, un amigo me convenció de que el disco duro, podría estropearse con el tiempo, cosa que también leí en foros, donde decían que es mejor mantenerlos en horizontal o vertical pero no en diagonal, por las dudas lo deje finalmente bajo el cpo.

Emjambre de cables junto disco duro.


Detalle de la sujección de las placas de los joysticks en la base de madera.

Altavoces y sonido

Aunque tenia sonido desde el monitor, como en un futuro me gustaría poner unos altavoces que tengo tirados por casa de mi madre, hice sus agujeros correspondientes, ademas así el sonido no era tan embotellado. 

Agujeros para los futuros altavoces pero sin ellos

Bezel y marquesina artes y metacrilato

El tema del bezel es algo que no estoy conforme y seguramente lo acabaré reemplazando en el futuro. Corte dos trozos iguales de metacrilato de 3mm de 50x33 cm y en medio los artes a modo de sandwich. El bezel se ajusta perfectamente al ancho, pero el metacrilato acaba cogiendo polvo y rayones fácilmente. También puse metacrilato la parte de abajo del cpo, ya que me iban a sobrar trozos, la instale junto un arte con dos tornillos. Al igual que la marquesina, aunque esta, esta apoyada por los listones que hay detrás de ella. Le añadí luz led azul ( me equivoqué comprándola). Los artes ya los tenía diseñado hace tiempo, cuando aun estaba haciendo la maqueta, solo tuve que adaptar las dimensiones de la maquina.

Los artes le dan un acabado mas profesional.


Parte trasera y ventilación

En la parte trasera como no tenia una pieza que la cubriera por completo, opte por poner una pequeña abajo y otra mas grande arriba, pensé en hacerla abatible pero no veía por donde. En la parte inferior, la pequeña, no tenia pensado nada mas que un hueco para los cables y otro para ventilación, aunque evidentemente habría que ponerle algún sistema de ventilación mas sofisticado con ventiladores que entren aire fresco y saquen el aire caliente, esto lo haría después de comprobar temperaturas, con un programa destinado a tal fin, ya que la fuente sacaba el aire justamente por donde el ventilador metía el frío.

Parte trasera, boton de encendido, ventilador metiendo aire fresco.

En las primeras pruebas, me preocupaba el exceso de calor dentro de la maca cuando la cerraba, mirando temperaturas con everest y en la bios misma el micro estaba a 70º.  Evidentemente, conseguiría refrigerar mejor la maca si metía otro ventilador arriba para sacar el aire caliente. asi que al hacer el agujero pensé en un diseño de algún forero del space invaders, que lo hizo a modo de adorno. Aunque no encontré plantillas, no fue muy difícil hacerme una propia, así que por un lado hacia mas bonito y me arreglaría el problema del calor, añadiendo dicho ventilador. Listo de mi, me puse hacer la plantilla y agujeros sin comprobar la posición de la tabla que tenia en un principio y acabo al reves, en cualquier caso aunque no encajaba igual de una forma que la otra, no tuve mas remedio que darle la vuelta 180º, la próxima me confiaré menos.



No es el fuerte de la máquina, pero tampoco es una zona muy visible.

Toques finales ( por el momento)

Pues ya la tenia prácticamente lista, solo me quedaba encontrar los u molding, cosa que tarde meses encontrar, puesto que en ninguno de los dos leroy que tenemos en la isla vendían, así que tocaba esperar a que volvieran a tener. Mientras tanto instalé los emuladores y juegos junto un lanzador o frontend, en este caso, debido a la potencia del ordenador, puse el mala, el cual recomiendo, puesto que es muy liviano y optimo para ordenadores "viejunos".

Bartop en marcha

Cuando al fin llegaron, solo habían de color negro, como no tenia esperanza de que trajeran de otros colores y temiendo que volaran me hice con 2 pack del tan ansiado u-molding. La sorpresa fue precisamente que al ponerlos, el cpo abatible, sufría con los roces que provoca el u-molding, así que tuve que lijar una de las partes y la otra despegarla si tenia que abrirlo. Una cagada si señores, Lo bueno que tiene es que aunque no lo pegue no se nota absolutamente nada, asi que deje por no pegar esa parte, por el momento.

U-molding da un cambio espectacular a tu bartop.


Oh no!! Problemas!!

La cosa estaba lista para jugar con un colega, así que vino uno a jugar un día al hyper olimpics (track & field ), por alguna razon el joystick del primer mando no tenia la misma respuesta que el del segundo jugador, era imposible acabar la primera carrera del dicho juego dentro del tiempo, pensé que estaba mal soldado o no hacia buen contacto con la masa. En la configuración de windows me di cuenta que el mando estaba como "lagueado", respondía perfectamente bien todo, pero a veces las pulsaciones fallaba. Así que probé con el street fighter 2 de toda la vida y costaba horrores hacer un "hadoken", en el segundo jugador prácticamente salían solos.


Cambio de mando

No me lo explicaba, pero al final di con el problema. El problema era del propio mando que era una castaña, un elecom tipo mando de super nintendo todo color negro, el otro era un buffalo tambien un clon del de snes con los mismos colores y todo. Asi que tuve que cambiar todo el tinglado, desoldar y hacer otro hack con otro buffalo que tenia, que si lo llego a saber lo pongo antes, currazo que me pegue, con lo mal soldador que soy estuve horas para acabarlo.


Equipo nuevo


Cuando ya daba por finalizada la maca,un día paseando, me encontré una torre al lado del contenedor de basura, cuando descubrí el logo de intel core quad pegado en ella, no dude en meter las zarpas, aunque no soy de esos que buscan por la basura, a veces hacerlo te dan gratas sorpresas. Aunque estuviera roto el pc, algún componente se podría aprovechar. Ya en casa, no pude mas que confirmar que el dueño solo se cargo el disco duro, a martillazos (no sabría sacarlo supongo) así que tenia un "pepino" de ordenador donde podría a partir de ahora, meter emuladores como wii, ps2, dreamcast... Incluso podría aprovechar mi vieja ati hd 3850, que tenía abandonada desde que compré una nueva. Menudo pescado tenia montado, dejar la maquina como estaba o desmontarla de nuevo e instalar el nuevo equipo, con los cambios físicos que tendría que realizar a la bartop, debido a las diferentes dimensiones y caracteristicas de los componentes nuevos. Durante un tiempo me dedique a disfrutarla, pero sabía que tarde o temprano, acabaría cometiendo la locura de desmontar todo y volverla a "parir". Y efectivamente el tiempo, me dio la razón...


Cambios en la bartop

Me puse a mirar si esa torre cabía en mi bartop y aunque algunas mediciones no me cuadraban del todo, me arriesgue a probarlo. Así que desarme con paciencia la bartop excepto el cpo y el monitor. La placa era mas cuadrada así que tuve que mirar de sacarla mas hacia fuera, ya que la instalación de la placa, venía dada por el tope que cubría la placa cuando estaba instalado el disipador del cpu y la gráfica. La placa cabía perfectamente con todo instalado, aunque sobresalía 1 cm mas o menos respecto a la vieja, por lo que no podría tapar la maquina con la tabla de madera que tenia puesta entonces en la parte inferior, así que tendría que inventar alguna cosa. La gráfica tuve que ponerla paralela al monitor y la cpu debajo del mismo, ademas de la fuente paso al lado contrario,los cables son muy cortos. Ya que tenia la maquina patas arriba, me anime a montar los dos botones laterales del pinball, que en un principio me dio pereza hacer, pero que ahora no tenia excusa de privarme de semejante ventaja de tenerlos. Resumiendo, menuda fiesta que lié ahí dentro.



Probando que todo funcionara, desde otro monitor.


Cambios significantes

El mayor cambio que hubo físicamente, fue la parte de atrás, que debido a la placa sobresalía un poco como comenté antes, así que tenia que comerme parte de la madera y se me ocurrió utilizar un trozo que me sobró de metacrilato del modstick, que modifique unos años atrás. El resultado no pintaba tan mal, pero bastante tocada estaba la madera de la parte trasera, como para poner mas pegas. Lo bueno que tiene es que al ser el metacrilato mas manejable, aproveche para poner usb traseros que antes tenia dentro de la maquina. Un extra que me vino genial para poner futuros accesorios si llegara el caso.

El gran cambio fue la parte trasera.


Al fin, lista para jugar

Una vez acabado el proceso. Tuve que formatear e instalar nuevos drivers, junto emuladores y juegos, ademas de instalar el frontend Hyperspin. El cual es una pasada de frontend, que mueve el equipo sin problemas, aunque es de esperar que a medida que la base de datos aumente, el rendimiento empeore un poco. Y así es como quedo la cosa, tengo pendiente poner los artes finales, los altavoces y algunas cosas que me gustaría cambiar. Aunque hago uso de ella y eso me quita tiempo para hacerlo ;) 

Visual Pinball, una maravilla para todos los "pinbaleros"


Gracias a mi mujer, por el detalle de la funda de la maca.

Y hasta aquí la primera parte. La bartop esta acabada y funcional. 

Otros enlaces relacionados:


Video reportaje contando lo mismo pero en imagenes: