{"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\/2013\/06\/27\/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&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-465045171\" 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_memberships_contains_paid_content":false,"footnotes":""},"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":[],"jetpack_featured_media_url":"https:\/\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2013\/06\/dp_galaxian_html5.jpg?strip=all","jetpack-related-posts":[{"id":303011,"url":"https:\/\/www.danielparente.net\/es\/2024\/09\/23\/como-comenzar-en-el-desarrollo-de-videojuegos\/","url_meta":{"origin":4886,"position":0},"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\/2024\/05\/15\/mitos-y-realidades-del-indie-game-dev-desarrollo-de-videojuegos\/","url_meta":{"origin":4886,"position":1},"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":[]},{"id":302957,"url":"https:\/\/www.danielparente.net\/es\/2024\/07\/20\/desentranando-los-costes-del-desarrollo-de-videojuegos-una-guia-completa\/","url_meta":{"origin":4886,"position":2},"title":"Desentra\u00f1ando los Costes del Desarrollo de Videojuegos: Una Gu\u00eda Completa","author":"danielparente","date":"20 July, 2024","format":false,"excerpt":"Introducci\u00f3n Desentra\u00f1ando los Costes del Desarrollo de Videojuegos \u00bfAlguna vez has so\u00f1ado con crear el pr\u00f3ximo gran \u00e9xito de los videojuegos? \ud83c\udfae Ya seas un desarrollador indie aspirante o un profesional experimentado de la industria, entender los costes asociados al desarrollo de videojuegos es crucial para convertir tu visi\u00f3n en\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 -- Desentra\u00f1ando los Costes del Desarrollo de Videojuegos: Una Gu\u00eda Completa","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/07\/ES-DANIEL-PARENTE-Desentranando-los-Costes-del-Desarrollo-de-Videojuegos-Una-Guia-Completa.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/07\/ES-DANIEL-PARENTE-Desentranando-los-Costes-del-Desarrollo-de-Videojuegos-Una-Guia-Completa.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/07\/ES-DANIEL-PARENTE-Desentranando-los-Costes-del-Desarrollo-de-Videojuegos-Una-Guia-Completa.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/07\/ES-DANIEL-PARENTE-Desentranando-los-Costes-del-Desarrollo-de-Videojuegos-Una-Guia-Completa.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2024\/07\/ES-DANIEL-PARENTE-Desentranando-los-Costes-del-Desarrollo-de-Videojuegos-Una-Guia-Completa.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":303048,"url":"https:\/\/www.danielparente.net\/es\/2025\/04\/14\/oportunidades-de-financiacion-para-desarrolladores-de-videojuegos-en-madrid\/","url_meta":{"origin":4886,"position":3},"title":"Oportunidades de financiaci\u00f3n para desarrolladores de videojuegos en Madrid : Apoyo Financiero para Desarrolladores","author":"danielparente","date":"14 April, 2025","format":false,"excerpt":"Este art\u00edculo explora las nuevas oportunidades de financiamiento para proyectos de videojuegos en la Comunidad de Madrid, adentr\u00e1ndose en los requisitos, beneficios y el procedimiento de solicitud para desarrolladores, empresas y proyectos creativos.","rel":"","context":"In &quot;Industria Espa\u00f1ola de videojuegos&quot;","block_context":{"text":"Industria Espa\u00f1ola de videojuegos","link":"https:\/\/www.danielparente.net\/es\/category\/industria-espanola-de-videojuegos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/04\/oportunidades-de-financiacion-para-desarrolladores-de-videojuegos-en-madrid.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/04\/oportunidades-de-financiacion-para-desarrolladores-de-videojuegos-en-madrid.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/04\/oportunidades-de-financiacion-para-desarrolladores-de-videojuegos-en-madrid.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/04\/oportunidades-de-financiacion-para-desarrolladores-de-videojuegos-en-madrid.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":303122,"url":"https:\/\/www.danielparente.net\/es\/2025\/07\/24\/gamificacion-vs-videojuegos-serios\/","url_meta":{"origin":4886,"position":4},"title":"Gamificaci\u00f3n vs. Videojuegos Serios: Desentra\u00f1ando el Poder del Juego en Contextos No Recreativos","author":"danielparente","date":"24 July, 2025","format":false,"excerpt":"\u00bfSabes realmente la diferencia entre gamificaci\u00f3n y videojuegos serios? Este art\u00edculo desentra\u00f1a sus prop\u00f3sitos, caracter\u00edsticas y aplicaciones para ayudarte a elegir la mejor estrategia para tus objetivos. Sum\u00e9rgete en el mundo del juego con prop\u00f3sito.","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":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/07\/gamificacin-vs-juegos-serios.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/07\/gamificacin-vs-juegos-serios.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/07\/gamificacin-vs-juegos-serios.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2025\/07\/gamificacin-vs-juegos-serios.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":303293,"url":"https:\/\/www.danielparente.net\/es\/2026\/04\/21\/estrategias-para-lanzar-tu-estudio-de-videojuegos\/","url_meta":{"origin":4886,"position":5},"title":"3 estrategias para lanzar tu estudio de videojuegos en 2026","author":"danielparente","date":"21 April, 2026","format":false,"excerpt":"La industria de los videojuegos genera m\u00e1s de 180.000 millones de d\u00f3lares al a\u00f1o y las plataformas digitales han abierto las puertas para que estudios independientes compitan con las grandes compa\u00f1\u00edas. Pero con tantas opciones disponibles, \u00bfcu\u00e1l es el mejor camino para iniciar tu propio estudio? En esta gu\u00eda analizamos\u2026","rel":"","context":"In &quot;Crear Empresa de Videojuegos&quot;","block_context":{"text":"Crear Empresa de Videojuegos","link":"https:\/\/www.danielparente.net\/es\/category\/crear-empresa-de-videojuegos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2026\/04\/3-estrategas-para-crear-un-estudio-de-videojuegos.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2026\/04\/3-estrategas-para-crear-un-estudio-de-videojuegos.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2026\/04\/3-estrategas-para-crear-un-estudio-de-videojuegos.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2026\/04\/3-estrategas-para-crear-un-estudio-de-videojuegos.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/e928cfdc7rs.exactdn.com\/info\/uploads\/sites\/2\/2026\/04\/3-estrategas-para-crear-un-estudio-de-videojuegos.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p2TqUj-1gO","jetpack_sharing_enabled":true,"_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}]}}