Bitelia: 5 librerías en JavaScript para hacer juegos en HTML5 y otros 5 artículos interesantes

Bitelia: 5 librerías en JavaScript para hacer juegos en HTML5 y otros 5 artículos interesantes


5 librerías en JavaScript para hacer juegos en HTML5

Posted: 31 Jul 2014 04:01 PM PDT

librerías javascript para hacer juegos

Hace rato que gracias a las grandes capacidades de nuestros navegadores, la web dejo de ser un ambiente ajeno al mundo de los videojuegos. Te presentamos 5 librerías en JavaScript para hacer juegos que vas a amar.

Los videojuegos han fascinado a la humanidad desde tiempo inmemoriales (bueno, quizás sea desde hace unos 60 años) y siempre despiertan pasión tanto en los jugadores como en los creadores. Con el poder de cómputo de los ordenadores de hoy en día y las grandes capacidades de nuestros navegadores, no hay por qué pensar que la web es un ambiente aislado para este mundo. Ya anteriormente les habíamos presentado algunas herramientas para crear videojuegos sin saber programar, pero si eres un desarrollador web que ama jugar -y crear- seguro apreciaras estas 5 hermosas librerías que puedes usar para crear juegos en JavaScript usando HTML5.

Impact.js

Impact.js, o simplemente Impact, es una de las librerías más populares para crear videojuegos usando JavaScript. Esto se debe no sólo a su facilidad de uso sino también al conjunto de herramientas que pone a disposición del programador. Maneja sprites, animaciones, mapas con patrones (tiles), colisiones, sonidos y viene con un conveniente editor de niveles llamado Weltmeister, que te permite crear casi cualquier cosa en 2D. Además cuenta con un sistema de plugins con el que puedes extender aún más las funcionalidades.

Impact.js te permite crear juegos que corren en cualquier navegador con soporte a HTML5 como Firefox, Chrome, Safari, Opera e incluso el infame Internet Explorer 9. También te permite publicar tus aplicaciones en la AppStore con soporte casi nativo para iPhone, iPod Touch y iPad. Lo único que no me gusta tanto es que trabaja bajo un esquema de código cerrado y la licencia tiene un costo de US$ 99.

Phaser

phaser

Phaser es uno de los motores de juegos para JavaScript más recientes y, sin duda, toda una promesa. Está diseñado para que los juegos se puedan ejecutar tanto en ordenadores como en dispositivos móviles, siendo este último su principal foco. No sólo soporta Canvas sino también WebGL y puede pasarse de uno a otro automáticamente según la compatibilidad del navegador. Eso le da un punto de ventaja en cuanto al rendering y la velocidad de respuesta. Además contribuye a una mejor experiencia de usuario.

También maneja física, colisiones, animaciones, sistema de partículas, mapas de patrones, sonidos y permite escalar el juego para que se ajuste a la resolución de cualquier dispositivo sin alterar la relación de aspecto. Al igual que Impact.js maneja un sistema de plugins que permite extender aún más las funcionalidades del motor. Phaser no sólo es genial sino que también es Open Source. Puedes ver, descargar y contribuir con su código fuente desde Github. Como dato curioso, Phaser utiliza Pixi.js para el rendering y contribuye activamente con el proyecto.

Kiwi.js

Muchos desarrolladores seguro coinciden en que hacer videojuegos debería ser tan divertido como jugarlos y aquí es donde entra Kiwi.js. Este framework apunta a ser una herramienta amigable y divertida para crear juegos, tanto así que lo llaman el "WordPress" de los motores de juegos para HTML5.

Kiwi.js viene con soporte para animaciones, sprites, cámaras, sonidos, texturas y un útil módulo para crear interfaces de usuario. Sin embargo carece de motor de física y colisiones, por lo que debes conseguir una opción que se ajuste a tus necesidades. Quizás te sirva el port de Box2D para JavaScript o a p2.js. También es Open Source y puedes jugar con su código fuente en Github.

Game.js

gamejs

¿Alguna vez escuchaste hablar de una antigua librería para crear juegos en Python llamada PyGame? Bueno, la sintaxis y la facilidad de uso de PyGame ha inspirado a los creadores de Game.js para crear algo similar pero esta vez para JavaScript.

