{"id":4865,"date":"2013-06-25T20:41:51","date_gmt":"2013-06-25T20:41:51","guid":{"rendered":"http:\/\/www.danielparente.net\/es\/?p=4865"},"modified":"2013-06-25T20:41:51","modified_gmt":"2013-06-25T20:41:51","slug":"algunas-herramientas-de-animacion-2d-por-esqueleto","status":"publish","type":"post","link":"https:\/\/www.danielparente.net\/es\/algunas-herramientas-de-animacion-2d-por-esqueleto\/","title":{"rendered":"Algunas herramientas de animaci\u00f3n 2D por esqueleto"},"content":{"rendered":"<p><a href=\"https:\/\/e928cfdc7rs.exactdn.com\/es\/wp-content\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&#038;w=2560\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4868\" alt=\"dp_spine\" src=\"https:\/\/e928cfdc7rs.exactdn.com\/es\/wp-content\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all\" width=\"645\" height=\"440\" title=\"\" srcset=\"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all 645w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine-300x204.jpg?strip=all 300w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine-600x409.jpg?strip=all 600w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=64 64w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=129 129w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=193 193w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=387 387w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=451 451w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all&amp;w=516 516w\" sizes=\"(max-width: 645px) 100vw, 645px\"\/><\/a><\/p>\n<p>Los videojuegos m&#xF3;viles han tenido un efecto muy gracioso sobre la industria del videojuego y la forma como el jugador consume los videojuegos: Los videojuegos en 2 dimensiones vuelven a estar de moda. Este hecho hace adem&#xE1;s que se vuelva a tener dise&#xF1;ar objetos en 2D (Sprites) y animarlos. Para animar estos sprites, podemos hacerlo de dos formas diferentes, la primera como se ha hecho toda la vida, con hojas de sprites, donde vamos poniendo los sprites con todas sus animaciones, y donde durante el cargamento del videojuego, vamos a buscar las animaciones asociadas con el videojuego.<\/p>\n<p><a href=\"http:\/\/www.mariowiki.com\/User:Flame-o\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-4866\" alt=\"dp_spritesheet\" src=\"https:\/\/e928cfdc7rs.exactdn.com\/es\/wp-content\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all\" width=\"818\" height=\"841\" title=\"\" srcset=\"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all 818w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet-291x300.jpg?strip=all 291w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet-600x616.jpg?strip=all 600w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=81 81w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=163 163w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=409 409w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=490 490w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=654 654w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spritesheet.jpg?strip=all&amp;w=736 736w\" sizes=\"(max-width: 818px) 100vw, 818px\"\/><\/a><\/p>\n<p>Esta t&#xE9;cnica tiene el desventaja de consumir mas memoria, dado que tenemos que guardar todos las im&#xE1;genes en memoria.<\/p><div id=\"danie-462948812\" class=\"danie-content danie-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4906861079337018\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-client=\"ca-pub-4906861079337018\" data-ad-slot=\"8576260680\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n<p>A medida que el procesador de los dispositivos de los m&#xF3;viles &#xA0;ha aumentado, se ha aplicado la animaci&#xF3;n por esqueleto, un poco a la imagen de lo que se hace en 3D. Este tipo de animaci&#xF3;n se puede hacer utilizando Maya o 3DMax, o Blender (opensource) descartando el Eje Z, pero esto es como &#x201C;matar moscas a ca&#xF1;onazos&#x201D;, dado que son suites como muchas funcionalidades y con una curva de aprendizaje generalmente bastante agreste.<\/p>\n<p>Una soluci&#xF3;n mas adecuada es la utilizaci&#xF3;n de herramientas de animaci&#xF3;n 2D especificas y mas peque&#xF1;as, dedicadas solamente a este tipo de animaci&#xF3;n, pero que nos permiten dominarlas mucho mas r&#xE1;pidamente, y por sus menores funcionalidades son generalmente mucho mas baratas que las otras.<\/p>\n<p>Que herramientas podemos utilizar para este tipo de animaciones?<\/p>\n<p>Existen muchas comerciales y open source de las cuales solamente voy a referenciar algunas:<\/p>\n<p>&#x2013; <a href=\"http:\/\/esotericsoftware.com\/\" target=\"_blank\" rel=\"noopener\">Spine<\/a>, de reciente creaci&#xF3;n &#xA0;y que recientemente se ha financiado exitosamente en Kickstarter, y que tiene ya m&#xF3;dulos<a href=\"https:\/\/github.com\/EsotericSoftware\/spine-runtimes\/tree\/master\/spine-unity\/Assets\" target=\"_blank\" rel=\"noopener\"> para ser integrada con Unity<\/a>, o con <a href=\"http:\/\/www.cocos2d-x.org\/boards\/6\/topics\/22599?r=25475\" target=\"_blank\" rel=\"noopener\">Cocos2Dx<\/a><\/p>\n\n<p>&#x2013; <a href=\"http:\/\/demina.codeplex.com\/\" target=\"_blank\" rel=\"noopener\">Demina<\/a>, en C# y open source, bastante f&#xE1;cil de utilizar y con unos resultados muy interesantes.<\/p>\n<p><a href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=UuMObTFm9q4\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n<p>&#x2013; <a href=\"http:\/\/dragonbones.github.io\/getting_started_en.html\" target=\"_blank\" rel=\"noopener\">DragonBones<\/a>, herramienta para Flash &#xA0;y open source.<\/p>\n<p><a href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=UuMObTFm9q4\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n<p>&#xA0;<\/p>\n<p>Existen mas herramientas de estas caracter&#xED;sticas, pero estas, pero sobretodo Spine, me parecieran las mas interesantes.<\/p>\n<p>Spine se est&#xE1; creando un grande hueco en muchos engines y frameworks &#xA0;y posee ya una grande base de <a href=\"http:\/\/esotericsoftware.com\/spine-overview\/\" target=\"_blank\" rel=\"noopener\">tutoriales y tecnicas<\/a> que podemos utilizar para animar nuestros graficos 2D, como por ejemplo:<\/p>\n<p><a href=\"http:\/\/blog.deepworldgame.com\/post\/52972256148\/game-art-tips-animation-101-bouncing-ball-part-1\" target=\"_blank\" rel=\"noopener\">http:\/\/blog.deepworldgame.com\/post\/52972256148\/game-art-tips-animation-101-bouncing-ball-part-1<\/a><\/p>\n<p><a href=\"http:\/\/blog.deepworldgame.com\/post\/52972256148\/game-art-tips-animation-101-bouncing-ball-part-2\" target=\"_blank\" rel=\"noopener\">http:\/\/blog.deepworldgame.com\/post\/52972256148\/game-art-tips-animation-101-bouncing-ball-part-2<\/a><\/p>\n<p>&#xA0;<\/p>\n<p>&#xA0;<\/p>\n<p>Conoces a alguna mas que merecer&#xED;a la pena referenciar?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los videojuegos m&#xF3;viles han tenido un efecto muy gracioso sobre la industria del videojuego y la forma como el jugador consume los videojuegos: Los videojuegos en 2 dimensiones vuelven a estar de moda. Este hecho hace adem&#xE1;s que se vuelva a tener dise&#xF1;ar objetos en 2D (Sprites) y animarlos. Para animar estos sprites, podemos hacerlo [&#x2026;]<\/p>\n","protected":false},"author":1,"featured_media":4868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[6,49,102],"tags":[3291,3292],"class_list":["post-4865","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion-2","category-herramientas-de-videojuegos","category-tecnologia","tag-animacion-2d-por-esqueleto","tag-herramientas-de-animacion-2d-para-videojuegos"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"jetpack-related-posts":[{"id":2617,"url":"https:\/\/www.danielparente.net\/es\/algunos-consejos-para-hacer-buenas-animaciones-de-sprites-para-juegos-2d\/","url_meta":{"origin":4865,"position":0},"title":"Algunos consejos para hacer buenas animaciones de sprites para juegos 2D","author":"danielparente","date":"31 August, 2012","format":false,"excerpt":"El ser humano, ese grande misterio de la creaci\u00f3n, que vive con un ojo en futuro y otro en el pasado, para de esta forma permitirle conocer mejor su presente. Un ser de nostalgia que siempre piensa que lo que est\u00e1 en el pasado es mejor que el presente y\u2026","rel":"","context":"In &quot;Animaci\u00f3n&quot;","block_context":{"text":"Animaci\u00f3n","link":"https:\/\/www.danielparente.net\/es\/category\/animacion-2\/"},"img":{"alt_text":"","src":"https:\/\/danielrparente.files.wordpress.com\/2012\/08\/irem_vs_taito_2.png?w=350&h=200&crop=1","width":350,"height":200,"srcset":"https:\/\/danielrparente.files.wordpress.com\/2012\/08\/irem_vs_taito_2.png?w=350&h=200&crop=1 1x, https:\/\/danielrparente.files.wordpress.com\/2012\/08\/irem_vs_taito_2.png?w=525&h=300&crop=1 1.5x"},"classes":[]},{"id":303011,"url":"https:\/\/www.danielparente.net\/es\/como-comenzar-en-el-desarrollo-de-videojuegos\/","url_meta":{"origin":4865,"position":1},"title":"C\u00f3mo comenzar en el desarrollo de videojuegos: Una gu\u00eda para principiantes","author":"danielparente","date":"23 September, 2024","format":false,"excerpt":"Introducci\u00f3n C\u00f3mo comenzar en el desarrollo de videojuegos El desarrollo de videojuegos es una industria apasionante y en constante crecimiento. Si siempre has so\u00f1ado con crear tu propio juego, te encuentras en el lugar correcto. En esta gu\u00eda para principiantes, abordaremos los aspectos fundamentales del desarrollo de videojuegos, incluyendo la\u2026","rel":"","context":"In &quot;Desarrollo de videojuegos&quot;","block_context":{"text":"Desarrollo de videojuegos","link":"https:\/\/www.danielparente.net\/es\/category\/desarrollo-de-videojuegos-2\/"},"img":{"alt_text":"C\u00f3mo comenzar en el desarrollo de videojuegos","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/09\/1727097707_1246_2548.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/09\/1727097707_1246_2548.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/09\/1727097707_1246_2548.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/09\/1727097707_1246_2548.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":835,"url":"https:\/\/www.danielparente.net\/es\/motion-capture-economico\/","url_meta":{"origin":4865,"position":2},"title":"Motion capture economico","author":"danielparente","date":"1 February, 2012","format":false,"excerpt":"Uno de los grandes problemas que tenemos como desarrolladores de videojuegos, es muchas veces el acceso a las herramientas necesarias para desarrollar de forma accesible (economicamente) y cualitativa nuestros videojuegos. No siempre es posible, hay herramientas que son las que son, y son cuasi incontornables, en el proceso de producci\u00f3n\u2026","rel":"","context":"In &quot;Animacion&quot;","block_context":{"text":"Animacion","link":"https:\/\/www.danielparente.net\/es\/category\/animacion-3\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/JCsCBZCFwJ0\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2578,"url":"https:\/\/www.danielparente.net\/es\/animacion-procedimental-procedural\/","url_meta":{"origin":4865,"position":3},"title":"Animaci\u00f3n Procedimental (procedural)","author":"danielparente","date":"27 August, 2012","format":false,"excerpt":"Los caminos de los videojuegos y de la tecnolog\u00eda son por veces insondables, y lo \u00fanico que podemos intentar hacer, es percibir lo que puede estar para venir, en funci\u00f3n de lo que vemos que no funciona muy bien. En los \u00faltimos a\u00f1os, el motion capture ha estado de moda,\u2026","rel":"","context":"In &quot;Animaci\u00f3n&quot;","block_context":{"text":"Animaci\u00f3n","link":"https:\/\/www.danielparente.net\/es\/category\/animacion-2\/"},"img":{"alt_text":"","src":"https:\/\/danielrparente.files.wordpress.com\/2012\/08\/out_of_the_dark_____by_mosredna.jpg?w=350&h=200&crop=1","width":350,"height":200,"srcset":"https:\/\/danielrparente.files.wordpress.com\/2012\/08\/out_of_the_dark_____by_mosredna.jpg?w=350&h=200&crop=1 1x, https:\/\/danielrparente.files.wordpress.com\/2012\/08\/out_of_the_dark_____by_mosredna.jpg?w=525&h=300&crop=1 1.5x"},"classes":[]},{"id":5002,"url":"https:\/\/www.danielparente.net\/es\/alguien-quiere-una-solucion-para-auto-rigging\/","url_meta":{"origin":4865,"position":4},"title":"Algui\u00e9n quiere una soluci\u00f3n para Auto Rigging ?","author":"danielparente","date":"19 July, 2013","format":false,"excerpt":"Todos los que trabajamos en los videojuegos sabemos bien lo cuanto que costa la parte de dar vida a los personajes que idealizamos. Cuando pensamos en ese mega enemigo o en ese carism\u00e1tico h\u00e9roe, lo vemos claro y brillante delante de nuestros ojos creativos, y respiramos fondo de la ansiedad\u2026","rel":"","context":"In &quot;Animaci\u00f3n&quot;","block_context":{"text":"Animaci\u00f3n","link":"https:\/\/www.danielparente.net\/es\/category\/animacion-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/07\/mixamo.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/07\/mixamo.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/07\/mixamo.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1482,"url":"https:\/\/www.danielparente.net\/es\/jornadas-de-arte-y-diseno-manuel-sirgo-12-pinguinos\/","url_meta":{"origin":4865,"position":5},"title":"Jornadas de Arte y Dise\u00f1o: Manuel Sirgo, 12-pinguinos","author":"danielparente","date":"26 April, 2012","format":false,"excerpt":"Tenemos la suerte de tener Manuel Sirgo, de 12 Pinguinos, para hablar sobre el pasado, presente y futuro de la animacion, desde una optica tradicional y digital. A pesar que el 3D esta de moda, el 2D tradicional sigue active y con mucho futuro. No tiene porque desaparecer y pueden\u2026","rel":"","context":"In &quot;Animaci\u00f3n&quot;","block_context":{"text":"Animaci\u00f3n","link":"https:\/\/www.danielparente.net\/es\/category\/animacion-2\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p2TqUj-1gt","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_spine.jpg?strip=all","_links":{"self":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/posts\/4865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/comments?post=4865"}],"version-history":[{"count":0,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/posts\/4865\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/media\/4868"}],"wp:attachment":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/media?parent=4865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/categories?post=4865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/tags?post=4865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}