{"id":197026,"date":"2017-12-18T23:00:57","date_gmt":"2017-12-19T04:00:57","guid":{"rendered":"https:\/\/honeysanime.com\/?p=197026\/"},"modified":"2017-12-15T13:08:08","modified_gmt":"2017-12-15T18:08:08","slug":"que-es-la-vista-isometrica-diccionario-gamer","status":"publish","type":"post","link":"https:\/\/honeysanime.com\/es\/que-es-la-vista-isometrica-diccionario-gamer\/","title":{"rendered":"\u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] \"Una perspectiva f\u00e1cil para la construcci\u00f3n\""},"content":{"rendered":"<p><!-- \n\n<div class=\"wrap-ad ad-top1 mt40\">[pc]\n\n<div class=\"unit-ad\">[ad_pc_article_top1_1]<\/div>\n\n\n\n<div class=\"unit-ad\">[ad_pc_article_top1_2]<\/div>\n\n[\/pc][sp][ad_sp_article_top1_1][\/sp]<\/div>\n\n --><\/p>\n<div id=\"intro\">\n<div align=\"center\">\n<div class=\"inline-blcok\">\n<div class=\"img-shadow\">\n\t<img loading=\"lazy\" src=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper-700x394.jpg\"alt = \"SimCity-game-Wallpaper-700x394 \u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] &quot;Una perspectiva f\u00e1cil para la construcci\u00f3n&quot;\" width=\"700\" height=\"394\" class=\"aligncenter size-width-700 wp-image-158230\" srcset=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper.jpg 700w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper-150x84.jpg 150w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper-300x169.jpg 300w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper-500x281.jpg 500w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/SimCity-game-Wallpaper-560x315.jpg 560w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/div>\n<aside class=\"exclude-from-excerpt source-link\">\n<div class=\"wrap-source-link  \"><a href=\"http:\/\/www.amazon.com\/dp\/B007FTE2VW\/?tag=hone01d-20\" target=\"_blank\" rel=\"noopener\"><i class=\"fa fa-fw fa-amazon\"><\/i>Buy now<\/a><\/div>\n<\/aside><\/div>\n<\/p><\/div>\n<p class=\"mt30\">\nSeguramente, quienes hayan estudiado algo referente al dibujo t\u00e9cnico, el dise\u00f1o o el arte en general, tienen una idea clara y precisa de lo que supone la vista isom\u00e9trica, pero para otros quiz\u00e1s se trata de un t\u00e9rmino nuevo. En realidad, es m\u00e1s probable que sea algo \u201cnuevo\u201d en cuanto a etiquetarlo, porque usado como recurso en los videojuegos ya lleva varias d\u00e9cadas, as\u00ed que ser\u00eda imposible que alguien no haya experimentado lo que este tipo de enfoque supone.<\/p>\n<p>\u00bfQuieres ahondar m\u00e1s en la vista isom\u00e9trica y su influencia en los videojuegos? Entonces gira un poco el monitor y pon atenci\u00f3n, que lo vamos a explicar de manera contundente pero sencilla.<\/p>\n<\/div>\n<hr class=\"hr-dashed mt40 mb40\">\n<div class=\"wrap-ad ad-top2 mt40\">\n<div class=\"mt20 mb20 pr0-xs pl0-xs flexbox justify-content-center\">\n<div class=\"unit-ad\">\n<div class=\"ad-tag\" data-ad-name=\"Sortable_HoneysAnime_Desktop_Top_728x90\" data-ad-size=\"728x90\" ><\/div>\n<p><script src=\"\/\/tags-cdn.deployads.com\/a\/blog.honeyfeed.fm.js\" async ><\/script><br \/>\n<script>(deployads = window.deployads || []).push();<\/script><\/div>\n<div class=\"unit-ad mt40-xs\"><!-- temp --> <\/div>\n<\/div>\n<\/div>\n<div id=\"unit-1\">\n<h1>\n\t<i class=\"fa fa-fw fa-book\"><\/i>Nos ponemos a 30 grados, \u00a1pero no hace falta desabrigarse!<br \/>\n\t<\/h1>\n<div align=\"center\">\n<div class=\"inline-blcok\">\n<div class=\"img-shadow\">\n<img loading=\"lazy\" src=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/The-Sims-3-game-Wallpaper.jpg\"alt = \"SimCity-game-Wallpaper-700x394 \u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] &quot;Una perspectiva f\u00e1cil para la construcci\u00f3n&quot;\" width=\"500\" height=\"281\" class=\"aligncenter size-full wp-image-158228\" srcset=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/The-Sims-3-game-Wallpaper.jpg 500w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/The-Sims-3-game-Wallpaper-150x84.jpg 150w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/07\/The-Sims-3-game-Wallpaper-300x169.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n\t<\/div>\n<aside class=\"exclude-from-excerpt source-link\">\n<div class=\"wrap-source-link  \"><a href=\"http:\/\/www.amazon.com\/dp\/B00166N6SA\/?tag=hone01d-20\" target=\"_blank\" rel=\"noopener\"><i class=\"fa fa-fw fa-amazon\"><\/i>Buy now<\/a><\/div>\n<\/aside><\/div>\n<\/p><\/div>\n<p class=\"mt30\">\nEmpecemos por lo m\u00e1s b\u00e1sico, que es explicar qu\u00e9 es la vista isom\u00e9trica y por qu\u00e9 se llama as\u00ed. La isometr\u00eda es uno de los tipos m\u00e1s populares de proyecci\u00f3n paralela, un sistema de representaci\u00f3n gr\u00e1fica con el que podemos presentar un objeto en un plano de 2 dimensiones, pero dando la impresi\u00f3n de ser tridimensional. Para lograr este efecto, podemos imaginarnos que el objeto a dibujar est\u00e1 delimitado por un cubo imaginario, en el que una de sus aristas est\u00e1 de frente a nuestro ojo y representado de forma vertical, formando un \u00e1ngulo de 90\u00ba con la base. A su vez, ese cubo imaginario debe tener 120\u00ba como suma de sus 3 ejes ortogonales principales, dejando as\u00ed un giro de 30\u00ba al objeto.<\/p>\n<p>Ahora que tenemos el objeto en ese cubo imaginario, imaginemos que todo el plano horizontal est\u00e1 formado por cuadrados, como si fuera un tablero de ajedrez; lo que implica la isometr\u00eda es que todos los objetos ubicados en ese damero \u2014un cubo en cada cuadrado\u2014 generan una idea de perspectiva que confunde al ojo humano haciendo que, a pesar de tratarse de objetos de igual forma y tama\u00f1o, la distancia relativa a\u00fan pueda ser apreciada, creando la idea de \u201ccerca\u201d y \u201clejos\u201d, \u201cadelante\u201d y \u201catr\u00e1s\u201d, \u201cgrande\u201d y \u201cpeque\u00f1o\u201d.<\/p>\n<p>\u00bfY de qu\u00e9 sirve esto? Bueno, art\u00edsticamente tiene much\u00edsimos usos, pero quiz\u00e1s el principal es el poder representar objetos que luego nos facilitan la construcci\u00f3n y composici\u00f3n final, ya que no tenemos que preocuparnos tanto por la relaci\u00f3n de aspecto entre los objetos dado que dos elementos pueden ser representados exactamente iguales y, a\u00fan siendo una copia perfecta uno de otro, podemos trabajar como si existieran a distancias distintas.<\/p>\n<\/div>\n<hr class=\"hr-dashed mt40 mb40\">\n<div id=\"unit-2\">\n<h1>\n\t<i class=\"fa fa-fw fa-pencil\"><\/i>La composici\u00f3n isom\u00e9trica en los videojuegos<br \/>\n\t<\/h1>\n<div align=\"center\">\n<div class=\"inline-blcok\">\n<div class=\"img-shadow\">\n<img loading=\"lazy\" src=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-560x315.jpg\"alt = \"SimCity-game-Wallpaper-700x394 \u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] &quot;Una perspectiva f\u00e1cil para la construcci\u00f3n&quot;\" width=\"560\" height=\"315\" class=\"aligncenter size-width-560 wp-image-127851\" srcset=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-560x315.jpg 560w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-150x84.jpg 150w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-300x169.jpg 300w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-768x432.jpg 768w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-500x281.jpg 500w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-889x500.jpg 889w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper-700x394.jpg 700w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/02\/Super-Mario-RPG-game-wallpaper.jpg 1280w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/>\n\t<\/div>\n<aside class=\"exclude-from-excerpt source-link\">\n<div class=\"wrap-source-link  \"><a href=\"http:\/\/www.amazon.co.jp\/dp\/B01BLAW6KE\" target=\"_blank\" rel=\"noopener\">amazon jp<i class=\"fa fa-external-link ml5\"><\/i><\/a><\/div>\n<\/aside><\/div>\n<\/p><\/div>\n<p class=\"mt30\">\nA los cuadrados de los que hac\u00edamos menci\u00f3n antes los llamaremos \u201cceldas\u201d; estas celdas, incluso visibles en much\u00edsimos juegos, son el primer paso para crear un videojuego con perspectiva isom\u00e9trica. Como todos los objetos aparecen con un giro, el espectador tiene la sensaci\u00f3n de ser \u00e9l quien est\u00e1 viendo las cosas desde un punto inclinado, algo a lo que quiz\u00e1s algunos tarden un poco en acostumbrarse.<\/p>\n<p>Una vez tenemos las celdas resulta m\u00e1s f\u00e1cil la diagramaci\u00f3n del juego, pensando todo en relaci\u00f3n a esa grilla; en el arte eso ayuda much\u00edsimo, y es parte fundamental en el dise\u00f1o gr\u00e1fico o web, por ejemplo. El ancho, largo y altura se piensa en celdas, pero luego viene otra facilidad que ofrece la isometr\u00eda en los videojuegos: dise\u00f1ar objetos que luego ser\u00e1n copiados. \u00bfQuieres hacer matas de pasto? Perfecto, simplemente dise\u00f1as el pasto que ir\u00eda en una celda y luego lo reproduces en todas. \u00bfQuieres hacer casas o edificios gen\u00e9ricos? Genial, es cosa de crear un modelo y repetir la misma idea. \u00a1Y as\u00ed con todo! De hecho, muchas veces los modelos se hacen desde las 4 perspectivas posibles \u2014volviendo a ese cubo imaginario\u2014, pero en un juego m\u00e1s humilde o sencillo se puede trabajar solo con dos, alternando \u201cderecha\u201d e \u201cizquierda\u201d simplemente con invertir el eje horizontal de los modelos.<\/p>\n<\/div>\n<hr class=\"hr-dashed mt40 mb40\">\n<div class=\"wrap-ad ad-middle \">\n<div class=\"mt20 mb20 pr0-xs pl0-xs flexbox justify-content-center\">\n<div class=\"unit-ad\">\n<div class=\"ad-tag\" data-ad-name=\"Sortable_HoneysAnime_Desktop_Middle_728x90\" data-ad-size=\"728x90\" ><\/div>\n<p><script src=\"\/\/tags-cdn.deployads.com\/a\/blog.honeyfeed.fm.js\" async ><\/script><br \/>\n<script>(deployads = window.deployads || []).push();<\/script><\/div>\n<div class=\"unit-ad mt40-xs\"><!-- temp --> <\/div>\n<\/div>\n<\/div>\n<div id=\"unit-3\">\n<h1>\n\t<i class=\"fa fa-fw fa-gamepad\"><\/i>\u00a1Momento de los ejemplos pr\u00e1cticos!<br \/>\n\t<\/h1>\n<div align=\"center\">\n<div class=\"inline-blcok\">\n<div class=\"img-shadow\">\n<img loading=\"lazy\" src=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/03\/Diablo-II-game-300x363.jpg\"alt = \"SimCity-game-Wallpaper-700x394 \u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] &quot;Una perspectiva f\u00e1cil para la construcci\u00f3n&quot;\" width=\"300\" height=\"363\" class=\"aligncenter size-witdh-300 wp-image-135660\" srcset=\"https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/03\/Diablo-II-game-300x363.jpg 300w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/03\/Diablo-II-game-150x182.jpg 150w, https:\/\/honeysanime.com\/wp-content\/uploads\/2017\/03\/Diablo-II-game.jpg 385w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n\t<\/div>\n<aside class=\"exclude-from-excerpt source-link\">\n<div class=\"wrap-source-link  \"><a href=\"http:\/\/www.amazon.com\/dp\/B00005BV7N\/?tag=hone01d-20\" target=\"_blank\" rel=\"noopener\"><i class=\"fa fa-fw fa-amazon\"><\/i>Buy now<\/a><\/div>\n<\/aside><\/div>\n<\/p><\/div>\n<p class=\"mt30\">\n\u00bfRecuerdas todas esas horas que pasaste construyendo tu ciudad en <em>SimCity 2000<\/em> o salvando vidas en <em>Theme Hospital<\/em>?  \u00bfY qu\u00e9 tal cuando dise\u00f1abas tu casa de ensue\u00f1o en el primer <em>The Sims<\/em>? \u00a1El plano isom\u00e9trico fue tan genial que ahora hasta hay mods para las secuelas! Obviamente, estos no son los \u00fanicos ejemplos, pero son 3 casos que engloban el uso de una c\u00e1mara con plano isom\u00e9trico a la hora de la construcci\u00f3n en los videojuegos. Como ver\u00e1s, las celdas muestran qu\u00e9 zonas podemos usar para construir y qu\u00e9 tama\u00f1os tienen los objetos, mientras que los desarrolladores solamente tienen que encargarse de crear un modelo sin importar d\u00f3nde, a qu\u00e9 distancia o c\u00f3mo lo coloques al momento de jugar.<\/p>\n<p>Si bien <em>Diablo y Diablo II<\/em> usaron una variante de la isometr\u00eda, <em>Diablo III<\/em> s\u00ed que se ci\u00f1\u00f3 a las leyes reales de esta perspectiva. Los juegos de Acci\u00f3n o RPG tambi\u00e9n tienen larga historia con este recurso, y otros ejemplos son <em>Commandos, Baldur\u2019s Gate, Jungle Strike, Titan Quest o Fallout<\/em>. Obviamente, lo m\u00e1s asociado a la isometr\u00eda son los juegos RPG y JRPG de combate t\u00e1ctico por turnos, entre los que aparecen el gran <em>Final Fantasy Tactics, Dofus y Wakfu, Super Mario RPG o XCOM<\/em>. <\/p>\n<p>Si lo que quieres son clases de historia, lo primero que nos viene a la cabeza es el cl\u00e1sico Q*bert, aunque tambi\u00e9n puedes echarle un vistazo a Zaxxon, un juego de combate a\u00e9reo creado por Sega en 1982. \u00a135 a\u00f1os de isometr\u00eda al servicio de los videojuegos!  <\/p>\n<\/div>\n<hr class=\"hr-dashed mt40 mb40\">\n<h2>Palabras finales<\/h2>\n<div id=\"end\">\n<p class=\"mt30\">\nAunque seguramente qued\u00f3 clara la idea, a\u00fan hay que tener cuidado al momento de reconocer la proyecci\u00f3n isom\u00e9trica de la ortogonal, puesto que resulta sencillo confundirse si nuestro ojo no est\u00e1 tan entrenado. Asimismo, tambi\u00e9n es cierto que muchos incautos confunden estas dos proyecciones t\u00e9cnicas con algunas \u201ctrampas\u201d usadas por ciertos juegos como <em>Diablo II<\/em>, que juegan un poco con los \u00e1ngulos para darnos una sensaci\u00f3n similar pero con ciertas reglas nuevas en cuanto a proporci\u00f3n.<\/p>\n<p>Incluso en pleno siglo XXI, los videojuegos isom\u00e9tricos son una realidad que vive y lucha, por lo que muchas veces se usa para generar ese toque retro, pero en otros casos sigue siendo la soluci\u00f3n perfecta a muchos g\u00e9neros y mec\u00e1nicas puntuales. El mundo abierto y la posibilidad de varias c\u00e1maras parecen no lograr darle fin a la vista isom\u00e9trica, \u00bft\u00fa qu\u00e9 opinas al respecto? \u00a1y no olvides decirnos cu\u00e1l es tu juego favorito con este sistema visual!<\/p>\n<\/div>\n<div class=\"wrap-author well mt60\" id=\"wrap-author-***\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-4 col-md-3\">\n<div class=\"wrap-author-image pull-left mr15\">\n<div class=\"author-box\">\n<div class=\"wrap-centered\">\n<div class=\"wrap-centered-content\">\n<div class=\"wrap-img-overlay\"><img src=\"https:\/\/honeysanime.com\/wp-content\/uploads\/img-common\/author-profile-image\/***.jpg\" width=\"120px\" height=\"120px\"alt = \"SimCity-game-Wallpaper-700x394 \u00bfQu\u00e9 es la vista isom\u00e9trica? [Diccionario Gamer] &quot;Una perspectiva f\u00e1cil para la construcci\u00f3n&quot;\"><\/p>\n<div class=\"wrap-text-overlay overlay-\">\n<p class=\"sfont text-overlay\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clearfix hidden-xs\"><\/div>\n<p class=\"author-social mt10 mb0 mt6-xs\">\n<\/div>\n<div class=\"col-xs-12 col-sm-8 col-md-9\">\n<div>\n<p><i class=\"fa fa-fw fa-pencil\"><\/i>Autor: <em><\/em><\/p>\n<\/div>\n<div>\n<p class=\"author-profile fz9\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wrap-ad ad-bottom \">\n<div class=\"mt20 mb20 pr0-xs pl0-xs flexbox justify-content-center\">\n<div class=\"unit-ad\">\n<div class=\"ad-tag\" data-ad-name=\"Sortable_HoneysAnime_Desktop_Bottom_728x90\" data-ad-size=\"728x90\" ><\/div>\n<p><script src=\"\/\/tags-cdn.deployads.com\/a\/blog.honeyfeed.fm.js\" async ><\/script><br \/>\n<script>(deployads = window.deployads || []).push();<\/script><\/div>\n<div class=\"unit-ad mt40-xs\"><!-- temp --> <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Seguramente, quienes hayan estudiado algo referente al dibujo t\u00e9cnico, el dise\u00f1o o el arte en general, tienen una idea clara y precisa de lo que supone la vista isom\u00e9trica, pero para otros quiz\u00e1s se trata de un t\u00e9rmino nuevo. En realidad, es m\u00e1s probable que sea algo \u201cnuevo\u201d en cuanto a etiquetarlo, porque usado como [&hellip;]<\/p>\n","protected":false},"author":869,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[344],"tags":[],"themes":[866],"display":[],"seasonal":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p5dDBg-PfQ","_links":{"self":[{"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/posts\/197026"}],"collection":[{"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/users\/869"}],"replies":[{"embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/comments?post=197026"}],"version-history":[{"count":3,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/posts\/197026\/revisions"}],"predecessor-version":[{"id":198455,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/posts\/197026\/revisions\/198455"}],"wp:attachment":[{"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/media?parent=197026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/categories?post=197026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/tags?post=197026"},{"taxonomy":"themes","embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/themes?post=197026"},{"taxonomy":"display","embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/display?post=197026"},{"taxonomy":"seasonal","embeddable":true,"href":"https:\/\/honeysanime.com\/es\/wp-json\/wp\/v2\/seasonal?post=197026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}