Game.js te permite manejar sprites, animaciones, sonidos, mapas de patrones y colisiones pero además trae unos métodos muy útiles para búsqueda de rutas (necesario para la inteligencia artificial) y comunicaciones vía HTTP. Los métodos son muy similares a los de PyGame y también es Open Source, así que puedes chequear su código fuente en Github, reportar fallos o hacer sugerencias.

melonJS

melon

melonJS es una sencilla pero poderosa librería JavaScript para desarrollar juegos 2D. Aún está en desarrollo pero desde ya puedes crear fácilmente juegos geniales. Es Open Source, compatible con Chrome, Safari, Firefox, Opera e incluso Internet Explorer en versiones igual o superiores a la 9. Posee mecanismos básicos de física y colisión para asegurar bajos requerimientos de CPU.

melonJS integra el popular formato de mapas tiled, lo que permite diseñar fácilmente niveles usando el editor de mapas, así puedes centrarte en las propias características del juego, como debe ser. Este motor 2D basado en sprites, también cuenta con soporte a múltiples canales de audio, matemática básica de vectores y efectos de transición, entre otras características. Debido a su naturaleza, puedes revisar el código fuente e incluso contribuir con melonJS en su repositorio GitHub.

Con esta pequeña pero útil lista tienes aún menos excusas para empezar a convertir esas locas ideas en videojuegos. ¿Te parece que dejamos tu framework favorito para hacer videojuegos fuera de la lista? Déjanos un comentario y dinos cuál es.








5 librerías en JavaScript para hacer juegos en HTML5

Posted: 31 Jul 2014 04:01 PM PDT

librerías javascript para hacer juegos

Hace rato que gracias a las grandes capacidades de nuestros navegadores, la web dejo de ser un ambiente ajeno al mundo de los videojuegos. Te presentamos 5 librerías en JavaScript para hacer juegos que vas a amar.

Los videojuegos han fascinado a la humanidad desde tiempo inmemoriales (bueno, quizás sea desde hace unos 60 años) y siempre despiertan pasión tanto en los jugadores como en los creadores. Con el poder de cómputo de los ordenadores de hoy en día y las grandes capacidades de nuestros navegadores, no hay por qué pensar que la web es un ambiente aislado para este mundo. Ya anteriormente les habíamos presentado algunas herramientas para crear videojuegos sin saber programar, pero si eres un desarrollador web que ama jugar -y crear- seguro apreciaras estas 5 hermosas librerías que puedes usar para crear juegos en JavaScript usando HTML5.

Impact.js

Impact.js, o simplemente Impact, es una de las librerías más populares para crear videojuegos usando JavaScript. Esto se debe no sólo a su facilidad de uso sino también al conjunto de herramientas que pone a disposición del programador. Maneja sprites, animaciones, mapas con patrones (tiles), colisiones, sonidos y viene con un conveniente editor de niveles llamado Weltmeister, que te permite crear casi cualquier cosa en 2D. Además cuenta con un sistema de plugins con el que puedes extender aún más las funcionalidades.

Impact.js te permite crear juegos que corren en cualquier navegador con soporte a HTML5 como Firefox, Chrome, Safari, Opera e incluso el infame Internet Explorer 9. También te permite publicar tus aplicaciones en la AppStore con soporte casi nativo para iPhone, iPod Touch y iPad. Lo único que no me gusta tanto es que trabaja bajo un esquema de código cerrado y la licencia tiene un costo de US$ 99.

Phaser

phaser

Phaser es uno de los motores de juegos para JavaScript más recientes y, sin duda, toda una promesa. Está diseñado para que los juegos se puedan ejecutar tanto en ordenadores como en dispositivos móviles, siendo este último su principal foco. No sólo soporta Canvas sino también WebGL y puede pasarse de uno a otro automáticamente según la compatibilidad del navegador. Eso le da un punto de ventaja en cuanto al rendering y la velocidad de respuesta. Además contribuye a una mejor experiencia de usuario.

