{"id":4886,"date":"2013-06-27T13:04:09","date_gmt":"2013-06-27T13:04:09","guid":{"rendered":"http:\/\/www.danielparente.net\/es\/?p=4886"},"modified":"2013-06-27T13:05:14","modified_gmt":"2013-06-27T13:05:14","slug":"tutorial-de-desarrollo-de-videojuego-de-tipo-galaxian-en-html-5","status":"publish","type":"post","link":"https:\/\/www.danielparente.net\/es\/tutorial-de-desarrollo-de-videojuego-de-tipo-galaxian-en-html-5\/","title":{"rendered":"Tutorial de desarrollo de videojuego de tipo Galaxian en HTML 5"},"content":{"rendered":"<p><a href=\"https:\/\/e928cfdc7rs.exactdn.com\/es\/wp-content\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&#038;w=2560\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4887\" alt=\"dp_galaxian_html5\" src=\"https:\/\/e928cfdc7rs.exactdn.com\/es\/wp-content\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all\" width=\"645\" height=\"387\" title=\"\" srcset=\"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all 645w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5-300x180.jpg?strip=all 300w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5-600x360.jpg?strip=all 600w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=64 64w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=129 129w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=193 193w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=387 387w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=451 451w, https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all&amp;w=516 516w\" sizes=\"(max-width: 645px) 100vw, 645px\"\/><\/a><\/p>\n<p>&#xA0;<\/p>\n<p>En los &#xFA;ltimos tiempos el HTML5 y el Javascript han &#xA0;estando ganando muchos puntos en el desarrollo de videojuegos, y es cada vez mas f&#xE1;cil poder encontrar recursos sobre el tema, de tal forma que se puede entender mejor el proceso de desarrollar videojuegos o aplicaciones.<\/p>\n<p>Los &#xFA;ltimos ejemplos que he puesto en el blog utilizaban o bien el Construct2 de Cirra, o otros engines de HTML5 como el ImpactJS, ahora he pensado que podr&#xED;a ser interesante picar a mano un juego completo sin utilizar un engine o un framework que nos oculte un poco el HTML5 y la forma de programar, para que de esta forma se pueda que ver tan poco es tan complejo como se podr&#xED;a esperar inicialmente.<\/p><div id=\"danie-3522702172\" 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>En esta b&#xFA;squeda he encontrado un tutorial muy interesante de 5 partes que conducen a la implementaci&#xF3;n de un juego de tipo Galaxian totalmente implementado en HTML5. No es un juego visualmente &#xA0;fuera de serie, pero cumple con la funci&#xF3;n de ense&#xF1;ar la facilidad de codificaci&#xF3;n que puede representar el HTML5 y el Javascript a la hora de desarrollar aplicaciones para el entorno.<\/p>\n<p>&#xA0;<\/p>\n<p><a href=\"http:\/\/blog.sklambert.com\/galaxian-html5-game\/\" target=\"_blank\" rel=\"noopener\">http:\/\/blog.sklambert.com\/galaxian-html5-game\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#xA0; En los &#xFA;ltimos tiempos el HTML5 y el Javascript han &#xA0;estando ganando muchos puntos en el desarrollo de videojuegos, y es cada vez mas f&#xE1;cil poder encontrar recursos sobre el tema, de tal forma que se puede entender mejor el proceso de desarrollar videojuegos o aplicaciones. Los &#xFA;ltimos ejemplos que he puesto en el [&#x2026;]<\/p>\n","protected":false},"author":1,"featured_media":4887,"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":[10,11,23,52,3113,2209],"tags":[3304,3303,3302,3208],"class_list":["post-4886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aprender-con-los-mejores-2","category-aprender-videojuegos","category-crear-videojuegos","category-html-5","category-tutoriales-de-videojuegos-2","category-tutoriales-videojuegos","tag-codigo-fuente-galaxian-html5","tag-desarrollar-un-videojuego-en-html5","tag-tutorial-desarrollo-de-videojuego-en-html5","tag-tutorial-html5"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"jetpack-related-posts":[{"id":4763,"url":"https:\/\/www.danielparente.net\/es\/un-tutorial-interactivo-de-snake-en-html5\/","url_meta":{"origin":4886,"position":0},"title":"Un tutorial interactivo de Snake en HTML5","author":"danielparente","date":"20 June, 2013","format":false,"excerpt":":) \u00daltimamente el HTML5 va ganando puntos y cari\u00f1o en la comunidad de desarrolladores, en gran parte por la facilidad de desarrollo y la portabilidad, que hacen olvidar las actuales limitaciones de la tecnolog\u00eda. Sigue habiendo muchos detractores que apuntan sobretodo al menor rendimiento de la tecnolog\u00eda, pero creo que\u2026","rel":"","context":"In &quot;Aprender con los mejores&quot;","block_context":{"text":"Aprender con los mejores","link":"https:\/\/www.danielparente.net\/es\/category\/aprender-con-los-mejores-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_snaketutorial.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_snaketutorial.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_snaketutorial.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4679,"url":"https:\/\/www.danielparente.net\/es\/algunos-tutoriales-de-desarrollo-de-videojuegos-en-html5\/","url_meta":{"origin":4886,"position":1},"title":"Algunos tutoriales de desarrollo de videojuegos en HTML5","author":"danielparente","date":"4 June, 2013","format":false,"excerpt":"\u00a0 El HTML5 se est\u00e1 revelando una agradable sorpresa para el dise\u00f1o y desarrollo de videojuegos, permitiendo desde el r\u00e1pido prototipado de juegos, hasta la implementaci\u00f3n en tiempo record de peque\u00f1os juegos multiplataforma capaces de llevarse con facilidad a la gran mayor\u00eda de las tiendas de aplicaciones. El rendimiento podr\u00e1\u2026","rel":"","context":"In &quot;Aprender Videojuegos&quot;","block_context":{"text":"Aprender Videojuegos","link":"https:\/\/www.danielparente.net\/es\/category\/aprender-videojuegos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_banner.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_banner.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/html5_banner.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4857,"url":"https:\/\/www.danielparente.net\/es\/videotutorial-sobre-implementacion-de-un-juego-de-plataformas-para-windows-8-en-html5\/","url_meta":{"origin":4886,"position":2},"title":"videotutorial sobre implementaci\u00f3n de un juego de plataformas para Windows  8 en HTML5","author":"danielparente","date":"25 June, 2013","format":false,"excerpt":"Hace unos meses, he publicado un link sobre un kit de implementaci\u00f3n de juegos de plataformas en HTML5 para Windows 8. Ahora lo han mejorado con un tutorial en video de 45 minutos explicando como utilizar el kit crear un videojuego. La informaci\u00f3n es realmente muy \u00fatil en todos los\u2026","rel":"","context":"In &quot;Aprender con los mejores&quot;","block_context":{"text":"Aprender con los mejores","link":"https:\/\/www.danielparente.net\/es\/category\/aprender-con-los-mejores-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2012\/06\/windows811.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2012\/06\/windows811.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2012\/06\/windows811.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":302228,"url":"https:\/\/www.danielparente.net\/es\/7-etapas-del-desarrollo-de-videojuegos\/","url_meta":{"origin":4886,"position":3},"title":"Desarrollo de videojuegos:\u00a07 etapas del desarrollo de videojuegos","author":"danielparente","date":"4 August, 2023","format":false,"excerpt":"El desarrollo de un videojuego es un proceso largo y complejo que requiere la colaboraci\u00f3n de un equipo multidisciplinar. Desde la concepci\u00f3n inicial de la idea hasta el lanzamiento final, un videojuego pasa por distintas fases que requieren planificaci\u00f3n, dise\u00f1o, programaci\u00f3n y testing. En este art\u00edculo exploraremos las 7 etapas\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":"7 etapas del desarrollo de videojuegos","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2023\/08\/7-etapas-del-desarrollo-de-videojuegos-.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2023\/08\/7-etapas-del-desarrollo-de-videojuegos-.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2023\/08\/7-etapas-del-desarrollo-de-videojuegos-.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2023\/08\/7-etapas-del-desarrollo-de-videojuegos-.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2023\/08\/7-etapas-del-desarrollo-de-videojuegos-.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":303011,"url":"https:\/\/www.danielparente.net\/es\/como-comenzar-en-el-desarrollo-de-videojuegos\/","url_meta":{"origin":4886,"position":4},"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":302944,"url":"https:\/\/www.danielparente.net\/es\/mitos-y-realidades-del-indie-game-dev-desarrollo-de-videojuegos\/","url_meta":{"origin":4886,"position":5},"title":"MITOS y REALIDADES del INDIE GAME DEV | Desarrollo de Videojuegos","author":"danielparente","date":"15 May, 2024","format":false,"excerpt":"Introducci\u00f3n MITOS y REALIDADES del INDIE GAME DEV En el mundo de desarrollo de videojuegos, especialmente en el sector de los indie games, abundan numerosos mitos y realidades que pueden confundir tanto a novatos como a entusiastas con algo de experiencia. A lo largo de este post, exploraremos estas ideas\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":"ES DANIEL PARENTE -- MITOS y REALIDADES del INDIE GAME DEV","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/05\/ES-DANIEL-PARENTE-MITOS-y-REALIDADES-del-INDIE-GAME-DEV.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/05\/ES-DANIEL-PARENTE-MITOS-y-REALIDADES-del-INDIE-GAME-DEV.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/05\/ES-DANIEL-PARENTE-MITOS-y-REALIDADES-del-INDIE-GAME-DEV.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/05\/ES-DANIEL-PARENTE-MITOS-y-REALIDADES-del-INDIE-GAME-DEV.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/05\/ES-DANIEL-PARENTE-MITOS-y-REALIDADES-del-INDIE-GAME-DEV.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p2TqUj-1gO","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all","_links":{"self":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/posts\/4886","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=4886"}],"version-history":[{"count":0,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/posts\/4886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/media\/4887"}],"wp:attachment":[{"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/media?parent=4886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/categories?post=4886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielparente.net\/es\/wp-json\/wp\/v2\/tags?post=4886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}