Comunidad PHPeros

Otros => Proyectos y búsqueda de equipos => Mensaje iniciado por: SoyJoaquin. en 02 de Septiembre de 2011, 22:45:06 pm

Título: IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 02 de Septiembre de 2011, 22:45:06 pm
IsoMap

IsoMap es una aplicación desarrollada en jQuery que permite la creación de juegos isométricos de navegador de una manera fácil y sencilla.

Consta con un entorno el cual te permite editar información de tus juego, mapas, estilos, para evitar la edición de archivos en tu sitio web.

Puedes guardar un máximo de 10 mapas por cuentas de no mas de 50x50 baldosas. En tu servidor no estará mas nada que el IsoMap Build subido, el resto se encarga IsoMap.

IsoMap Build es el script que se encarga de ejecutar todo lo creado en IsoMap para tu juego. Con tan solo mandar la petición al IsoMap Build, este se encargara de acceder a tu cuenta y crear el mapa seleccionado en tan solo unos segundos.

Desarrolladores:
-SoyJoaquin.
-westwest

Próximamente:
-Servidor VPS
-Debate: Posibilidad de gestión del servidor en el sitio web IsoMap para la creación de juegos Online.


Sitio web:
http://isomap.es/

Espero sugerencias.
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 02 de Septiembre de 2011, 23:01:52 pm
IsoMap

IsoMap es una aplicación desarrollada en jQuery que permite la creación de juegos isométricos de navegador de una manera fácil y sencilla.

Consta con un entorno el cual te permite editar información de tus juego, mapas, estilos, para evitar la edición de archivos en tu sitio web.

Puedes guardar un máximo de 10 mapas por cuentas de no mas de 50x50 baldosas. En tu servidor no estará mas nada que el IsoMap Build subido, el resto se encarga IsoMap.

IsoMap Build es el script que se encarga de ejecutar todo lo creado en IsoMap para tu juego. Con tan solo mandar la petición al IsoMap Build, este se encargara de acceder a tu cuenta y crear el mapa seleccionado en tan solo unos segundos.

Desarrolladores:
-SoyJoaquin.
-westwest
-SergioPina
-Xt3mP

Próximamente:
-Servidor VPS
-Debate: Posibilidad de gestión del servidor en el sitio web IsoMap para la creación de juegos Online.


Sitio web:
http://isomap.es/

Espero sugerencias.
Saludos.
Excelente, me has dicho que IsoMap será lo mejor ¿no?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 02 de Septiembre de 2011, 23:05:48 pm
Excelente, me has dicho que IsoMap será lo mejor ¿no?

jaja, algo así xD
Si logramos crear un servidor general seria excelente ya que seria posible la creación de juegos online utilizando los usuarios de IsoMap.

Para ponerlo mas simple: Seria como un servidor general y las salas de chat serian los juegos de cada usuario.

El juego en si seria IsoMap, Pero seria un juego de crear juegos. ¿Me entienden?
Buscándole la lógica a esto me han dado unas migrañas que ni se imaginan jaja

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 03 de Septiembre de 2011, 01:24:34 am
Nuevo integrante en el equipo:

J. David (Pituko)
Área: Programación.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 03 de Septiembre de 2011, 01:36:23 am
jaja, algo así xD
Si logramos crear un servidor general seria excelente ya que seria posible la creación de juegos online utilizando los usuarios de IsoMap.

Para ponerlo mas simple: Seria como un servidor general y las salas de chat serian los juegos de cada usuario.

El juego en si seria IsoMap, Pero seria un juego de crear juegos. ¿Me entienden?
Buscándole la lógica a esto me han dado unas migrañas que ni se imaginan jaja

Saludos.
Pues al parecer será único en su estilo.
Sería como XAT pero en mundo virtual ¿no? por dar un ejemplo.
¿De donde sacan esas ideas?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: GuayAngel12 en 03 de Septiembre de 2011, 15:35:03 pm
Mmmm... solo te digo que a mi Xt3mP Me hackeó una página. xD

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Physlet en 03 de Septiembre de 2011, 19:11:23 pm
Mmmm... solo te digo que a mi Xt3mP Me hackeó una página. xD
Y a mí me invitó un helado, pero y eso qué?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: GuayAngel12 en 03 de Septiembre de 2011, 19:18:22 pm
Y a mí me invitó un helado, pero y eso qué?

No estaba hablando contigo...

SoyJoaquin: Solo lo digo por si acaso.

Saludos,
Ángel Q.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 03 de Septiembre de 2011, 19:28:25 pm
Mmmm... solo te digo que a mi Xt3mP Me hackeó una página. xD

Saludos!
Alguna razón tuvo, a mi SoyJoaquin. me la hackeo una vez.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: GuayAngel12 en 03 de Septiembre de 2011, 19:31:51 pm
Hombre... explicame una razón para Hackear VirtualCountry  :D

PD: Cambiemos de tema, nos estamos desviando.

Saludos,
Ángel.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 03 de Septiembre de 2011, 19:39:24 pm
Hombre... explicame una razón para Hackear VirtualCountry  :D

PD: Cambiemos de tema, nos estamos desviando.

Saludos,
Ángel.
¿Que bonito esta el día no? :D
Bueno, cambiando de tema, todavía no me contestan la pregunta de "¿Donde sacan esas ideas?", me da curiosidad.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: GuayAngel12 en 03 de Septiembre de 2011, 19:56:50 pm
¿Que bonito esta el día no? :D
Bueno, cambiando de tema, todavía no me contestan la pregunta de "¿Donde sacan esas ideas?", me da curiosidad.

Con coco se sacan las ideas, ahora tu no estábas pensando en tu madre, pero tu padre puede que si. No se si captas la idea. Si a ti no se te ha ocurrido una idea, a otro se le está ocurriendo.

Saludos,
Ángel Q.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 03 de Septiembre de 2011, 20:31:26 pm
Mmmm... solo te digo que a mi Xt3mP Me hackeó una página. xD

Saludos!

Descuida baby, xt3mp y yo prácticamente somos hermanos de distinta madre jaja
Nos la llevamos de ptm y créeme que confío en el xD
---
¿Alguna persona que sepa desarrollar servidores vía sockets?
Si es en VB6 mejor ya que quisiera aprender a resolver mi pequeño problema tras conectar mas de 3 usuarios xD

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: GuayAngel12 en 03 de Septiembre de 2011, 20:50:19 pm
Podrías habermelo pedido hace 4 años... que aprendí a usar Visual Basic 6.0 y hacía mis cosillas...

Saludos,
Ángel Q.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 03 de Septiembre de 2011, 21:02:39 pm
Si estais interesados en alguien como yo... Por aquí estoy :) Me interesa mucho el proyecto. Creo que se podría hacer grandes cosas.
Lo que sé y no sé hacer ya lo saben. Sumadle lo del APE-Project.

Como veo que estáis interesados en lo de servidores con sockets, también tengan en cuenta el servidor que cree para Nails.

Si me quieren para el equipo contactadme y hablamos del tema ¿ok?
Creo que es interesante, y si la idea me anima igual me uno.

Un saludo :)
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 03 de Septiembre de 2011, 23:03:08 pm
Si estais interesados en alguien como yo... Por aquí estoy :) Me interesa mucho el proyecto. Creo que se podría hacer grandes cosas.
Lo que sé y no sé hacer ya lo saben. Sumadle lo del APE-Project.

Como veo que estáis interesados en lo de servidores con sockets, también tengan en cuenta el servidor que cree para Nails.

Si me quieren para el equipo contactadme y hablamos del tema ¿ok?
Creo que es interesante, y si la idea me anima igual me uno.

Un saludo :)

No sabes cuanto me alegro saber que te encuentras interesado en el proyecto xD
A ver, te explico lo del servidor.

IsoMap sera como digamos "Una red de Juegos" en donde el usuario son capases de mandar sobre su mundo.
Lo que buscamos es no ocupar un peso para estos clientes si no mas bien hacerlo de la manera mas ligera. ¿Como?

Aquí viene la cosa:
Lo que tenemos pensado para lo del servidor es que sea un servidor "global" que a su vez este se encuentre dividido en pequeñas ramas (Se le podría llamar mini servers por darle un nombre) que serian los usuarios.

Cada usuario registrado en IsoMap tiene el poder absoluto sobre su mini server el cual puede hacer todo lo que le venga en ganas.
¿Que cosa?, Banear usuarios, alertar usuarios, reiniciar servidor, apagarlo, encenderlo, etc.

Los usuarios en si no estarían registrados sobre tu juego, Estarían registrados en IsoMap cosa que si ellos deciden crear su propio MMO tienen la libertad de hacerlo y nosotros ocuparnos de mantener la seguridad de sus datos personales.

A su vez el proyecto sera completamente de código abierto cosa que si alguno se le viene la idea de querer perfeccionar el código, estudiarlo, etc lo puede hacer sin ningún problema ni dificultad.

---
En el cliente lo que tenemos hasta ahora es:
-Proyección isométrica de baldosas con grosor.
-Proyección Isométrica en movimientos del personaje por clicks.
-Detector de angulo en movimiento.
-Texturas en Mapa

Lo que se encuentra con errores ahora:
-Detector de vacíos para recalcular movimientos (Pasa "Volando" por los vacíos dentro del espacio)
-Profundidades (La utilización de las profundidades para saber si se encuentra atrás o adelante de un objeto)
-Build de Objetos en el Mapa (Arboles, arbustos, piedras, etc)

Queremos salir de esto primero para continuar con lo mas sencillo que seria:
-Diálogos de charla
-Conectar con el servidor

Tenemos las ideas un poco agitadas ya que estamos comenzando pero eso de ira acomodando mientras se va avanzando.
Saludos!