También maneja física, colisiones, animaciones, sistema de partículas, mapas de patrones, sonidos y permite escalar el juego para que se ajuste a la resolución de cualquier dispositivo sin alterar la relación de aspecto. Al igual que Impact.js maneja un sistema de plugins que permite extender aún más las funcionalidades del motor. Phaser no sólo es genial sino que también es Open Source. Puedes ver, descargar y contribuir con su código fuente desde Github. Como dato curioso, Phaser utiliza Pixi.js para el rendering y contribuye activamente con el proyecto.

Kiwi.js

Muchos desarrolladores seguro coinciden en que hacer videojuegos debería ser tan divertido como jugarlos y aquí es donde entra Kiwi.js. Este framework apunta a ser una herramienta amigable y divertida para crear juegos, tanto así que lo llaman el "WordPress" de los motores de juegos para HTML5.

Kiwi.js viene con soporte para animaciones, sprites, cámaras, sonidos, texturas y un útil módulo para crear interfaces de usuario. Sin embargo carece de motor de física y colisiones, por lo que debes conseguir una opción que se ajuste a tus necesidades. Quizás te sirva el port de Box2D para JavaScript o a p2.js. También es Open Source y puedes jugar con su código fuente en Github.

Game.js

gamejs

¿Alguna vez escuchaste hablar de una antigua librería para crear juegos en Python llamada PyGame? Bueno, la sintaxis y la facilidad de uso de PyGame ha inspirado a los creadores de Game.js para crear algo similar pero esta vez para JavaScript.

Game.js te permite manejar sprites, animaciones, sonidos, mapas de patrones y colisiones pero además trae unos métodos muy útiles para búsqueda de rutas (necesario para la inteligencia artificial) y comunicaciones vía HTTP. Los métodos son muy similares a los de PyGame y también es Open Source, así que puedes chequear su código fuente en Github, reportar fallos o hacer sugerencias.

melonJS

melon

melonJS es una sencilla pero poderosa librería JavaScript para desarrollar juegos 2D. Aún está en desarrollo pero desde ya puedes crear fácilmente juegos geniales. Es Open Source, compatible con Chrome, Safari, Firefox, Opera e incluso Internet Explorer en versiones igual o superiores a la 9. Posee mecanismos básicos de física y colisión para asegurar bajos requerimientos de CPU.

melonJS integra el popular formato de mapas tiled, lo que permite diseñar fácilmente niveles usando el editor de mapas, así puedes centrarte en las propias características del juego, como debe ser. Este motor 2D basado en sprites, también cuenta con soporte a múltiples canales de audio, matemática básica de vectores y efectos de transición, entre otras características. Debido a su naturaleza, puedes revisar el código fuente e incluso contribuir con melonJS en su repositorio GitHub.

Con esta pequeña pero útil lista tienes aún menos excusas para empezar a convertir esas locas ideas en videojuegos. ¿Te parece que dejamos tu framework favorito para hacer videojuegos fuera de la lista? Déjanos un comentario y dinos cuál es.


Usa WhatsApp desde tu ordenador con WhatsRemote

Posted: 31 Jul 2014 02:59 PM PDT

Fotorafía: Desiree Catani

WhatsApp sigue siendo el rey de la mensajería instantánea, y un servicio que está valorado en un precio absolutamente descomunal -y ridículo- y a pesar de esto sigue sin existir una manera oficial de acceder a nuestras conversaciones desde un ordenador.

Los clientes de mensajería son parte importante de nuestras vidas, con ellos nos comunicamos con absolutamente todos nuestros conocidos y han eliminado casi completamente la necesidad de pagar por cada mensaje de texto que envías. WhatsApp es de los clientes más famosos, y aunque tiene bastante competencia (como Telegram o Line), después de que fue comprado por Facebook se hizo más obvio que seguiría siendo muy relevante y se incluirían algunas mejoras necesarias en el servicio, como por ejemplo, la posibilidad de usar WhatsApp desde nuestros ordenadores, así como lo hacemos con el chat de Facebook.

