Mapas de arte sólidos
Usando Image Overlay Utility

Hola. En este tutorial enseñaré una forma fácil de crear mapas dibujados con Viprin que se puedan tocar, con suelos en el contorno del dibujo.

Este tutorial se diferencia de este otro porque este último solo enseña a unir las líneas a un suelo. Aquí no vamos a hacer eso, pues el arte estará fijo en el mapa.

---

Introducción breve

La idea es crear un dibujo en Viprin y luego hacer que se pueda tocar y escalar. Esto se hace poniendo suelos en el contorno de nuestro dibujo. Lo complicado es poner los suelos en el lugar correcto, por eso yo utilizo un programa que me permita ver el arte al mismo tiempo que hago el mapa en el editor del juego.

---

Links

Viprin's Drawing Editor: http://vipstats.s372.xrea.com/draw/
Image Overlay Utility: http://imageoverlayutility.bitbucket.org/

---

Tutorial

1. Creamos nuestro arte en Viprin.

IMPORTANTE: Si vas a ocultar los suelos tapándolos con el arte, aquí debes crear todas las líneas como FOREGROUND (Click en el botón que dice BACKGROUND). Recomiendo hacer esto para principiantes, porque es más fácil que hacer los suelos invisibles.


2. Generamos el XML con compresión. Lo cargamos en el editor del juego. Añadimos un suelo y un ratón en donde no estorbe.

3. Probamos nuestro mapa y guardamos una captura de pantalla. Asegúrate de no guardar la captura completa de toda la pantalla, solo recorta una parte de manera que se vea el mapa completo.

La imagen anterior es la captura de pantalla que yo usé, tal cual.


4. Abrimos el programa (Image Overlay Utility). Le damos click a Open y buscamos nuestra captura de pantalla recortada.

Aparecerá una ventana con nuestra captura, podemos arrastrarla libremente.


5. Bajamos la opacidad al nivel que queramos (unos 30-70), seleccionamos Actual size.

6. Volvemos a la ventana del juego y, mientras probamos el mapa, ponemos la ventana transparente exactamente encima del juego, haciendo que encaje el arte en ambas ventanas.

(Si no puedes arrastrar la imagen, desactiva la opción Click-Thru)


7. Cuando la imagen esté en su sitio, le damos click derecho y activamos Click-Thru. Esto nos permitirá trabajar normalmente en el juego y las otras ventanas sin que nos estorbe la ventana transparente.

Puedes ajustar la transparencia a tu gusto para que veas bien las herramientas del editor de mapas y se siga viendo la imagen.


8. Añadimos los suelos a nuestro mapa como queramos. Rodeando a nuestro dibujo con madera, chocolate o lo que quieras.

Ese Pikachu tiene cachetes peligrosos.


9. Una vez terminado nuestro mapa, si no usaste un arte con Foreground en el paso 1, tendrás que hacer invisibles los suelos que rodean al arte, de lo contrario se verá la madera encima de nuestro dibujo.

Para hacer esto debes modificar el XML, añadiendo el atributo m="" a todos los suelos del Pikachu. Recomiendo hacer esto usando el editor MapPad, porque te permite ver los elementos del XML mientras seleccionas los suelos.

Si hiciste el arte de frente (Foreground) puedes saltarte este paso. Pero ten en cuenta que las maderas que se salgan del área del dibujo se podrán ver en el mapa.


10. Tu mapa está listo. Puedes cerrar ya la ventana de overlay y disfrutar de tu mapa de Pikachu con mejillas que te mandan a volar.

Experimenta con distintos suelos y dibujos de distintas formas. Con este programa es muy fácil diseñar los mapas luego de hacer el arte.

---

Espero que el tutorial sea útil y que alguien más piense que este programa es perfecto para este propósito.


Si quieres aprender más sobre el editor Viprin o sobre mapas, visita mis otros tutoriales y guías:

• Viprin's Drawing Editor
• Introducción al XML
• Propiedades del mapa

Bonito hilo, muy útil!

Muchas gracias buen hilo lo probaré :#

Oh, interesante herramienta, nunca había visto hablar de ella.

mis dieses

Wow! Me encanta el hilo!
Algún día voy a probar :3

Los tutoriales de Hina definitivamente son los mejores. Gracias me ha servido de mucho!

me encantan tus tutoriales! felicitaishons

bieen

bump, lo descargare devuelta y creo que a muchos les podria servir
dejo el hilo actualizado (version trial)
https://imageoverlayutility.bitbucket.io/trial.html
tienen que descargarlo en algun navegador que no sea chrome o que no lo bloquee porque dice ser malicioso, pero no lo es.

¿Es falso positivo o que?



me salté el bloqueo de chrome para sacar el archivo y no tiene pero aqui me da otra cosa , examinen el archivo para que no se lleven sorpresitas, de momento no me topé con algún virus solo aqui me los dió.

Nekopurr a dit :

¿Es falso positivo o que?



me salté el bloqueo de chrome para sacar el archivo y no tiene pero aqui me da otra cosa , examinen el archivo para que no se lleven sorpresitas, de momento no me topé con algún virus solo aqui me los dió.

A mi también me salto, tiene troyanos

Papelio a dit :

Nekopurr a dit :VoirMasquer

¿Es falso positivo o que?



me salté el bloqueo de chrome para sacar el archivo y no tiene pero aqui me da otra cosa , examinen el archivo para que no se lleven sorpresitas, de momento no me topé con algún virus solo aqui me los dió.

A mi también me salto, tiene troyanos

Pues se lo "eché" por asi decirlo al Malwarebytes y no detectó nada, lo he estado usando estos dias, ralentiza eso si, pero pues quiero suponer que si es falso positivo.

Este programa tiene una gran utilidad, ya que siempre suelo hacer mapas viprin y ponerles suelos sin una vista previa del dibujo es un poco molesto, aunque siempre tengo que desactivar el Antivirus para que me lo deje usar.

Lindo hilo.

Aun sigue dando el rechazo por los "virus"

No deja descargar imageoverlayutility

Mistersberd a dit :

No deja descargar imageoverlayutility

Te recomiendo usar TFM overlay

Creo que Image overlay ya no existe, al menos no lo pude conseguir, lo mas cercano fue esto por si lo quieres probar Overlay 2

Pero yo evitaría ese, aparece un anuncio cada 2 segundos para que compres el programa.

Me encantooooooo

de verdad me sirvio gracias ♥