PD: para el que quiera colaborar con el área de diseño, en el topic de Pixel Art deje un tema referente a IsoMap
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 04 de Septiembre de 2011, 03:11:24 am
Bueno, tengo experiencia en todo lo que sea dibujar mapas y todo eso, por Nails.
Aunque Nails no es isométrico, si tengo experiencia en estos sistemas porque iba a serlo, hasta que cambié el sistema.
En fin, contad conmigo si me necesitan para el equipo. Me poneis un PM o lo que sea y estamos en contacto.

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 04 de Septiembre de 2011, 04:25:57 am
Bueno, tengo experiencia en todo lo que sea dibujar mapas y todo eso, por Nails.
Aunque Nails no es isométrico, si tengo experiencia en estos sistemas porque iba a serlo, hasta que cambié el sistema.
En fin, contad conmigo si me necesitan para el equipo. Me poneis un PM o lo que sea y estamos en contacto.

Saludos

¿Es un chiste?, Claro que te necesitamos jaja
Eres la única persona que me encuentro que sepa crear servidores por sockets. Llevo como 2 meses en busca de alguien que realmente sepa manejar esta clases de sistemas y pues nunca se me vino a la mente Nails.

Para estas etapas aun no ya que básicamente estamos comenzando este proyecto pero cuando nos llegue el momento de crear el servidor, ya veo que podemos contar tu ayuda.

Gracias y Saludos.
---
Continuando con el tema, Ya me encuentro añadiendo un nuevo sistema de texturas en baldosas, Pronto colocare imágenes.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Physlet en 04 de Septiembre de 2011, 04:40:09 am
No estaba hablando contigo...
Señorito, lo invito a enviar mensajes privados cuando se quiere referir a alguien específico. Estás publicando en un foro.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 04 de Septiembre de 2011, 04:45:34 am
Aquí les dejo algunas imágenes de los diferentes tipos de texturas que tenemos hasta el momento.