Lamentablemente, aún no existe una forma oficial de usar WhatsApp ni desde el navegador ni mediante la instalación de clientes para Windows, OS X, o Linux; lo que es una gran molestia y pone al servicio en desventaja frente a aplicaciones como LINE o Telegram que si se pueden usar desde el escritorio. Sin embargo, en Internet existen soluciones para todo, algunas simples y otras más complicadas, y luego de un poco de investigación he conseguido una manera fácil de usar WhatsApp en el navegador con muy poco trabajo y sin tener que usar un número de teléfono diferente; gracias a WhatsRemote, que hace las veces de un cliente remoto que se conecta con el móvil como si fuese un servidor.

WhatsRemote

usar whatsapp en la pc whatsremote

La aplicación es muy simple de usar: necesitas instalarla primero en tu dispositivo Android y darle permisos para comenzar a funciona como un servidor de WhatsApp. Desde el navegador te puedes conectar y desconectar cuando quieras, la aplicación no estará ejecutándose permanentemente en el fondo. No necesitas volverte a registrar en WhatsApp, WhatsRemote sólo usará la dirección de correo de Google principal que tengas asociada a tu smartphone.

Para abrir las conversaciones en el navegador solo necesitas entrar en whatsremote.com, e iniciar sesión dando permisos de Google a la aplicación web. Esta funciona en Chrome, Safari, Firefox, y cualquier otro navegador.

WhatsRemote cuenta con notificaciones sonoras y alertas visuales en el escritorio que muestra una ventana pequeña indicando que recibiste un mensaje. Hay tres sonidos de notificaciones disponibles para escoger, y los mensaje llegan rápido, de inmediato o con apenas con un pequeño retraso de dos o tres segundos.

WhatsRemote no es gratuito, ofrece tres días de período de prueba una vez que lo comienzas a usar, y pasado ese tiempo te cobrarán. Afortunadamente el precio por el servicio es muy bajo, apenas 1.3$ semestral, el cual se puede pagar directamente desde la aplicación, una compra in app para seguramente evitar que se piratee la aplicación, un problema que está muy marcado en Android.

Limitaciones

usar whatsapp en la pc

  • Sólo funciona en Android y en la FAQs del sitio oficial dicen que no sacarán una versión para iOS.
  • Necesitas tener acceso ROOT en Android para usarlo, ya que la aplicación requiere permisos de superusuario, lo que puede incomodar a algunas personas. Esto es necesario porque es la única manera que uses el móvil como servidor y transferir todo al navegador.
  • No podrás crear conversaciones nuevas en el navegador, sólo continuar las que ya has creado desde tu móvil.
  • No podrás mirar tampoco si la persona con la que hablas está en línea o cuándo se conectó la última vez.
  • Se pueden enviar emoticones, pero no se pueden enviar ni recibir imágenes, ni audio.
  • Si has creado una nueva ventana de conversación mientras tienes WhatsRemote abierto en el navegador, no se sincronizará bien. En este caso lo mejor es cerrar sesión y volver a entrar.

Si te parecen muchas las limitaciones, debes recordar que es una aplicación no oficial, que no hay alternativas ni la mitad de simples, y que WhatsApp no tiene una API pública.








Facebook Purity, la extensión que te da más control sobre tu perfil

Posted: 31 Jul 2014 02:14 PM PDT

Facebook Purity

Facebook Purity es una extensión para navegadores que te permite personalizar varios aspectos de tu perfil, incluso te notifica cuando un amigo te elimina.

Quizá siempre estuvieron allí, pero desde hace unos cuantos meses note que entre los cambios propios de la aplicación y la cantidad de información innecesaria en el feed de noticias de mi perfil, Facebook se convirtió en mi red social menos favorita. La cantidad de publicidad e invitaciones a juegos me inundaba la pantalla y hacían que deseara salir corriendo. Recientemente encontré una sencilla extensión que elimina esta molestia y hace muchas otras cosas que me dan mucho más control sobre mi perfil, FB Purity.

Fluff Busting Purity o FB Purity, es una extensión para navegadores que permite personalizar varios aspectos de Facebook. En sus opciones de configuración puedes jugar con varios parámetros logrando como resultado una leve alteración en la vista regular de tu perfil para que solo veas la información que es relevante para ti.

