-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Building games for Firefox OS TV #45
Comments
Hola soy nuevo en esto, pero me gustaría participar con ustedes y poder ayudarles en algo. |
Le interesaría traducir este artículo, @MoysesCM? |
si claro con gusto, solo que porfavor explicame bien que es lo que hay que traducir, ya que no le entiendo bien a esto de github |
Le envié una invitación a este grupo, para poder asignarle la tarea bien. En cuanto a la tarea, el objetivo es traducir el contenido de este artículo: https://hacks.mozilla.org/2016/01/building-games-for-firefox-os-tv/. Nos puede compartir la traducción por medio de Google docs, o agregando un comentario a esta tarea con el archivo adjunto. Cualquier otra pregunta, le ayudo con gusto. |
Ok, claro que sí, con gusto mañana lo empiezo a traducir y lo comparto con El 11 de enero de 2016, 16:15, Jorge Villalobos notifications@github.com
|
Jorge. Podrías asignarme este articulo para traducir, o ayudar al compañero que lo empezó. El que hubiera gustado hacer , introducing DevTools Reload. Todavia esta en pendientes.Y no se si podrás asignarmelo. |
@MoysesCM, está trabajando en esta traducción todavía? |
Moyses. Jorge me ha asignado otra tarea. Habla con Jorge. Y pidelé que te La información contenida en este mensaje de correo electrónico es *The information in this email is CONFIDENTIAL and may be privileged. This nor the timely and proper receipt of the messages sent.*2016-03-02 22:13 GMT+01:00 Jorge Villalobos notifications@github.com:
|
Creo que se podria decir que la tarea esta en abandono, ya que la ultima actualización de @MoysesCM fue el 13 Jan. |
Jorge. ¿ Puedes asignarme esta tarea? |
Construyendo juegos para Firefox OS TVPor Andrzej Mazur
Publicado el
6 Enero, 2016
en
Artículo destacado, Firefox OS, y Juegos
Con Firefox OS centrado en un mundo de dispositivos conectados, es un buen momento para comenzar a construir juegos para nuevas y diferentes pantallas. Panasonic ofrece variedad de televisiones que funcionan con sistema operativo Firefox — en este artículo explicaremos en términos generales como desarrollar juegos en HTML5 para grandes pantallas de televisión difiere del enfoque procedente de los teléfonos inteligentes.. Nueva visita a Capitán RogersMi trayecto como desarrollador de juegos y fundador de Enclave Games, comenzó con el desarrollo de la primera versión de Capitán Rogers (llamado cinturón de asteroides de Sirius) — que fué construido hace ya casi tres años para teléfonos inteligentes de gama baja y optimizado para pequeñas pantallas. Recuerdo haber visto que funcione correctamente en el Geeksphone Keon, un dispositivo con una pantalla de 3.5″ ; en ese momento no podía haber imaginado que estaría trabajando en el mismo juego para un televisor de 50″. Siempre he estado interesado en construir juegos en HTML5 utilizando nuevas tecnologías, la implementación de APIs de vanguardia, y su desarrollo en nuevas plataformas, por eso estaba tan emocionado cuando probé mi juego en el dispositivo Keon y vi que funcionaba perféctamente. Cuando vi aparecer los primeros televisotres inteligentes en el mercado me preguntaba si algún día tendríamos alguno funcionando con sistema operativo Firefox, y como el rendimiento y la facilidad de desarrollo podría compararse a los teléfonos inteligentes y los ordenadores portátiles basados en la web. El estreno de los nuevos televisores Panasonic es una gran escusa para desempolvar el viejo Capitán Rogers y ver si todavía tiene la chispa para impresionar a la audiencia, aunque la audiencia ha cambiado a lo largo de estos últimos años. La planificación de la nueva versiónDecidí reconstruir Capitán Rogers con las tecnologías actuales y para grandes pantallas (con la televisión en mente). El juego original fue creado utilizando el motor de juego ImpactJS con una baja resolución base de 480 x 320.Avanzando hacia el día de hoy, he estado trabajando hasta ahora con Phaser haciendo juegos durante mas de dos años,y creo que es actualmente el mejor motor de juegos para juegos 2D . Se ha conseguido un rendimiento de interpretación de los navegadores un poco mejor, entonces no pensé que sería un problema hacer el juego mas grande y mantener todavía la alta velocidad de imagenes. Por eso decidí dar a la nueva versión de Capitán Rogers una resolución base de 960 x 640 pixels — mas que suficiente para hacer parecer al juego un poco mejor que el original. Al principio quise crear una copia exacta de la lógica del juego utilizando la nueva estructura. Originalmente iba a ser directamente una nueva versión HD, pero entonces decidí añadir características extra como disparar, enemigos flotantes, y algunos efectos visuales añadidos. Por lo tanto puedes considerarlo como un segundo episodio. Ya puedes jugar en la demostración que está siendo ahora exhibida en los televisores Panasonic con sistema operativo Firefox del CES 2016 en Las Vegas. Actualmente estoy trabajando en Blackmoon Designs en la version definitiva de Capitán Rogers 2: Batalla de Andromeda, que será lanzada en uno o dos meses. Comenzando a desarrollarMuchos recursos han sido escritos durante los últimos años sobre como preparar tu juego HTML5 para teléfonos inteligentes con sistema operativo Firefox . Con el nuevo medio, el enfoque no es muy diferente (con algunas excepciones que se describen a continuación), por lo que podrás seguirlo en gran medida. Para comenzar a desarrollar juegos para televisores Panasonic con sistema operativo Firefox,necesitarás Firefox Nightly y WebIDE — todas las instrucciones paso a paso sobre como lanzar un juego en TV a traves de WebIDE’s con depuración remota puedes encontrarlas en este artículo de MDN.. <iframe width="560" height="315" src="https://www.youtube.com/embed/Bh11sP0bcTY" frameborder="0" allowfullscreen></iframe> Considerando grandes pantallasLa TV en tu salón es obviamente diferente al teléfono inteligente que tienes en tu mano , y los juegos y aplicaciones deben ser diseñados de manera diferente para el nuevo medio.Sin embargo, construir para la web nos ha enseñado que un juego debe ajustar su tamaño a la pantalla ,no importa que sea un teléfono inteligente, tablet, portatil o monitor PC , por lo que una pantalla de TV ,no debería ser un problema. EscalandoEscalar en Phaser puede ser una breve linea: this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; Esto se encargará de escalar la base del juego al espacio de pantalla disponible y el mantenimiento de la relación de aspecto,por lo que no se estirará de ningún modo. Hay otras maneras de escalar un juego, pero esta es la solución mas sencilla y universal. Funcionará para pequeños teléfonos inteligentes y grandes Televisores — El único aspecto a considerar es la resolución de los activos frente al rendimiento del juego, por lo que se ve bien y tiene un rendimiento razonablemente bueno al mismo tiempo . Las decisiones sobre la resolución dependen del tipo de juego que estés construyendo, de cuantos activos dispondrás, o de lo que va a suceder en la pantalla, por lo que es una elección personal. ControlesEs bueno saber que el control remoto puede emular a las teclas del teclado, entonces si ya lo tienes implementado para tu juego funcionará fuera de la caja:
En este caso, las teclas del cursor (correspondientes a las flechas del teclado si estás probando y jugando el juego en el escritorio) son creadas y pueden ser comprobadas mas tarde. Tienen los mismos codigos que las flechas en el control remoto, por eso es tan fácil implementarlas y probarlas. Si cuando se está jugando al juego se presiona la tecla de la flecha derecha, la nave del jugador se moverá a la derecha. puedes encontrar exáctamente las mismas teclas en el control remoto: Las cuatro teclas con flechas direccionales tienen exáctamente el mismo código que sus homólogas en el teclado, pero, ¿Como compruebas las otras teclas en el control remoto? Puedes hacerlo con un acceso en javascript puro:
De esta manera verás las teclas relacionadas impresas en la consola cuando presionas los botones en el control remoto, entonces puedes asignarles las acciones corréctamente en el juego. También puedes revisar este artículo para que te resulte mas sencillo . Trazado de botones del teclado al control remoto del televisor. OptimizaciónEs importante saber que los televisores y otros dispositivos tienden a tener limitaciones de hardware . Para hacer que el juego funcione sin problemas es importante seguir algunas directrices y comprobar el rendimiento para eliminar algunos potenciales cuellos de botella. Mira este artículo sobre el juego "Power Surge" para obtener consejos. Partiendo de código abiertoCuando estaba preparando la version de prueba de El nuevo Capitán Rogers decidí completarla con código abierto y la plantilla privada que en Enclave Games, utilizo para el desarrollo de juegos — Puedes encontrar la plantilla de Enclave Phaser en GitHub. También me di cuenta de que ya tengo algún proyecto de desarrollo de juegos allí (como Monster Wants Candy y Cyber Orb), y sería fantástico enumerarlos a todos en una página para que los desarrolladores pudieran aprender y beneficiarse de ellos: Por lo tanto tambien he publicado en open.enclavegames.com, una lista de mis mas interesantes proyectos de código abierto. |
Jorge, ya se que lo comenzé el día 19. No he llevado el ritmo habitual porque he estado muy liado con el trabajo y otros asuntos. Espero recuperar mi ritmo habitual. Mañana o pasado te paso el artículo a revisión y a ver los que sacas por ahí que quiero continuar con alguno interesante. Saludos a todos |
https://docs.google.com/document/d/1kDLmYisvXSKFpCycY-aKZ4ogpbFx_vg22dnm8bBDLDM/edit?usp=sharingConstruyendo juegos para Firefox OS TVPor Andrzej Mazur
Publicado el
6 Enero, 2016
en
Artículo destacado, Firefox OS, y Juegos
Con Firefox OS centrado en un mundo de dispositivos conectados, es un buen momento para comenzar a construir juegos para nuevas y diferentes pantallas. Panasonic ofrece variedad de televisores que funcionan con sistema operativo Firefox — en este artículo explicaremos en términos generales como desarrollar juegos en HTML5 para grandes pantallas de televisión difiere del enfoque procedente de los teléfonos inteligentes. Nueva visita a Capitán RogersMi trayecto como desarrollador de juegos y fundador de Enclave Games, comenzó con el desarrollo de la primera versión de Capitán Rogers (llamado cinturón de asteroides de Sirius) — que fué construido hace ya casi tres años para teléfonos inteligentes de gama baja y optimizado para pequeñas pantallas. Recuerdo haber visto que funcione correctamente en el Geeksphone Keon, un dispositivo con una pantalla de 3.5″ ; en ese momento no podía haber imaginado que estaría trabajando en el mismo juego para un televisor de 50″. Siempre he estado interesado en construir juegos en HTML5 utilizando nuevas tecnologías, la implementación de APIs de vanguardia, y su desarrollo en nuevas plataformas, por eso estaba tan emocionado cuando probé mi juego en el dispositivo Keon y vi que funcionaba perféctamente. Cuando vi aparecer los primeros televisotres inteligentes en el mercado me preguntaba si algún día tendríamos alguno funcionando con sistema operativo Firefox, y como el rendimiento y la facilidad de desarrollo podría compararse a los teléfonos inteligentes y los ordenadores portátiles basados en la web. El estreno de los nuevos televisores Panasonic es una gran escusa para desempolvar el viejo Capitán Rogers y ver si todavía tiene chispa para impresionar a la audiencia, aunque la audiencia ha cambiado a lo largo de estos últimos años. La planificación de la nueva versiónDecidí reconstruir Capitán Rogers con las tecnologías actuales y para grandes pantallas (con la televisión en mente). El juego original fue creado utilizando el motor de juego ImpactJS con una baja resolución base de 480 x 320.Avanzando hacia el día de hoy, he estado trabajando hasta ahora con Phaser haciendo juegos durante mas de dos años,y creo que es actualmente el mejor motor de juegos para juegos 2D . Se ha conseguido un rendimiento de interpretación de los navegadores un poco mejor, entonces pensé que no sería un problema hacer el juego mas grande y mantener todavía la alta velocidad de imagenes. Por eso decidí dar a la nueva versión de Capitán Rogers una resolución base de 960 x 640 pixels — mas que suficiente para hacer parecer al juego un poco mejor que el original. Al principio quise crear una copia exacta de la lógica del juego utilizando la nueva estructura. Originalmente iba a ser directamente una nueva versión HD, pero entonces decidí añadir características extra como disparar, enemigos flotantes, y algunos efectos visuales añadidos. Por lo tanto puedes considerarlo como un segundo episodio. Ya puedes jugar en la demostración que está siendo ahora exhibida en los televisores Panasonic con sistema operativo Firefox del CES 2016 en Las Vegas. Actualmente estoy trabajando en Blackmoon Designs en la version definitiva de Capitán Rogers 2: Batalla de Andromeda, que será lanzada dentro de uno o dos meses. Comenzando a desarrollarMuchos recursos han sido escritos durante los últimos años sobre como preparar tu juego HTML5 para teléfonos inteligentes con sistema operativo Firefox . Con el nuevo medio, el enfoque no es muy diferente (con algunas excepciones que se describen a continuación), por lo que podrás seguirlo en gran medida. Para comenzar a desarrollar juegos para televisores Panasonic con sistema operativo Firefox,necesitarás Firefox Nightly y WebIDE — todas las instrucciones paso a paso sobre como lanzar un juego en TV a traves de WebIDE’s con depuración remota puedes encontrarlas en este artículo de MDN.. <iframe width="560" height="315" src="https://www.youtube.com/embed/Bh11sP0bcTY" frameborder="0" allowfullscreen></iframe> Considerando grandes pantallasLa TV en tu salón es obviamente diferente al teléfono inteligente que tienes en tu mano , y los juegos y aplicaciones deben ser diseñados de manera diferente para el nuevo medio.Sin embargo, construir para la web nos ha enseñado que un juego debe ajustar su tamaño a la pantalla ,no importa que sea un teléfono inteligente, tablet, portatil o monitor PC , por lo que una pantalla de TV ,no debería ser un problema. EscalandoEscalar en Phaser puede ser una breve linea: this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; Esto se encargará de escalar la base del juego al espacio de pantalla disponible y el mantenimiento de la relación de aspecto,por lo que no se estirará de ningún modo. Hay otras maneras de escalar un juego, pero esta es la solución mas sencilla y universal. Funcionará para pequeños teléfonos inteligentes y grandes Televisores — El único aspecto a considerar es la resolución de los activos frente al rendimiento del juego, por lo que se ve bien y tiene un rendimiento razonablemente bueno al mismo tiempo . Las decisiones sobre la resolución dependen del tipo de juego que estés construyendo, de cuantos activos dispondrás, o de lo que va a suceder en la pantalla, por lo que es una elección personal. ControlesEs bueno saber que el control remoto puede emular a las teclas del teclado, entonces si ya lo tienes implementado para tu juego funcionará fuera de la caja:
En este caso, las teclas del cursor (correspondientes a las flechas del teclado si estás probando y jugando el juego en el escritorio) son creadas y pueden ser comprobadas mas tarde. Tienen los mismos codigos que las flechas en el control remoto, por eso es tan fácil implementarlas y probarlas. Si cuando se está jugando al juego se presiona la tecla de la flecha derecha, la nave del jugador se moverá a la derecha. Puedes encontrar exáctamente las mismas teclas en el control remoto: Las cuatro teclas con flechas direccionales tienen exáctamente el mismo código que sus homólogas en el teclado, pero, ¿Como compruebas las otras teclas en el control remoto? Puedes hacerlo con un acceso en javascript puro:
De esta manera verás las teclas relacionadas impresas en la consola cuando presionas los botones en el control remoto, entonces puedes asignarles las acciones corréctamente en el juego. También puedes revisar este artículo para que te resulte mas sencillo . Trazado de botones del teclado al control remoto del televisor. OptimizaciónEs importante saber que los televisores y otros dispositivos tienden a tener limitaciones de hardware . Para hacer que el juego funcione sin problemas es importante seguir algunas directrices y comprobar el rendimiento para eliminar algunos potenciales cuellos de botella. Mira este artículo sobre el juego "Power Surge" para obtener consejos. Partiendo de código abiertoCuando estaba preparando la version de prueba de El nuevo Capitán Rogers decidí completarla con código abierto y la plantilla privada que en Enclave Games, utilizo para el desarrollo de juegos — Puedes encontrar la plantilla de Enclave Phaser en GitHub. También me di cuenta de que ya tengo algún proyecto de desarrollo de juegos allí (como Monster Wants Candy y Cyber Orb), y sería fantástico enumerarlos a todos en una página para que los desarrolladores pudieran aprender y beneficiarse de ellos: Por lo tanto tambien he publicado en open.enclavegames.com, una lista de mis mas interesantes proyectos de código abierto. Desde el Mobile World Congress al Consumer Electronics ShowEstuve haciendo una demostración del primer Capitán Rogers en el Mobile World Congress 2014 en Barcelona en una gama de teléfonos inteligentes con sistema operativo Firefox . Desde entonces, he dado un monton de charlas sobre construcción de juegos para Firefox OS ,incluyendo a Capitán Rogers como caso de estudio. Ahora es el momento para que el nuevo juego sea mostrado en televisores con sistema operativo Firefox ,en el Consumer Electronics Show de Las Vegas, donde los nuevos televisores Panasonic UHD se han presentado. Aseguraté de visitar Mozilla en el area de Panasonic y prueba el juego. Date una oportunidad y mira si el desarrollo de juegos para TV es algo que te gustaría hacer en el futuro. Si es así, no dudes en Twittearme para hacerme preguntas — estaré encantado de ayudarte. Sobre Andrzej MazurDesarrollador de juegos HTML5 ,fundador del estudio independiente Enclave Games ,creador de la competición js13kGames y columnista en la publicación semanal Gamedev.js. Apasionado de los repositorios Mozilla sobre Firefox OS y evangelismo técnico.
4 comentarios
los comentarios están cerrados para este artículo.
pre.hljs code {}</style>
|
Hola Jorge. Aqui os dejo el artículo traducido. y el enlace de el documento Google Docks para su edición. Aquí teneis el enlace: https://docs.google.com/document/d/1kDLmYisvXSKFpCycY-aKZ4ogpbFx_vg22dnm8bBDLDM/edit?usp=sharing |
Publicado: https://www.mozilla-hispano.org/construyendo-juegos-firefox-os-tv/ Gracias! |
https://hacks.mozilla.org/2016/01/building-games-for-firefox-os-tv/
The text was updated successfully, but these errors were encountered: