Autor Tema: [Aporte] [jQuery] Build de Baldosas para juego Isométrico  (Leído 1986 veces)

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« en: 18 de Agosto de 2011, 09:38:28 am »
Buenas, como ya sabrán, he estado un poco ausente en el foro por avances de proyectos, en uno de esos proyectos cancelados se encontraba CityRooms (versión jQuery) el cual era un chat isométrico multi-usuario vía SQL en el cual podrías caminar en una habitación predeterminada, cambiarte de ropa, he incluso agregar amigos para poder hablar por un chat privado.

Tras "ahogar" de MP en preguntas y dudas a westwest (xD). Aquí les dejo el código terminado.

Código: [Seleccionar]
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
// Creado por Soyjoaquin.

var emX;
var emY;
var imagen;
var balH;
var balW;

$(document).ready(function (){                                                                     
 emX = 150;
 emY = 50;
 imagen = "imagenes/baldosa.png";
                                                                           
 balH = 32;
 balW = 64;     
                                         
 $('#piso').css({
  left: emX,
  top: emY
 });                           
loadBaldosa();                                                                 
});

function loadBaldosa() {
var id = 0;
 for(x=0;x<12;x++) {
  for(y=0;y<8;y++) {
   id++;
   $("#piso").append('<div id="'+id+'"><img src="'+imagen+'"></div>');               
   resultadoX = (x * (balW / 2)) - (y * (balW / 2)) + emX;
   resultadoY = (x * (balH / 2)) + (y * (balH / 2)) + emY;       
   $('#'+id).css({
    position: "absolute",
    left: resultadoX,
    top: resultadoY
   });               
  }
 }
}
</script>
</head>
<body>
<div id="piso" style="position:absolute;"></div>
</body>
</html>

Espero que le den un buen uso y si llega a ser el caso, que lo continúen. Se puede decir que esta es la base de varios juegos virtuales como Habbo Hotel, ilDom, etc.

Saludos.
« Última modificación: 18 de Agosto de 2011, 09:40:09 am por SoyJoaquin. »
Twitter: @JoakoM010



Comunidad PHPeros

[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« en: 18 de Agosto de 2011, 09:38:28 am »

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #1 en: 18 de Agosto de 2011, 09:53:56 am »
Muchas gracias SoyJoaquin.

Ésto me servirá para ampliar mis conocimientos, y seguro que a más de alguno le servirá para ir empezando desde 0 con alguna cosilla

Buen aporte! +1

EDIT: Ahora lo que falta es crear el muñequito y programar el movimiento ^^

Saludos!
« Última modificación: 18 de Agosto de 2011, 11:12:31 am por GuayAngel12 »

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #2 en: 18 de Agosto de 2011, 11:57:12 am »
Es una tontería hacer otro Juego de movimiento virtual con viviendas (Habbo, Boombang, UrbaLoca, ilDom).

Intenta hacer otro tipo de juego como un Age of empires II online.

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #3 en: 18 de Agosto de 2011, 12:04:24 pm »
Es una tontería hacer otro Juego de movimiento virtual con viviendas (Habbo, Boombang, UrbaLoca, ilDom).

Intenta hacer otro tipo de juego como un Age of empires II online.

Tontería es intentar sacar dinero con ello... practicar nunca, y re*****, nunca es una tontería.  :P

Saludoos

Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #4 en: 18 de Agosto de 2011, 16:27:51 pm »
Esto podría servir casi como un aporte teórico, ya que el calculo para situar tiles isometricos puede ser utilizado en cualquier lenguaje.
Muchas gracias.

Desconectado Edwin

  • PHPero Avanzado
  • ****
  • Mensajes: 404
  • Karma: 8
  • Sexo: Masculino
    • Ver Perfil
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #5 en: 18 de Agosto de 2011, 21:29:54 pm »
Muchas gracias por el aporte. +1 :star:

Es una tontería hacer otro Juego de movimiento virtual con viviendas (Habbo, Boombang, UrbaLoca, ilDom).

Intenta hacer otro tipo de juego como un Age of empires II online.
Y la verdad concuerdo con esto, las comunidades virtuales de tipo habbo y eso ya está muy repetido.
Es mejor crear un MMO o algo así por el estilo

Saludos

Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #6 en: 18 de Agosto de 2011, 22:11:17 pm »
Muchas gracias por el aporte. +1 :star:

Y la verdad concuerdo con esto, las comunidades virtuales de tipo habbo y eso ya está muy repetido.
Es mejor crear un MMO o algo así por el estilo

Saludos

Esta lleno de MMO's , mejor idear algo diferente.
Para aprender es algo muy valioso pero no traerá muchos beneficios monetarios si pretendes capitalizar.

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #7 en: 18 de Agosto de 2011, 23:09:05 pm »
Esto podría servir casi como un aporte teórico, ya que el calculo para situar tiles isometricos puede ser utilizado en cualquier lenguaje.
Muchas gracias.

Es muy fácil adaptarlo a otros lenguajes de programación, de hecho, lo cree tomando en consideración un script que fabrique ya hace unas semanas para un sitio web.

Saludos.
Twitter: @JoakoM010



Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #8 en: 19 de Agosto de 2011, 02:53:06 am »
Magnífico Joako, te dejo un Karma y un besote :-[
- Moderador de PHP


Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #9 en: 19 de Agosto de 2011, 08:03:04 am »
Gracias chicos.
---
Estoy mejorando el script para un mejor rendimiento, una de las novedades que ya llevo es el grosor de la baldosa sin la necesidad de arruinar el área de la misma cambiando la imagen por una que contenga una proporción isométrica. En cambio, lo que ando haciendo es que al finalizar cada fila y columna, se le agregue una imagen por debajo de la baldosa que sea el grosor como tal.

Ahora voy a tratar si puedo lograr hacer la pared que se ve por detrás de una manera dinámica, es decir, si se cambian los valores del espacio (Actualmente 12x8) este siga funcionando sin la necesidad de editar el código.

Saludos.
Twitter: @JoakoM010



Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #10 en: 20 de Agosto de 2011, 01:39:24 am »
De la actualización hasta ahora tengo esto:



Todo esta hecho para ser editado dinamicamente, incluso la posición de la puerta.
Twitter: @JoakoM010



Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #11 en: 20 de Agosto de 2011, 01:41:18 am »
Donde habré visto eso antes, no se me ocurre nada :S

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #12 en: 20 de Agosto de 2011, 01:53:43 am »
Donde habré visto eso antes, no se me ocurre nada :S

Perdona los gráficos baby, crees que me pondré a hacer las imágenes? xD
Twitter: @JoakoM010



Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #13 en: 20 de Agosto de 2011, 03:18:59 am »
 :(
Definitivamente se van a reír cuando vean lo que estamos haciendo xd
Twitter: @JoakoM010



Desconectado reef

  • PHPer@ Fijo
  • ***
  • Mensajes: 180
  • Karma: 4
  • Sexo: Masculino
  • Todo un skater
    • Ver Perfil
    • Donreef ~ TagBoard
Re:[Aporte] [jQuery] Build de Baldosas para juego Isométrico
« Respuesta #14 en: 20 de Agosto de 2011, 04:08:26 am »
Excelente me gusta, me gustaria aprender jquery y javascript bien :Z