¿Qué puedo hacer con FB Purity?

FB Purity te permite modificar varias opciones que harán de tu perfil en Facebook un lugar más agradable. Por ejemplo, si así lo decides, puedes eliminar todas las historias irrelevantes y en algunos casos molestas que inundan tu página de inicio, como esa insana cantidad de juegos y sus invitaciones, aplicaciones de spam, anuncios de publicidad e historias patrocinadas. También oculta las cajas que no deseas ver a ambos lados del feed de noticias.

purity

Todo esto es posible gracias a sus opciones de configuración que se ubican en la barra superior de opciones de la aplicación luego de instalada la extensión. Una vez que entras puedes seleccionar una buena cantidad de opciones de varias categorías principales, como filtros para el newsfeed, historias de eventos y opciones de chat, por mencionar algunas.

De las características que seguramente encontraran más útiles de FB Purity, es que te permite seleccionar una opción de obtener alertas cada vez que un amigo deja de estar en tu lista. Al notificarte podrás acceder a ese perfil para saber si ese contacto te borro o si su cuenta fue suspendida.

FB Purity se encuentra disponible para Firefox, Google Chrome, Safari, Opera y Maxthon. Lo puedes obtener desde su pagina de descargas o desde el market de aplicaciones del navegador de tu preferencia. Para mantenerte informado de las noticias de esta peculiar extensión, puedes unirte a sus comunidades en Facebook, Twitter y Google +.








Facebook Purity, la extensión que te da más control sobre tu perfil

Posted: 31 Jul 2014 02:14 PM PDT

Facebook Purity

Facebook Purity es una extensión para navegadores que te permite personalizar varios aspectos de tu perfil, incluso te notifica cuando un amigo te elimina.

Quizá siempre estuvieron allí, pero desde hace unos cuantos meses note que entre los cambios propios de la aplicación y la cantidad de información innecesaria en el feed de noticias de mi perfil, Facebook se convirtió en mi red social menos favorita. La cantidad de publicidad e invitaciones a juegos me inundaba la pantalla y hacían que deseara salir corriendo. Recientemente encontré una sencilla extensión que elimina esta molestia y hace muchas otras cosas que me dan mucho más control sobre mi perfil, FB Purity.

Fluff Busting Purity o FB Purity, es una extensión para navegadores que permite personalizar varios aspectos de Facebook. En sus opciones de configuración puedes jugar con varios parámetros logrando como resultado una leve alteración en la vista regular de tu perfil para que solo veas la información que es relevante para ti.

¿Qué puedo hacer con FB Purity?

FB Purity te permite modificar varias opciones que harán de tu perfil en Facebook un lugar más agradable. Por ejemplo, si así lo decides, puedes eliminar todas las historias irrelevantes y en algunos casos molestas que inundan tu página de inicio, como esa insana cantidad de juegos y sus invitaciones, aplicaciones de spam, anuncios de publicidad e historias patrocinadas. También oculta las cajas que no deseas ver a ambos lados del feed de noticias.

purity

Todo esto es posible gracias a sus opciones de configuración que se ubican en la barra superior de opciones de la aplicación luego de instalada la extensión. Una vez que entras puedes seleccionar una buena cantidad de opciones de varias categorías principales, como filtros para el newsfeed, historias de eventos y opciones de chat, por mencionar algunas.

De las características que seguramente encontraran más útiles de FB Purity, es que te permite seleccionar una opción de obtener alertas cada vez que un amigo deja de estar en tu lista. Al notificarte podrás acceder a ese perfil para saber si ese contacto te borro o si su cuenta fue suspendida.

FB Purity se encuentra disponible para Firefox, Google Chrome, Safari, Opera y Maxthon. Lo puedes obtener desde su pagina de descargas o desde el market de aplicaciones del navegador de tu preferencia. Para mantenerte informado de las noticias de esta peculiar extensión, puedes unirte a sus comunidades en Facebook, Twitter y Google +.








Jive, la plataforma social de comunicación y colaboración para empresas

Posted: 31 Jul 2014 09:34 AM PDT