(http://img827.imageshack.us/img827/1945/text1isomap.png)
(http://img838.imageshack.us/img838/7231/text2isomap.png)
(http://img828.imageshack.us/img828/7548/text3isomap.png)

Mientras mas, mejor.
Si quieren colaborar con el tema de las texturas, pueden hacerlo mediante el siguiente link:
http://www.phperos.net/foro/index.php?topic=8057.0

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Physlet en 04 de Septiembre de 2011, 04:47:23 am
Yo lastimosamente por motivos de tiempo y demás no me puedo apuntar... Quizás en un futuro pueda colaborar más con el tema.
Y me alegra que ya hayas dejado las baldosas de Habbo, no por plagio, sino porque están feas. Mucho éxito.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 04 de Septiembre de 2011, 04:59:01 am
Yo lastimosamente por motivos de tiempo y demás no me puedo apuntar... Quizás en un futuro pueda colaborar más con el tema.
Y me alegra que ya hayas dejado las baldosas de Habbo, no por plagio, sino porque están feas. Mucho éxito.

Gracias, Ahora mismo me encuentro con el tema de los objetos (Ya sean arboles, mesas, piedras, etc).
Resulta que imaginemos que lo coloco en una posición pero ¿Como g***** que ese objeto se encuentra en esa coordenada?, En el array bidimensional del mapa en si no puedo ya que ese es usado por las baldosas. Mi pregunta seria la siguiente. ¿Seria logico crear otro array para guardar las posiciones de los objetos?

Ejemplo:
[[0,0,0,0,0],[[0,0,0,0,0],[[0,0,0,0,0],[[0,0,0,0,0]];
En un mapa de 5x4 ese seria mi array de objetos.

"0" indicaría que no tiene objeto en esa posición
Si es mayor de "0" (1,2,3,4,...) indicaría que si tiene y el "id" del objeto seria el numero guardado en el array.

¿Seria lógico usar esta manera para resolverlo?
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Physlet en 04 de Septiembre de 2011, 05:08:35 am
Pienso que un arreglo de objetos sería lo más conveniente.
Creas una clase, cuyos atributos serán aquellos datos como: el sprite y la coordenada de la baldosa donde debe estar. Y ya luego tu armas un arreglo donde cada espacio del arreglo es un objeto diferente y ya obviamente tendrías una función que te lea todo ese arreglo y te coloque los objetos donde debe ir de acuerdo a sus atributos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 04 de Septiembre de 2011, 11:29:07 am
Descuida baby, xt3mp y yo prácticamente somos hermanos de distinta madre jaja
Nos la llevamos de ptm y créeme que confío en el xD
---
¿Alguna persona que sepa desarrollar servidores vía sockets?
Si es en VB6 mejor ya que quisiera aprender a resolver mi pequeño problema tras conectar mas de 3 usuarios xD

Saludos.

Me gustaría hacer ese servidor Joaquin, aunque podríamos usar mejor C++ xD
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Siquillote en 04 de Septiembre de 2011, 14:26:27 pm
(http://2.bp.blogspot.com/-_hOvrP0YbOA/Ta2nZ5H_NtI/AAAAAAAAASE/ehBLnk6RPLg/s1600/SinComentarios.jpg)

Wow!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 04 de Septiembre de 2011, 14:30:30 pm
Gracias, Ahora mismo me encuentro con el tema de los objetos (Ya sean arboles, mesas, piedras, etc).
Resulta que imaginemos que lo coloco en una posición pero ¿Como g***** que ese objeto se encuentra en esa coordenada?, En el array bidimensional del mapa en si no puedo ya que ese es usado por las baldosas. Mi pregunta seria la siguiente. ¿Seria logico crear otro array para guardar las posiciones de los objetos?

Ejemplo:
[[0,0,0,0,0],[[0,0,0,0,0],[[0,0,0,0,0],[[0,0,0,0,0]];
En un mapa de 5x4 ese seria mi array de objetos.

"0" indicaría que no tiene objeto en esa posición
Si es mayor de "0" (1,2,3,4,...) indicaría que si tiene y el "id" del objeto seria el numero guardado en el array.

¿Seria lógico usar esta manera para resolverlo?
Saludos.

Lo mejor para esta clase de sistemas es tener varios arrays bidimensionales con diferentes objetos. Te explico:
El primer array sería las baldosas, donde viene la información de cada baldosa (tile). Y se dibujaría este array.
Luego se dibuja otro array, el array de bases de objetos. En este array se dibujan los objetos que van por debajo del personaje y se pueden pisar, o bien los que no se pueden pisar. Es decir: en este puedes poner flores (si no las pones en el primero) y las bases de los arboles (el tronco que une con la baldosa, pero no las ramas).
Luego de esa capa se dibuja al personaje, y por último se dibuja una capa que es la capa "flotante". En esa capa se encuentran las ramas de los arboles, los detalles de casas (algunas partes de techos). Los objetos que se dibujan en esta capa quedan por encima del personaje cuando pasa por esa posición, de forma que parece que el personaje queda detrás del objeto.

El objetivo de utilizar estas 4 capas (baldosas, bases, personaje y detalles) es crear profundizar, por eso de que con la capa de detalles y bases, al ser el personaje dibujado después de las bases pero antes de los detalles, consigues crear ese efecto, que por ejemplo al ponerte detrás de un árbol, puedes ver como las ramas del árbol tapan al personaje.

Espero que te sea útil la información,
Un saludo :)
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 04 de Septiembre de 2011, 21:25:22 pm
Lo mejor para esta clase de sistemas es tener varios arrays bidimensionales con diferentes objetos. Te explico:
El primer array sería las baldosas, donde viene la información de cada baldosa (tile). Y se dibujaría este array.
Luego se dibuja otro array, el array de bases de objetos. En este array se dibujan los objetos que van por debajo del personaje y se pueden pisar, o bien los que no se pueden pisar. Es decir: en este puedes poner flores (si no las pones en el primero) y las bases de los arboles (el tronco que une con la baldosa, pero no las ramas).
Luego de esa capa se dibuja al personaje, y por último se dibuja una capa que es la capa "flotante". En esa capa se encuentran las ramas de los arboles, los detalles de casas (algunas partes de techos). Los objetos que se dibujan en esta capa quedan por encima del personaje cuando pasa por esa posición, de forma que parece que el personaje queda detrás del objeto.

El objetivo de utilizar estas 4 capas (baldosas, bases, personaje y detalles) es crear profundizar, por eso de que con la capa de detalles y bases, al ser el personaje dibujado después de las bases pero antes de los detalles, consigues crear ese efecto, que por ejemplo al ponerte detrás de un árbol, puedes ver como las ramas del árbol tapan al personaje.

Espero que te sea útil la información,
Un saludo :)

Para evitar hacer 2 veces el build de cada objeto (Base y tronco como bien dices), no seria mejor crearse un código tomando las coordenadas de las baldosas e ir modificando el valor css "z-index" de cada objeto al momento que este cambie de coordenadas?

No se cual es el procedimiento mas corto ni el mas eficaz en este caso, lo decía para no tener que ir a cargar 2 imágenes por cada objeto que desee colocar.

Saludos.

Edito: Al fin están los objetos programados.
Imagen:
(http://img691.imageshack.us/img691/8358/isomapobj.png)

Errores: Si la imagen es muy alta no puedes cliquear la baldosa de atrás a no ser que lo hagas mediante la vista en planta 2D
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 05 de Septiembre de 2011, 07:14:31 am
Actualización: Ya poseo el servidor VPS para IsoMap.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 05 de Septiembre de 2011, 11:21:37 am
Eso es fácil solo tienes que coger la posición del ratón a la hora de hacer clic. Usa JQuery.

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 05 de Septiembre de 2011, 21:17:06 pm
Eso es fácil solo tienes que coger la posición del ratón a la hora de hacer clic. Usa JQuery.

Saludos

¿A que te refieres?
---
Necesito diseñadores.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 06 de Septiembre de 2011, 11:31:14 am
Tienes que capturar la posición del ratón y sacar la baldosa haciendo una ecuación, la ecuación te llevará mínimo un día sacarla. Yo si la encuentro te la paso e.e

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: G12 en 06 de Septiembre de 2011, 15:31:30 pm
Necesito diseñadores.

Me apunto como diseñador.
Si usted me permite :-[
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 07 de Septiembre de 2011, 07:13:22 am
Vídeo de promoción en YouTube.
http://www.youtube.com/watch?v=Bp75Z6ZKYMM

Canal: http://www.youtube.com/user/IsoMap
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 07 de Septiembre de 2011, 12:55:11 pm
Pon en el video que usas jquery... aparte del video...

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 07 de Septiembre de 2011, 13:25:12 pm
Un par de cositas quería comentar. jQuery ni es un lenguaje programación, ni esta poco valorado, ni es poco conocido. Es mas bien todo lo contrario.
Y otra cosilla, es que isoMAP ya es el nombre de una aplicación, lo digo simplemente por si lo desconocíais.

Un saludo!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Physlet en 07 de Septiembre de 2011, 14:46:30 pm
Un par de cositas quería comentar. jQuery ni es un lenguaje programación, ni esta poco valorado, ni es poco conocido. Es mas bien todo lo contrario.
Totalmente de acuerdo.
jQuery es solo un framework de Javascript.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: ilovepixel en 07 de Septiembre de 2011, 15:29:44 pm
Está genial! realmente. Te felicito y ojala prospere tu proyecto.

Un comentario mas que nada general en cuanto a desarrollo de aplicaciones y frameworks para lenguajes especificos. El futuro puede que sea html5 como plataforma web pero el futuro del lenguaje, siento yo, son los que portan a diferentes plataformas. Si pudieses aprender haXe o Moneky crearías un framework aun mas poderoso y capas de llegar a otras áreas con escribir el mismo tipo de código. De verdad te lo recomiendo, porque centrarte en solo un lenguaje aveces sale algo complicado y no fácil de entender para gente sin tantos conocimientos, en este caso de jQuery o javascript. Te digo esto porque al estar desarrollando mi framework de juegos móviles me di cuenta que solo enfocarme en adobe air no me iba a dar la misma potencia que trabajar, por ejemplo, con haXe que puede portar a c++, js, flash y pronto C# y Java, por ende te abre puertas a plataformas como iOS, Android, html5, Windows Phone, Xbox, PC y todas las que soporten ese tipo de lenguajes y es lo mismo con Monkey, aunque este es pagado.

Saludos!.

//PD: La web quedo genial! jaja
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 07 de Septiembre de 2011, 18:59:37 pm
Está genial! realmente. Te felicito y ojala prospere tu proyecto.

Un comentario mas que nada general en cuanto a desarrollo de aplicaciones y frameworks para lenguajes especificos. El futuro puede que sea html5 como plataforma web pero el futuro del lenguaje, siento yo, son los que portan a diferentes plataformas. Si pudieses aprender haXe o Moneky crearías un framework aun mas poderoso y capas de llegar a otras áreas con escribir el mismo tipo de código. De verdad te lo recomiendo, porque centrarte en solo un lenguaje aveces sale algo complicado y no fácil de entender para gente sin tantos conocimientos, en este caso de jQuery o javascript. Te digo esto porque al estar desarrollando mi framework de juegos móviles me di cuenta que solo enfocarme en adobe air no me iba a dar la misma potencia que trabajar, por ejemplo, con haXe que puede portar a c++, js, flash y pronto C# y Java, por ende te abre puertas a plataformas como iOS, Android, html5, Windows Phone, Xbox, PC y todas las que soporten ese tipo de lenguajes y es lo mismo con Monkey, aunque este es pagado.

Saludos!.

//PD: La web quedo genial! jaja

Me vas a disculpar, pero aunque haXe o Monkey me parecen interesantes, no tiene nada que ver con Javascript o jQuery.
Para empezar, es justo lo contrario, un código en haXe es mas difícil de entender que uno en javascript con jQuery, porque esta mucho menos extendido (yo ni lo conocía hasta que lo nombraste). En segundo lugar, si esto esta pensado para la web, lo lógico es usar tecnología web. La web y las aplicaciones de escritorio son cosas muy diferentes. Si se quisiera crear para una aplicación de escritorio probablemente lo mejor sería usar Java o C++, pero no es el caso.

Además, la portabilidad da problemas. Lo que en una plataforma funciona... en otra alomejor no. Y cosas por el estilo. Una cosa es que el código sea portable, y otra cosa es que sea multiplataforma. En el caso de esta aplicación (isoMap) creo que ser multiplataforma va por encima de ser portable.

En fin, que cada proyecto es un mundo, y si este está planteado así, creo que es una opción bastante correcta. Al ser javascript un lenguaje multiplataforma, lo hace perfecto para este proyecto.

Un saludo
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Mercurial en 07 de Septiembre de 2011, 19:18:34 pm
Increible! :O
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: ilovepixel en 07 de Septiembre de 2011, 20:19:05 pm
Me vas a disculpar, pero aunque haXe o Monkey me parecen interesantes, no tiene nada que ver con Javascript o jQuery.
Para empezar, es justo lo contrario, un código en haXe es mas difícil de entender que uno en javascript con jQuery, porque esta mucho menos extendido (yo ni lo conocía hasta que lo nombraste). En segundo lugar, si esto esta pensado para la web, lo lógico es usar tecnología web. La web y las aplicaciones de escritorio son cosas muy diferentes. Si se quisiera crear para una aplicación de escritorio probablemente lo mejor sería usar Java o C++, pero no es el caso.

Además, la portabilidad da problemas. Lo que en una plataforma funciona... en otra alomejor no. Y cosas por el estilo. Una cosa es que el código sea portable, y otra cosa es que sea multiplataforma. En el caso de esta aplicación (isoMap) creo que ser multiplataforma va por encima de ser portable.

En fin, que cada proyecto es un mundo, y si este está planteado así, creo que es una opción bastante correcta. Al ser javascript un lenguaje multiplataforma, lo hace perfecto para este proyecto.

Un saludo

Mas que nada lo mencionaba como idea, tal vez  en un futuro podrían hacer un isomap para alguno de esos lenguajes. En todo caso haXe puede ser utilizado como lenguaje para webs, también tiene port para php.
Les mencione estos lenguajes porque isomap se ve como una aplicación interactiva mas que como un simple widget.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 07 de Septiembre de 2011, 21:58:43 pm
Un par de cositas quería comentar. jQuery ni es un lenguaje programación, ni esta poco valorado, ni es poco conocido. Es mas bien todo lo contrario.
Y otra cosilla, es que isoMAP ya es el nombre de una aplicación, lo digo simplemente por si lo desconocíais.

Un saludo!

Si supieras que me di cuenta de eso después que subí el vídeo, lo que se iba a decir era Javascript usando la librería jQuery.
---
Me vas a disculpar, pero aunque haXe o Monkey me parecen interesantes, no tiene nada que ver con Javascript o jQuery.
Para empezar, es justo lo contrario, un código en haXe es mas difícil de entender que uno en javascript con jQuery, porque esta mucho menos extendido (yo ni lo conocía hasta que lo nombraste). En segundo lugar, si esto esta pensado para la web, lo lógico es usar tecnología web. La web y las aplicaciones de escritorio son cosas muy diferentes. Si se quisiera crear para una aplicación de escritorio probablemente lo mejor sería usar Java o C++, pero no es el caso.

Además, la portabilidad da problemas. Lo que en una plataforma funciona... en otra alomejor no. Y cosas por el estilo. Una cosa es que el código sea portable, y otra cosa es que sea multiplataforma. En el caso de esta aplicación (isoMap) creo que ser multiplataforma va por encima de ser portable.

En fin, que cada proyecto es un mundo, y si este está planteado así, creo que es una opción bastante correcta. Al ser javascript un lenguaje multiplataforma, lo hace perfecto para este proyecto.

Un saludo

La idea es hacer un engine de juegos hecho en Javascript, ¿Para que hacer uno usando c++ si de esos sobran?, y mas aun, cuando el juego estará programado usando el mismo lenguaje del engine (En este caso)

Un juego en flash es común, un juego en Lingo es común, un juego en c++ es común, un juego en cualquier lenguaje de programación que se pueda llegar a ejecutar como una aplicación en el ordenador, es común.

¿Por que no hacerlo en javascript?
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: ilovepixel en 07 de Septiembre de 2011, 22:10:05 pm
hehe Creo que no me entendieron o no me explique bien.

A lo que me refiero es que si existiese un IsoMap para un  lenguaje que porta a diferentes plataformas no tendríamos necesidad de escribir o utilizar uno para cada una de esas. A mi por ejemplo me encantaría utilizar IsoMap en un móvil nativamente, o en un juego flash, y al final solo utilizaría el mismo lenguaje.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 07 de Septiembre de 2011, 22:13:13 pm
hehe Creo que no me entendieron o no me explique bien.

A lo que me refiero es que si existiese un IsoMap para un  lenguaje que porta a diferentes plataformas no tendríamos necesidad de escribir o utilizar uno para cada una de esas. A mi por ejemplo me encantaría utilizar IsoMap en un móvil nativamente, o en un juego flash, y al final solo utilizaría el mismo lenguaje.


Ahhhh, vamos mejorando...
Apenas es un comienzo y nuestra plataforma fuerte sera basada en javascript. Quien sabe si en un futuro existan otras aplicaciones para ser mas fácil el acceso al servicio como tal.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 08 de Septiembre de 2011, 04:24:16 am
hehe Creo que no me entendieron o no me explique bien.

A lo que me refiero es que si existiese un IsoMap para un  lenguaje que porta a diferentes plataformas no tendríamos necesidad de escribir o utilizar uno para cada una de esas. A mi por ejemplo me encantaría utilizar IsoMap en un móvil nativamente, o en un juego flash, y al final solo utilizaría el mismo lenguaje.

El caso es que si esta hecho en javascript funcionaría nativamente en un movil (por el navegador web). Sin necesidad de usar ningún otro lenguaje.

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 08 de Septiembre de 2011, 05:49:00 am
Ok chicos, tras buscar lápiz, una hoja de papel y ponerme a ver todas las posibilidades hasta dar con algo que me resuelva el problema de las profundidades, llegue a una conclusión que a mi parecer fue la mas lógica que encontré.

Aquí se las dejo en caso de que alguien la necesite.
Imaginen que tenemos un mapa de por ejemplo 3x3:
           0
          00
         000
          00
           0

O en 2D:
       000
       000
       000
Si lo quieren ver en 2d inclinen la cabeza hacia la izquierda unos 45°.

Imaginen si por cada baldosa Y le vamos sumando un numero y por cada lado X sera el dato del primer numero de la anterior baldosa X mas 1.

Ejemplo:
        XXX
     
Y      123
Y      234
Y      345

Si inclinan la cabeza hacia la izquierda unos 45° se darán cuenta que:
-El 2 queda por debajo del 1
-El 3 queda por debajo del 2
-El 4 queda por debajo del 3
-El 5 queda por debajo del 4 (Ultimo numero de abajo)

Si estos datos fueran el valor del z-index, el objeto dependería su profundidad de la baldosa en donde se encuentre por lo tanto existiría la "profundidad isométrica"

Espero que lo hayan entendido, lo publico para que sepan solucionarlo a la hora de que les toque algo como esto.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 08 de Septiembre de 2011, 15:31:26 pm
Me recuerdas a mi hace un par de años con papel y lapiz haciendo cálculos isométricos jajaja :)

Lo que comentas tiene lógica según veo. Pero hay un problema: el personaje (segun intuyo) tiene z-index 0 (o el más bajo de las tiles). El problema viene cuando el personaje alomejor esta en la casilla con z-index 3, y ocupa 2 casillas de alto. En este caso las piernas se van a ver bien, pero la cabeza va a ser ocultada por el objeto que supuestamente está detrás, y no delante. ¿Entiendes lo que quiero decirte?

Con el método de las capas que te comenté solucionas eso :) Porque las bases están en una capa por debajo de las cosas flotantes.

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 08 de Septiembre de 2011, 20:19:51 pm
Me recuerdas a mi hace un par de años con papel y lapiz haciendo cálculos isométricos jajaja :)

Lo que comentas tiene lógica según veo. Pero hay un problema: el personaje (segun intuyo) tiene z-index 0 (o el más bajo de las tiles). El problema viene cuando el personaje alomejor esta en la casilla con z-index 3, y ocupa 2 casillas de alto. En este caso las piernas se van a ver bien, pero la cabeza va a ser ocultada por el objeto que supuestamente está detrás, y no delante. ¿Entiendes lo que quiero decirte?

Con el método de las capas que te comenté solucionas eso :) Porque las bases están en una capa por debajo de las cosas flotantes.

Saludos!

Jaja, gracias.
Referente a lo del z-index del personaje, aun no he jugado con eso. Tan solo en los objetos.

y descuida que por cada problema hay un millón de soluciones, el problema es buscar dichas soluciones xD
Lo que si me interesa solucionar ahora es pasar las baldosas de divs a maps isométricos, a ver explico:

Los divs son cuadrados de por si, hagas lo que hagas siempre el "link" saldrá cuadrado. si sale cuadrado interfiere a la baldosa de atrás por lo tanto no me favorece en mucho usar divs ya que la movilidad seria algo no pésima si no un poco molesta.

Estuve investigando ya de eso y se pueden usar maps según coordenadas, pero tengo que cambiar el calculo de baldosas, ya por suerte, tengo un amigo que anda con la misma tranca que yo. Javipilo xD

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 09 de Septiembre de 2011, 09:32:09 am
3 de la mañana y al fin acabo de solucionar uno de los tantos dolores de cabeza que me han traído isomap.
¿Cual?
Acabo de solucionar el problema del div "cuadrado" en un documento aparte, mañana lo monto en el editor.

¿Que me queda?
Es saber por que ya no puedo colocar objetos en la pos 0,0 cuando no he editado absolutamente nada referente a eso.

¿Que mas esta disponible ahora?
El recoger objetos.

¿Que me gustaría hacer?
Poder girar objetos.

En fin, como ya sabrán, me voy a dormir.
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 09 de Septiembre de 2011, 12:03:59 pm
3 de la mañana y al fin acabo de solucionar uno de los tantos dolores de cabeza que me han traído isomap.
¿Cual?
Acabo de solucionar el problema del div "cuadrado" en un documento aparte, mañana lo monto en el editor.

¿Que me queda?
Es saber por que ya no puedo colocar objetos en la pos 0,0 cuando no he editado absolutamente nada referente a eso.

¿Que mas esta disponible ahora?
El recoger objetos.

¿Que me gustaría hacer?
Poder girar objetos.

En fin, como ya sabrán, me voy a dormir.
Saludos.

¿Hiciste lo que yo te dije? si no es así postealo y lo veo...

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 09 de Septiembre de 2011, 19:55:41 pm
¿Hiciste lo que yo te dije? si no es así postealo y lo veo...

Saludos

Si hubiera hecho lo que me habías dicho me hubiera sacado como 6 lineas solo en eso xddd

Solución mas lógica:
<map name="baldosa">
  <area shape="poly" coords="0,16,33,0,66,16,33,33" onClick="alert('prueba');"/>
</map>

Listo :S
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 10 de Septiembre de 2011, 00:02:59 am
Si hubiera hecho lo que me habías dicho me hubiera sacado como 6 lineas solo en eso xddd

Solución mas lógica:
<map name="baldosa">
  <area shape="poly" coords="0,16,33,0,66,16,33,33" onClick="alert('prueba');"/>
</map>

Listo :S

En vez de crear un mapa para cada baldosa, se puede crear un único mapa y usar la propiedad usemap, asaí ahorrarias código.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 10 de Septiembre de 2011, 00:16:42 am
En vez de crear un mapa para cada baldosa, se puede crear un único mapa y usar la propiedad usemap, asaí ahorrarias código.

Exactamente eso es lo que pensaba hacer pero al ponerme ver las cosas como son...
¿Que pasaría con los eventos?, si uso por ejemplo:
onClick="marcar(id,x,y);"
Los parámetros son distintos por cada  baldosa y entonces no sabría hacerlo.

Otra cosa que tengo en contra es que tendrían que ser 5 áreas. Verán, ya resolví uno de los dos problemas "cuadrados", como sabrán, la imagen también es cuadrada aunque tenga el fondo transparente (Javipilo weon, ya vi a que te referías), por lo tanto, esas esquinas me ocupan un espacio de las baldosas de los lados.

Por lo tanto cada baldosa de por si, tendrá que tener las 4 baldosas de sus lados en las esquinas de su imagen.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 10 de Septiembre de 2011, 02:28:51 am
Exactamente eso es lo que pensaba hacer pero al ponerme ver las cosas como son...
¿Que pasaría con los eventos?, si uso por ejemplo:
onClick="marcar(id,x,y);"
Los parámetros son distintos por cada  baldosa y entonces no sabría hacerlo.

Otra cosa que tengo en contra es que tendrían que ser 5 áreas. Verán, ya resolví uno de los dos problemas "cuadrados", como sabrán, la imagen también es cuadrada aunque tenga el fondo transparente (Javipilo weon, ya vi a que te referías), por lo tanto, esas esquinas me ocupan un espacio de las baldosas de los lados.

Por lo tanto cada baldosa de por si, tendrá que tener las 4 baldosas de sus lados en las esquinas de su imagen.
Con usemap se recorta y no ocupa espacio en las otras baldosas por lo que sé. ¿Y que problema hay con los eventos? El x y el y se puede calcular mediante un bucle a la hora de mostrarlo.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 10 de Septiembre de 2011, 12:42:23 pm
Pero westwest no llevas razón, te explico:
Si usas un único mapa como sabes cual es la baldosa clickeada...

Yo SoyJoaquin hecho ahora otro método, es un único mapa gigante que ocupa todo el mapa. Al dar click, capturo la posición del ratón y con un for saco la posición donde se hizo click, por ejemplo 32,32 = 1,1      -      64,32 = 2,1

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 10 de Septiembre de 2011, 14:57:38 pm
Pero westwest no llevas razón, te explico:
Si usas un único mapa como sabes cual es la baldosa clickeada...

Yo SoyJoaquin hecho ahora otro método, es un único mapa gigante que ocupa todo el mapa. Al dar click, capturo la posición del ratón y con un for saco la posición donde se hizo click, por ejemplo 32,32 = 1,1      -      64,32 = 2,1

Saludos
Usando una ID, usando la posición del elemento, añadiendo la posicion x,y cuando se muestra el mapa... Anda que no hay mil y una maneras.
tomando el mapa que usa IsoMap:
Código: [Seleccionar]
var mapa = [[1,1,1,1],[1,1,1,1]];
var suelo = '';
for(x=0;<mapa.length;x++) {
for(y=0;y<mapa[x].length;y++) {
suelo += '<img usemap... data-x="'+x+'" data-y="'+y+'" />';
}
}
$('img.baldosa').click(function() {
alert('Estas son mis coordenadas: x-> '+$(this).data('x')+', y-> '+$(this).data('y'));
});
No me parece algo tan dificil.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: RamFu en 12 de Septiembre de 2011, 23:06:30 pm
Si tuviera que elegir un "IsoMap" en JS, me quedo con éste: http://mmoccforum.com/Thread-JS-jsWalkAround

Es muy completo, para los que quieran comenzar en MMO's, les puede ser muy útil!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 13 de Septiembre de 2011, 01:00:29 am
Si tuviera que elegir un "IsoMap" en JS, me quedo con éste: http://mmoccforum.com/Thread-JS-jsWalkAround

Es muy completo, para los que quieran comenzar en MMO's, les puede ser muy útil!
Muchas gracias RamFu, me servirá un poquito.
PD: ¿Porque no te pasas mas seguido por aquí?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 13 de Septiembre de 2011, 07:34:58 am
Chicos, se me jodió la pc desde que la deje con mi primo 2 horas, tiene un problema grave con la resolución (Muy, muy elevada para lo que soporta el monitor, se me ha llegado a poner en blanco minutos después de encenderla, se tiene que apagar y volver a encender el monitor para que vuelva a reaccionar) y un problema fatal con los procesos de windows y mas aun en el menú inicio. Le pase el antivirus y no detecta nada pero si llego a ver que faltan aplicaciones y quisiera saber como hacer para saber las aplicaciones o archivos borrados x día.

No se preocupen con los archivos por que ya le hice respaldo en 1 pendrive y en mis 2 teléfonos, cosa que el proyecto lo seguiré en la lapto y en el smartphone después del jueves que me voy de ruta por el país.

Lo que ya he adelantado en la lapto es:
-Desniveles (Javipilo, ya encontré como hacerlo)
-Problemas con vacíos resueltos (Ahora hay solo una opción de vacío, Te dije que tarde o temprano lo resolvería west xD)
-Grosor en editor
-+20 Texturas
-+10 Objetos

Y en lo que me encuentro trabajando ahora es:
-Nivel del agua (Novedad)
-Montura de objetos sobre otros.
-Girar objeto

---
@westwest:
De esa forma la hice pero lo que digo es que la imagen también tiene esquinas, esquinas que tapan las baldosas de atrás.

@RamFu:
IsoMap es un engine de juegos Online, puedes crear tu propio juego sin necesidad de utilizar programación en absolutamente nada y solamente incluyendo 3 lineas en un documento html (2 de ellas librerías), Todo en un completo editor que se llama "IsoMap".

@javipilo:
La idea de los clicks no la veo muy buena por la sencilla razón de que si tengo un objeto alto, este cambiaría las dimensiones, por lo tanto también cambiaría la coordenada de click.

Saludos!


Edito:
Imágenes:
(http://img825.imageshack.us/img825/5729/nuevoeditor.png)

(http://img841.imageshack.us/img841/3695/desnivelesisomap.png)

(http://img855.imageshack.us/img855/3800/nuevoesp.png)

Edito 2: Primera beta de desniveles (Sin soporte en objetos)
(http://img713.imageshack.us/img713/7275/isomapdesnivel.png)

Tratare de hacer mas adelante el relleno del desnivel para que no se vea el "vacío" y el soporte de objetos.
PD: Aparte del desnivel superior como pudieron ver en la imagen anterior, también se podrá "excavar" en el mapa.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: RamFu en 14 de Septiembre de 2011, 01:08:41 am
@SoyJoaquín
Es un aporte que quizás ayude al desarollo de vuestro engine, quizás comprobando el code podéis solucionar algo, y también sirve de aporte para los que quieran empezar con una base.

@Javipilo
No se porqué no me paso más a menudo, sinceramente, entro cuando me acuerdo jaja pero sigo en desarollo con cositas Open-Source :)
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 14 de Septiembre de 2011, 01:43:33 am
Por problemas de espacio para paneles en el diseño se ha decidido dividir los nuevos paneles en "ventanas", ¿Como así?

Por ejemplo: Los nuevos paneles serán llamados a través de comandos o quizás en un futuro, por un menú desplegable. Al accionar "x" comando con el teclado, este mostrara el panel del comando llamado (No en nueva ventana, si no que mostrara un div absoluto con opción de arrastrarlo por el diseño). De esta manera estará mas organizado el editor de mapas.

Referente a lo nuevo:

Futuros errores a reparar:

Saludos.

Edito:

Imágenes:
(http://img705.imageshack.us/img705/664/grosorlistoisomap.png)

(http://img402.imageshack.us/img402/2417/nivelarpanel.png)

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 14 de Septiembre de 2011, 08:24:07 am
Me encuentro entre la espalda y la pared.
Después de terminar de hacer el "Elevar Todo" me paso una duda algo intrigante que de por mala suerte, se hizo realidad.

Repasemos. En caso de que el mapa de 20x20 (El máximo, 400 baldosas en total) lo elevemos al nivel 10 (El máximo nivel de altura) por medio del panel elevar todo, Este realizara lo siguiente:

Creara un bucle de todas las baldosas, las elevamos y creamos un segundo bucle por dentro de este que crearía el "relleno" del vacío (El grosor), Si sacamos cuenta en eso, serian 4000 procesos.

Bajo la versión 1.6 de jQuery lo probé en el Chrome y este tira error de tiempo de espera (El error normal de chrome con la opción de "esperar" y "cerrar la pagina")
¿Alguna manera mas lógica para hacer esta acción?

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 14 de Septiembre de 2011, 10:25:12 am
Podrías reducir los bucles recorriendo solo la última baldosa, que es la que tiene la pared. Algo tipo:
for(i=0;i<mapa.length;i++) {
if(i == (mapa.length-1)) {
for(j=0;j<mapa.length;j++) {
...
}
} else {
var baldosa = mapa[mapa.length-1];
}
}

Es lo primero que se me ha ocurrido
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 15 de Septiembre de 2011, 16:54:16 pm
Podrías reducir los bucles recorriendo solo la última baldosa, que es la que tiene la pared. Algo tipo:
for(i=0;i<mapa.length;i++) {
if(i == (mapa.length-1)) {
for(j=0;j<mapa.length;j++) {
...
}
} else {
var baldosa = mapa[mapa.length-1];
}
}

Es lo primero que se me ha ocurrido

Lo había hecho de esta manera pero digamos que el Chrome le tiene manía xD

Código: [Seleccionar]
function subirTodo(){
var n = $('select#ssnivel').val();

 for(i=1;i<=baltotal;i++) {   
  calSubir = n*10;
  $('#'+i).css('top', '-='+calSubir);
   for(h=altbaldosa[i]+1;h<=n;h++){

    xsT = $('#'+i).attr('x');
    ysT = $('#'+i).attr('y');

    $("#piso").append('<div id="g-'+i+'-'+h+'"><img src="'+grosor+'"></div>');
    resultadoX = (xsT * (balW / 2)) - (ysT * (balW / 2)) + emX;
    resultadoY = (xsT * (balH / 2)) + (ysT * (balH / 2)) + emY - (h*10);

    $('#g-'+i+'-'+h).css({
     position: "absolute",
     zIndex: ($('#'+i).css('zIndex')-1),
     left: resultadoX,
     top: resultadoY
    });

   }
   altbaldosa[i] = n;
 }
}

Explico:
n > valor del nivel (1,2,3,...,10)
baltotal > Numero total de baldosas (Ultimo ID)
calSubir > Altura total a subir (10px cada nivel)
altbaldosa[index] > nivel de altura

Por ahora fue la manera mas optimizada que le he encontrado :S
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 17 de Septiembre de 2011, 21:08:30 pm
Se ha actualizado el contenido del sitio web www.IsoMap.es colocando nuevas secciones e imágenes.

Se ha agregado:

Como ando desde la lapto, no he podido hacer otro vídeo para que lo puedan observar, pero desde el primer vídeo al que pronto saldrá la diferencia es muy notable.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 25 de Septiembre de 2011, 21:19:18 pm
Nuevo método de mapas en el build de IsoMap:
Código: [Seleccionar]
mapa =
[[[11,2,1],[11,2,1],[11,2,1],[11,2,1]],
 [[11,2,1],[11,2,0],[11,2,0],[11,2,0]],
 [[11,1,1],[11,1,0],[11,1,0],[11,1,0]],
 [[11,0,1],[11,0,0],[11,0,0],[11,0,0]],
 [[11,0,1],[0,0,0],[0,0,0],[11,0,0]],
 [[11,0,1],[0,0,0],[0,0,0],[11,0,0]],
 [[11,0,1],[0,0,0],[0,0,0],[11,0,0]],
 [[11,0,1],[0,0,0],[0,0,0],[11,0,0]],
 [[11,0,1],[0,0,0],[0,0,0],[11,0,0]],
 [[11,0,1],[11,0,0],[11,0,0],[11,0,0]]];

Explico las novedades en:
[11,2,1]
Antes tan solo se encontraba la id de la textura, ahora comprende 2 nuevos datos adicionales que son:
11 = ID de la textura de la baldosa (Si es 0 hay un vacío)
2 = Nivel de altura de la baldosa (Cada nivel es equivalente a 10px)
1 = ID del objeto que se encuentra en la baldosa (Si es 0 no hay objetos)

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: cibb en 28 de Septiembre de 2011, 00:22:48 am
Y si hay dos objetos? Como un tapete y una mesa sobre el tapete?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 28 de Septiembre de 2011, 18:08:42 pm
Y si hay dos objetos? Como un tapete y una mesa sobre el tapete?

¿Quien dijo que existirán dos objetos?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 28 de Septiembre de 2011, 18:55:01 pm
¿Quien dijo que existirán dos objetos?
Hombre, es una buena posibilidad, ¿no? algo como alfombras y tal...
Podría solucionarse creando un array para los objetos, es decir:
[altura, nivel, [id1, id2]]
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 28 de Septiembre de 2011, 21:49:37 pm
Hombre, es una buena posibilidad, ¿no? algo como alfombras y tal...
Podría solucionarse creando un array para los objetos, es decir:
[altura, nivel, [id1, id2]]

Lo decía por que aun no disponemos del soporte multi-baldosa de muebles y seria algo ilógico colocar un tapete de 1 solo espacio, no se si me entienden.

Ya he diseñado lo que serian los kekos, la interfaz y los diálogos predeterminados de los juegos (Considero que no me quedo nada mal el keko xD)

Cuando tengamos el soporte multi-baldosa para objetos se diseñaran no solo muebles, si no también estructuras como casas, edificios, etc.

Ya tengo mas o menos la idea de como seria pero existe un pequeño problema, la profundidad.

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 28 de Septiembre de 2011, 23:03:19 pm
Lo decía por que aun no disponemos del soporte multi-baldosa de muebles y seria algo ilógico colocar un tapete de 1 solo espacio, no se si me entienden.

Ya he diseñado lo que serian los kekos, la interfaz y los diálogos predeterminados de los juegos (Considero que no me quedo nada mal el keko xD)

Cuando tengamos el soporte multi-baldosa para objetos se diseñaran no solo muebles, si no también estructuras como casas, edificios, etc.

Ya tengo mas o menos la idea de como seria pero existe un pequeño problema, la profundidad.

Saludos

Te avisé jaja Con el método que usas no podrás implementarlo, o al menos no fácilmente.
Eso de en las coordenadas tener 3 datos (tile, altura y objeto) aparte de limitar tu número de objetos, te limita implementar el tema de la profundidad.
Lo que te dije del método de las diferentes capas es lo que se suele usar en esta clase de proyectos. El tutorial sobre ese método lo leí en una comunidad de desarrollo de videojuegos... y cuyo nombre desgraciadamente no recuerdo, pero dado que es muy famosa, seguro que alguno la conocéis.

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 29 de Septiembre de 2011, 02:40:49 am
Te avisé jaja Con el método que usas no podrás implementarlo, o al menos no fácilmente.
Eso de en las coordenadas tener 3 datos (tile, altura y objeto) aparte de limitar tu número de objetos, te limita implementar el tema de la profundidad.
Lo que te dije del método de las diferentes capas es lo que se suele usar en esta clase de proyectos. El tutorial sobre ese método lo leí en una comunidad de desarrollo de videojuegos... y cuyo nombre desgraciadamente no recuerdo, pero dado que es muy famosa, seguro que alguno la conocéis.

Saludos!

xD cada quien tiene su manera de implementarlo...
Lo de las profundidades como tal lo tengo resuelto para objetos de 1 sola baldosa, no de 2, 4, 6, ...
Lo de west me termino convenciendo con respecto a los objetos pero a su vez le tendría que añadir nuevos parámetros en el editor ya sea que el primer objeto acepte o no otros encima de el.

Y con lo que me decías antes carlos, créeme que prefiero continuar así del método que lo tengo ya que de lo contrario utilizaría 2 imágenes para cada objeto, eso sin mencionar que si es multi-baldosa serian mas...

Recuerdame subirte una previa mas adelante.
Después de corregir estos fallos como tal, se tendría que crear una función similar a la creada para el build del cliente para cargar los mapas a partir de un array y otra para guardar cada dato del editor (De la manera que mostré en mensajes anteriores)

Considero que ya lo mas difícil esta hecho, solo es cuestión de ir adaptando y modificar los archivos una vez que se tenga el servidor. Es apenas una primera versión, no pidan mucho xD
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: cibb en 29 de Septiembre de 2011, 14:13:56 pm
¿Quien dijo que existirán dos objetos?

Ok! Solo preguntaba =(

Haha! Aunque sea un primer lanzamiento todos estamos ansiosos por ver los resultados. Sabemos que nos vas a sorprender.

Pd- YoutTube (o google, como le quieran decir) Me esta censurando el video sobre IsoMap http://www.youtube.com/watch?v=2U-ItGmVXpQ por Copyright.... Sin comentarios..
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 29 de Septiembre de 2011, 16:52:55 pm
xD cada quien tiene su manera de implementarlo...
Lo de las profundidades como tal lo tengo resuelto para objetos de 1 sola baldosa, no de 2, 4, 6, ...
Lo de west me termino convenciendo con respecto a los objetos pero a su vez le tendría que añadir nuevos parámetros en el editor ya sea que el primer objeto acepte o no otros encima de el.

Y con lo que me decías antes carlos, créeme que prefiero continuar así del método que lo tengo ya que de lo contrario utilizaría 2 imágenes para cada objeto, eso sin mencionar que si es multi-baldosa serian mas...

Recuerdame subirte una previa mas adelante.
Después de corregir estos fallos como tal, se tendría que crear una función similar a la creada para el build del cliente para cargar los mapas a partir de un array y otra para guardar cada dato del editor (De la manera que mostré en mensajes anteriores)

Considero que ya lo mas difícil esta hecho, solo es cuestión de ir adaptando y modificar los archivos una vez que se tenga el servidor. Es apenas una primera versión, no pidan mucho xD

No utilizas dos imagenes por cada objeto. La imagen es siempre la misma. Lo que tendrías en este caso sería dos divs, uno con una parte de la imagen y otro con otra parte de la imagen, y diferentes z-index cada div. Pero sigue siendo una misma imagen solo. De hecho, lo mejor es tener una única imagen con todos los tiles, objetos y tal en una única imagen, y utilizar el método de los sprites (ese de colocar un buen background-image para utilizar solo una parte de la imagen) para mostrar uno u otro gráfico.

En fin, que es una idea nada mas. Si prefieres usar tu propio método lo respeto completamente :)

Un saludo
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 29 de Septiembre de 2011, 20:47:32 pm
No utilizas dos imagenes por cada objeto. La imagen es siempre la misma. Lo que tendrías en este caso sería dos divs, uno con una parte de la imagen y otro con otra parte de la imagen, y diferentes z-index cada div. Pero sigue siendo una misma imagen solo. De hecho, lo mejor es tener una única imagen con todos los tiles, objetos y tal en una única imagen, y utilizar el método de los sprites (ese de colocar un buen background-image para utilizar solo una parte de la imagen) para mostrar uno u otro gráfico.

En fin, que es una idea nada mas. Si prefieres usar tu propio método lo respeto completamente :)

Un saludo

Ahh vale, el método de sprite solo lo utilizaría en el keko ya que las baldosas son muchas, son mas de 100 texturas y cargarlo todo en una imagen, prefiero cargarlo por separado para ir cargando poco a poco, lo mismo pasa con los objetos.

Gracias por todo.
---

Ok! Solo preguntaba =(

Haha! Aunque sea un primer lanzamiento todos estamos ansiosos por ver los resultados. Sabemos que nos vas a sorprender.

Pd- YoutTube (o google, como le quieran decir) Me esta censurando el video sobre IsoMap http://www.youtube.com/watch?v=2U-ItGmVXpQ por Copyright.... Sin comentarios..
Perdona, no quería ser arrogante. es que cuando se tiene trabajo en la cabeza no puedo pensar en tener mas. Prefiero salir de lo que tengo ahora para ir después a versiones mas estables.

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 29 de Septiembre de 2011, 21:16:47 pm
Ahh vale, el método de sprite solo lo utilizaría en el keko ya que las baldosas son muchas, son mas de 100 texturas y cargarlo todo en una imagen, prefiero cargarlo por separado para ir cargando poco a poco, lo mismo pasa con los objetos.

Gracias por todo.

Es mejor cargar un archivo grande con todas las baldosa (uno, o varios, por ejemplo uno o dos de baldosas, otros dos de objetos, y otro de personajes) que ir cargando archivos progresivamente. Acuérdate de que cada archivo es una petición al servidor y de que tienes la memoria caché para guardas los archivos sin cambios. Pero bueno, lo dejo a tu elección, como todo jeje :)

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 30 de Septiembre de 2011, 01:52:10 am
Es mejor cargar un archivo grande con todas las baldosa (uno, o varios, por ejemplo uno o dos de baldosas, otros dos de objetos, y otro de personajes) que ir cargando archivos progresivamente. Acuérdate de que cada archivo es una petición al servidor y de que tienes la memoria caché para guardas los archivos sin cambios. Pero bueno, lo dejo a tu elección, como todo jeje :)

Saludos!
Alguna vez te han dicho que tienes una forma de decir las cosas que los demás hacen que duden de su forma de ver las cosas? xD
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 30 de Septiembre de 2011, 12:57:41 pm
Alguna vez te han dicho que tienes una forma de decir las cosas que los demás hacen que duden de su forma de ver las cosas? xD

Lo cierto es que no jaja De todas formas no trato de decir que lo que tu propones sea una mierda o no vale para nada. Es una solución como cualquier otra. Yo solo te ofrezco otras posibilidades para que las consideres también.

Solo trato de ponerte las ventajas y los inconvenientes de cada uno de los dos sistemas.

Por ejemplo, ventaja de tu sistema (archivos pequeños) vs el que te he dicho yo (archivos grandes): Si haces un cambio en una sola balsoa, en tu sistema solo cargarás un archivo pequeño, y en el sistema que dije yo tendrás que cargar el archivo grande. Ahora bien, la pregunta sería: ¿Vas a hacer cambios pequeños? ¿O por el contrario cuando hagas cambios modificarás la mayoría de las baldosas/objetos/personajes? Depende de esa respuesta quizás convenga mas un sistema u otro.

Al fin y al cabo solo te tienes que quedar con el que mas te convezca, o bien hacer una prueba A o B (es decir, pruebas un sistema, luego otro, y comparas resultados).

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: cibb en 01 de Octubre de 2011, 12:35:50 pm
[...]
Ya he diseñado lo que serian los kekos, la interfaz y los diálogos predeterminados de los juegos (Considero que no me quedo nada mal el keko xD)
[...]

Algún adelanto de como serán los kekos? :D
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 10 de Octubre de 2011, 21:25:06 pm
Digamos que ya una persona que no es parte de los desarrolladores del proyecto ya ha logrado probar los avances de IsoMap.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: jatica en 04 de Noviembre de 2011, 17:48:41 pm
Hola muchachos....

Soy nuevo en el portal, y he estado leyendo atentamente sobre su proyecto..

Con un socio tenemos un proyecto similar en mente, juegos jquery....

El asunto d ela profundidad, lo solucionamos trabajando en capas...

Similar a flash, nos ha funcionado bien......

A mi parecer tomar el mundo como una matriz, les hará más complicado ....

Saludos..
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Habbolippo en 20 de Noviembre de 2011, 00:24:59 am
¿Joaquin, tu lo que pretendes es hacer algo parecido a esto? http://retro.cecer1.com/map/ (http://retro.cecer1.com/map/)
Digo la base, porque imagino que Isomap tendra mas herramientas aparte de crear y borrar baldosas...
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 20 de Noviembre de 2011, 04:14:35 am
¿Joaquin, tu lo que pretendes es hacer algo parecido a esto? http://retro.cecer1.com/map/ (http://retro.cecer1.com/map/)
Digo la base, porque imagino que Isomap tendra mas herramientas aparte de crear y borrar baldosas...

Un motor de juegos isométricos, no un bucle de baldosas.
Ya varios usuarios como Siquillote, Warlox (Si mal no recuerdo), Fahd, Pituko (Si mal no recuerdo), Sergio Daniel, han tenido el privilegio de llegar a probarlo.
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: javipilo en 20 de Noviembre de 2011, 13:41:07 pm
SoyJoaquin.  :( a mi no me das para probar... :( :( :(

En relidad estoy  >:(  :o
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Habbolippo en 21 de Noviembre de 2011, 18:12:40 pm
Yo tambien, quede :O ya que tengo un proyecto en mente $:
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 19 de Diciembre de 2011, 00:48:37 am
El proyecto vuelve a estar en marcha tras encontrar un backup no tan antiguo de los archivos.

PD: Las Homes ya se encuentran 99.9% terminadas, el otro 0.1% es un pequeño error que hay al momento de agregar una nueva etiqueta. Este error consiste en que no se puede arrastrar las nuevas etiquetas agregadas sin antes guardar y actualizar. Ya westwest me anda echando una mano del por que no quiere agarrar el drag.

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 20 de Diciembre de 2011, 10:32:10 am
El proyecto vuelve a estar en marcha tras encontrar un backup no tan antiguo de los archivos.

PD: Las Homes ya se encuentran 99.9% terminadas, el otro 0.1% es un pequeño error que hay al momento de agregar una nueva etiqueta. Este error consiste en que no se puede arrastrar las nuevas etiquetas agregadas sin antes guardar y actualizar. Ya westwest me anda echando una mano del por que no quiere agarrar el drag.

Saludos.

Sinceramente me gusta más tu proyecto "Vector City", me atrae más. ¿Si no sigues su desarrollo, podríamos llegar a un acuerdo que publicaras el source, o me lo pasarás? me gustaría seguir con el, y que no quede en el abandono.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 21 de Diciembre de 2011, 06:27:57 am
Sinceramente me gusta más tu proyecto "Vector City", me atrae más. ¿Si no sigues su desarrollo, podríamos llegar a un acuerdo que publicaras el source, o me lo pasarás? me gustaría seguir con el, y que no quede en el abandono.

Si supieras que a mi igual, pero digamos que nunca logre resolver la duda o el inconveniente que tenia con el movimiento por teclado en sockets... y para hacerlo sin conexión es preferible no hacerlo.

Veras, la duda que tenia y que nadie me pudo solucionar ni aquí ni en otros foros fue:
Imaginemos un juego en donde el personare (char) se mueva por acciones en el ratón (Ejemplo: Habbo Hotel o ilDom), se envía un paquete bajo una conexión de sockets a la posición del click que dio el ratón. ¿Vale?, ahora imaginemos, si el movimiento es por teclado, no se define la posición a la que se desea ir, por lo que seria incógnita e imposible de calcular.

¿Como hago?
 -No puedo enviar un paquete por cada vez que el coche cambie de posición.
 -No puedo hacer un intervalo ya que se "corta".
 -No puedo usar las teclas de dirección como referencia ya que no seria exacto en lo absolmentouto.

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: westwest en 21 de Diciembre de 2011, 15:47:45 pm
Si supieras que a mi igual, pero digamos que nunca logre resolver la duda o el inconveniente que tenia con el movimiento por teclado en sockets... y para hacerlo sin conexión es preferible no hacerlo.

Veras, la duda que tenia y que nadie me pudo solucionar ni aquí ni en otros foros fue:
Imaginemos un juego en donde el personare (char) se mueva por acciones en el ratón (Ejemplo: Habbo Hotel o ilDom), se envía un paquete bajo una conexión de sockets a la posición del click que dio el ratón. ¿Vale?, ahora imaginemos, si el movimiento es por teclado, no se define la posición a la que se desea ir, por lo que seria incógnita e imposible de calcular.

¿Como hago?
 -No puedo enviar un paquete por cada vez que el coche cambie de posición.
 -No puedo hacer un intervalo ya que se "corta".
 -No puedo usar las teclas de dirección como referencia ya que no seria exacto en lo absolmentouto.

Saludos.
No puedes calcular el tiempo que ha estado presionada una tecla y asignar a ese tiempo un intervalo de movimiento mediante una formula sencilla?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 21 de Diciembre de 2011, 15:59:25 pm
No puedes calcular el tiempo que ha estado presionada una tecla y asignar a ese tiempo un intervalo de movimiento mediante una formula sencilla?

No seria del todo "Exacto" en caso de que llegaras a tener "lag", se iría retrasando el movimiento cada vez que cambies de tecla.

Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: MoKo™ en 21 de Diciembre de 2011, 16:04:35 pm
No seria del todo "Exacto" en caso de que llegaras a tener "lag", se iría retrasando el movimiento cada vez que cambies de tecla.
Es inevitable.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 21 de Diciembre de 2011, 21:24:40 pm
Si supieras que a mi igual, pero digamos que nunca logre resolver la duda o el inconveniente que tenia con el movimiento por teclado en sockets... y para hacerlo sin conexión es preferible no hacerlo.

Veras, la duda que tenia y que nadie me pudo solucionar ni aquí ni en otros foros fue:
Imaginemos un juego en donde el personare (char) se mueva por acciones en el ratón (Ejemplo: Habbo Hotel o ilDom), se envía un paquete bajo una conexión de sockets a la posición del click que dio el ratón. ¿Vale?, ahora imaginemos, si el movimiento es por teclado, no se define la posición a la que se desea ir, por lo que seria incógnita e imposible de calcular.

¿Como hago?
 -No puedo enviar un paquete por cada vez que el coche cambie de posición.
 -No puedo hacer un intervalo ya que se "corta".
 -No puedo usar las teclas de dirección como referencia ya que no seria exacto en lo absolmentouto.

Saludos.

Tienes que enviarlo cada vez que cambie de posición.
Es el problema de usar unas coordenadas por pixeles en lugar de tiles.

No te comas la cabeza. Da igual como lo hagas, pero hazlo.
Una duda que te toma tanto tiempo solo te sirve para entretenerte y olvidar el proyecto.
De las alternativas que posees, elije la mejor y hazla, y si encuentras una mejor mas adelante ya lo cambiarás.

Un saludo
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 30 de Diciembre de 2011, 04:28:54 am
Se acerca muy pronto otro vídeo mostrando la build 0.5.0, Las novedades hasta ahora tras recuperar un backup de septiembre:
-Elevar baldosas (Vuelto a programar)
-Errores reparados al momento de bajar la baldosa (Antes ocurría un error al tratar de bajar lvl, ahora me di cuenta de la solución)
-Rellenar Todo (Vuelto a programar)
-Mejora en los efectos del editor (Novedad)
-Montar objetos sobre otros (Novedad)
-Negación al tratar de montar objetos sobre otro (En el caso de los arboles, señales de transito, plantas, lamparas, etc que físicamente no puede llevar un objeto sobre el)
-Texturas en vista de planta (Novedad)
-Ver/ Quitar cuadricula (Vuelto a programar)
-Limite de dimensiones reducido en un máximo de 15x15 baldosas.
-Quitar baldosa (Novedad, antes ocurría un error con el grosor al tratar de eliminarla)
-Soporte gif (Vuelto a programar)
-Visualización de la coordenada Z de alturas en panel.

Próximamente:
-Opciones rápidas al colocar texturas, ej: Colocar una misma textura a una coordenada especifica X o Y, Seleccionar baldosas que lleven una misma textura, etc.
-Cambiar fondo del mapa (ej: Agua en los alrededores (Si el mapa es una isla), césped (Si es un campo), arena, etc.

Saludos!
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 30 de Diciembre de 2011, 04:53:07 am
No puedes dar el source de vector city? si no sigues con el proyecto :S ?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 11 de Febrero de 2012, 15:24:06 pm
Actualización del proyecto: Nueva versión de IsoMap
Mi manera de ser es algo un tanto extraña, por lo que hacia falta que me quedara sin internet dos meses para poder avanzar en mis proyectos.

En este mas reciente cambio traemos mas de 30 novedades entre las que resaltan:
 -Nuevo diseño del editor de mapas
 -Sobreponer objetos
 -Vistas en plantas con texturas
 -2 Nuevos comandos de opción rapida como lo son el "Seleccionar" y el "Rellenar" comprendidos en amplias ramas
 -Nueva dimension maxima de 15x15 en mapas

También suspendemos temporalmente el uso de los comandos de acción rapida por teclas debido a fallos en la velocidad del sistema.
Para información mas detallada, se han creado 2 nuevos vídeos en donde expresan las novedades y uso en vivo de esta nueva versión:
 -Vídeo #1: IsoMap v0.4 - Lista de novedades http://www.youtube.com/watch?v=Ikoxu_097a8
 -Vídeo #2: IsoMap v0.4 - Tester http://www.youtube.com/watch?v=HXxkjphGEyQ

Ademas se han debatido nuevas ideas a futuro:
-Idea #1: Hemos estado pensando que no todo puede ser color de rosa, pero a su ves, tampoco tan gris. Por lo que planteamos la posibilidad de que en un futuro creemos una "tienda" de algunas texturas y objetos, para cobrar con una moneda VIRTUAL el producto.
Pero seria algo arrogante y poco ético llegar a colocar este sistema para que se les haga un tanto dificil el poder obtener esos productos sin que ustedes tanto nosotros obtengamos algo a cambio, por lo que el inventario de dicha "tienda" lo crearan los usuarios, es decir, cada quien puede crear texturas u objetos para poder subirlo al servidor al precio que el autor establesca. La cantidad de la moneda VIRTUAL que un usuario gaste adquiriendo un producto sera la cantidad que el autor de dicho producto gane para poder gastarlo en nuevos extras.

Seria literalmente gratuito pero con algo de trabajo para hacerlo mas emocionante y captar la atención de nuestros usuarios.
Ustedes se preguntaran, ¿Cual seria nuestra recompenza si hacemos esto gratuito?, pues muy facil. Al no tener que crear nuevas texturas y objetos nos ahorramos mas tiempo al momento de diseñar y por ende, nos ahorramos mas dinero a largo plazo.

Eso sin mencionar que ustedes tendrian el privilegio de poder usar sus propias imagenes sin depender de nuestro trabajo.
-Idea #2: Creación de puentes o pasarela (Se me ocurrio en el tiempo que estube con ilDom, lo unico que de una manera diferente)
(http://img821.imageshack.us/img821/1269/ideasisomap1.png)

-Idea #3: Creación de elevadores (Nos surgio de la nada tras ponernos a observar con determinación la imagen de la Idea #2, cosas que pasan)
(http://img195.imageshack.us/img195/8917/ideasisomap2.png)

Otras imágenes con respecto a las novedades:
-Nuevo diseño del panel:
(http://img857.imageshack.us/img857/7830/nuevodisenoisomap.png)

Esperemos que les agrade estas novedades.
PD: Me urge el uso de calc de CSS3 en Chrome, ¡Vamos Google!
PD2: En IsoMap no es lo unico en lo que he estado trabajando...
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Aleex™ en 11 de Febrero de 2012, 15:28:37 pm
-Vídeo #2: IsoMap v0.4 - Tester (¿Alguien sabe un programa para captar vídeo desde el escritorio que no sea Camtasia?)
Mirillis Action! es un programa muy bueno.
Te graba con una resolucion y velocidad que se pasan de lo normal.

Video test programa: http://www.youtube.com/watch?v=L8VmR42GmyA

Graba juegos, escritorio y ventanas.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 11 de Febrero de 2012, 15:35:32 pm
Mirillis Action! es un programa muy bueno.
Te graba con una resolucion y velocidad que se pasan de lo normal.

Video test programa: http://www.youtube.com/watch?v=L8VmR42GmyA

Graba juegos, escritorio y ventanas.

¿Es gratuito?, ¿Deja copyright?
Saludos y gracias.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Aleex™ en 12 de Febrero de 2012, 11:39:34 am
¿Es gratuito?, ¿Deja copyright?
Saludos y gracias.
No es gratuito.
Pero un **** esta para algo. Es como el Camtasia, al final también se acaba su FREE, pruebalo y veras como te va muy bien.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: -Pituko- en 12 de Febrero de 2012, 21:00:30 pm
No es gratuito.
Pero un **** esta para algo. Es como el Camtasia, al final también se acaba su FREE, pruebalo y veras como te va muy bien.
Y quizá el crack ronde por algún lado de la internet. Me gustó mucho ese programa.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 12 de Febrero de 2012, 21:03:27 pm
Y quizá el crack ronde por algún lado de la internet. Me gustó mucho ese programa.

Ya lo encontré...
Ya hice el vídeo, se esta subiendo a YouTube. La verdad que me gusto ese programa, muy muy bueno.
Saludos y gracias.

Edito: Aquí esta el vídeo http://www.youtube.com/watch?v=HXxkjphGEyQ
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 13 de Febrero de 2012, 16:40:19 pm
Actualizo:
Me encuentro realizando unas pruebas con canvas en ves de crear cada elemento por separado y he podido crear un espacio de 100x100 (10.000 baldosas) y lo carga de una manera sorprendente que a comparación con el otro, tarda sus buenos segundos...

El único problema es que aun no se usar tan bien canvas, si me pudieran recomendar un libro o manual, se los agradeseria.
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Inalambrico en 29 de Febrero de 2012, 18:58:46 pm
La verdad joaquin, no dejas de sorprenderme.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: proy11 en 29 de Febrero de 2012, 22:03:05 pm
yo solo puedo decir que lo que haces es IMPRESIONANTE.nada mas...

Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 06 de Mayo de 2012, 06:47:58 am
Hago update al tema para darles un aviso importante.
El día de hoy, Sábado, al rededor de las 13:00 Hrs, forme parte de una quedada con un aproximado de 10 personas a las cuales les presente una promoción o incentivo en funcionamiento de lo que en si es IsoMap.

La valoración que le dieron al proyecto fue buena la cual me alegra profundamente y sin duda me da los suficientes animos para seguir continuando este proyecto.

Saludos y gracias a los que estuvieron presentes.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 02 de Junio de 2012, 15:16:35 pm
Muy pronto sacare al aire una promoción publica de lo que se puede crear en IsoMap.
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 18 de Abril de 2013, 22:45:50 pm
No va el sitio, sigues con el proyecto?
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 18 de Abril de 2013, 22:46:58 pm
No va el sitio, sigues con el proyecto?

http://www.phperos.net/foro/index.php?topic=9216.0
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 19 de Abril de 2013, 10:45:15 am
Si ya me dí cuenta que pena, tengo una pregunta por curiosidad. ¿Como haces el efecto 3D de las tiles? no lo entiendo..
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: SoyJoaquin. en 19 de Abril de 2013, 18:48:54 pm
Si ya me dí cuenta que pena, tengo una pregunta por curiosidad. ¿Como haces el efecto 3D de las tiles? no lo entiendo..


Tan simple como una imagen. Cada fachada tiene el mismo angulo por lo que no me mataría usando canvas para hacer el grosor. Haha.

Recordemos que este Build se puede hacer inclusive con CSS3. Vendría siendo algo similar al 5.2 que publique hace meses.


Edito: http://soyjoaquin.deviantart.com/art/Motor-de-Baldosas-3D-jQuery-y-CSS3-366070094
Saludos.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 20 de Abril de 2013, 03:58:27 am
La verdad sigo sin entenderlo :/, no me lo imagino..
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: iStocker en 22 de Abril de 2013, 05:54:41 am
Dísculpa mi descaro, pero no sé si podrías publicar el source de tu proyecto, con el copyright de derechos de autor, para que los demás desarrolladores podamos darnos alguna idea de como crear mapas isométricos, o en cuestión, poder seguir desarrollando tu script de una forma que la persona que lo realice sea ajena al proyecto, pero tus créditos sigan en la obra.

Si no quieres publicarlo, estás en todo tu derecho, & te comprendo. Otra cosa, espero no ser molesto, es si me podrías dar algunos consejos para crear mapas isométricos, tutoriales, guías, recursos, & lo que sea que creas que me pueda ayudar para comprender mejor éstos mapas & poder desarrollar el mío, siendo algo óptimo, que no tarde en cargar, & pueda tener más de una base sin perder mucho tiempo de carga.

Muchas gracias por tu atención ñ.ñ
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 22 de Abril de 2013, 08:24:59 am
Dísculpa mi descaro, pero no sé si podrías publicar el source de tu proyecto, con el copyright de derechos de autor, para que los demás desarrolladores podamos darnos alguna idea de como crear mapas isométricos, o en cuestión, poder seguir desarrollando tu script de una forma que la persona que lo realice sea ajena al proyecto, pero tus créditos sigan en la obra.

Si no quieres publicarlo, estás en todo tu derecho, & te comprendo. Otra cosa, espero no ser molesto, es si me podrías dar algunos consejos para crear mapas isométricos, tutoriales, guías, recursos, & lo que sea que creas que me pueda ayudar para comprender mejor éstos mapas & poder desarrollar el mío, siendo algo óptimo, que no tarde en cargar, & pueda tener más de una base sin perder mucho tiempo de carga.

Muchas gracias por tu atención ñ.ñ

Digo lo mismo !
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: CarlosRdrz en 24 de Abril de 2013, 10:11:28 am
Yo aprendí a hacerlos con este tutorial:
http://www.gamedev.net/page/resources/_/technical/game-programming/isometric-n-hexagonal-maps-part-i-r747

Es para C, pero bueno, podéis haceros una idea.

Saludos
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 24 de Abril de 2013, 11:55:00 am
Genial, muchas gracias, me lo estudiaré.. Pero estoy hecho un lío con la fórmula que aplica Joaquin.. Tengo 2 hojas de cálculos utilizando su fórmula para aprender a utilizarla.. No me gusta coger la fórmula sin saber lo que hago.
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: iStocker en 24 de Abril de 2013, 21:55:14 pm
Yo aprendí a hacerlos con este tutorial:
http://www.gamedev.net/page/resources/_/technical/game-programming/isometric-n-hexagonal-maps-part-i-r747

Es para C, pero bueno, podéis haceros una idea.

Saludos
Muchas gracias ñ.ñ Últimamente al igual que Animus he estado estudiando bastante sobre el funcionamiento de mapas & los algoritmos de búsqueda A*, pero creo que sería mejor estudiar una forma óptima de crear mapas, sin que el cliente colapse o tarde demasiado en cargar, & por lo que veo la forma en que lo hace Joaquin es bastante óptima, es por eso que me interesa tanto una explicación de como carga los tiles/baldosas, & de qué manera podría optimizar todo el sistema.

Un saludo ñ.ñ
Título: Re:IsoMap - Engine de juegos en jQuery
Publicado por: Animus en 24 de Abril de 2013, 22:44:29 pm
Yo sigo sin entender el dichoso cálculo, estoy cerca.. Tengo 2 hojas con cálculos a mano para imaginarme lo..