JIve

Jive es una plataforma de colaboración y comunicación que busca cambiar la manera en que las empresas hacen su trabajo para convertirlo en algo más social.

Una organización utiliza varios servicios que los ayudan a cubrir necesidades diferentes. Aplicaciones como Gmail, Evernote, Dropbox y Exchange, incluso redes sociales como Twitter y Facebook son comunes en el día a día de un empleado promedio. A veces son tantas las herramientas que pueden resultar abrumadoras y peor aun, pueden terminar afectando la productividad de sus usuarios. Es por esto que surge una plataforma que busca unificar todo en un solo lugar, además de causar un gran impacto en la manera en que las organizaciones hacen su trabajo. Se trata de Jive.

Jive es una plataforma social de colaboración y comunicación que proporciona soluciones de software para empresas. Combina el poder de software de comunicación, colaboración, redes sociales y su monitoreo, todo en una plataforma integrada. Jive se centra en soluciones para aumentar la productividad del equipo de trabajo. Su fin es facilitar el intercambio de ideas y el conocimiento del trabajo de todos los miembros de la organización.

¿Qué ofrece Jive?

Jive involucra muchos servicios, es una plataforma muy robusta que ofrece varias soluciones. Sus productos incluyen desde blogs de miembros del equipo hasta herramientas de discusión. Algunas de sus funcionalidades más notables son:

  • Red Social Corporativa: Jive brinda redes colaborativas donde los empleados se sincronizan y trabajan en conjunto de manera eficiente. No son solo para hablar de trabajo.

  • Portal informativo con esteroides: con Jive tendrás un lugar para mantenerte al día y encontrar la información y a las personas oportunas que necesitas para hacer tu trabajo. Recibe las últimas noticias de la empresa y contacta a tus compañeros rápidamente, todo desde tu escritorio.

  • Todos tus aplicaciones en un solo sitio: no hay necesidad de que dividas tu vida a través de una multitud de aplicaciones. La bandeja de entrada Jive consolida todas tus fuentes de información, tanto Gmail, Exchange, Dropbox, Yammer, Evernote, Facebook, Twitter y RSS feeds, entre otros. Podrás seguir todos tus servicios sin perder notificaciones y responder desde un mismo lugar.

  • Un directorio de empleados mejorado: Jive localiza rápidamente a las personas con las que deberías mantener contacto, todo basado en sus habilidades y reputación para ayudarte a mantener las conexiones correctas. Ellos los definen como un LinkedIn para empresas.

  • Búsquedas más eficientes: realiza búsquedas empresariales tan fáciles como con Google. El buscador de Jive es rápido e inteligente, encuentra el contenido más relevante, útil y con resultados personalizados en base a su trabajo e intereses.

  • Conoce el verdadero impacto de tus comunicaciones: con esta utilidad podrás saber inmediatamente si tus comunicaciones están llegando a donde quieres. Puedes dar un vistazo de cuántas personas han leído tu articulo en tu blog ejecutivo, quienes siguen tus anuncios y detectar a las personas clave que ayudaron a difundir tu información..

Jive asegura que en promedio, sus clientes aumentan en un 15% la productividad de su personal. Esto tiene sentido, pues al igual que las tecnologías sociales han cambiado en gran parte la manera en que nos comunicamos en nuestra vida personal, aplicadas al campo laboral sin duda ejercerían un gran cambio en la forma en la que las empresas y sus empleados realizan su trabajo.

Puedes mantenerte al día con las conversaciones y actividades donde quiera que estés gracias a sus aplicaciones móviles para Android, iOS y BlackBerry. Jive es un servicio de pago, sin embargo ofrecen una prueba gratuita de 30 días para ti y tu organización. Pasado este tiempo, puedes contratar uno de sus planes que su equipo de ventas ajustara al tamaño de tu negocio.

Para más información de Jive, puedes visitar su blog o unirte a sus comunidades en Twitter y Facebook.








Tags :

No hay comentarios:

Publicar un comentario

Con la tecnología de Blogger.

Instagram

Advertisement

Featured Video

Featured Video

Sponsor

Video Of Day