Logo

Archivos del blog

Juegos para Chrome Web Store: Juegos basados en el navegador

Los juegos basados en el navegador es la estrategia de Google para ingresar al mundo del entretenimiento en su nueva plataforma Chrome OS.

Evidentemente que para lograr esto, necesitan el apoyo de los socios y desarrolladores independientes. Por tal motivo, Google ha empezado a revelar información necesaria tener la tienda llena de juegos antes de su lanzamiento.

Los juegos web estarán disponibles en la Chrome Web Store a partir de octubre y se ejecutarán sobre el navegador Chrome.

A continuación detallamos toda la información conocida hasta ahora:
La tecnología que utilizarán los desarrolladores para construir los juegos son Flash, HTML5, JavaScript y C++. Y además, Web GL (aplicaciones que utilizan el hardware de la computadora)
Chrome Web Store - Web App

Luego de desarrollar las aplicaciones, los programadores podrán publicarlo de forma simple, sin proceso de aprobación, en la Chrome Web Store.
How to build Web App

Los usuarios finales podrán buscar las aplicaciones en la tienda, realizar el pago e instalar los juegos en el navegador Chrome.
Chrome Web Store -5

No se ha mencionado nada sobre la sincronización de las aplicaciones a través de múltiples dispositivos usando la cuenta GMail, pero presumo que esto será posible.

Tampoco se conoce nada el mecanismo de seguridad utilizado para evitar la piratería en los juegos, supongo que al estar amarrado con cuenta Gmail, utilizar Checkout para comprar y utilizar Chrome para jugar, resulta simple verificar que juegos están siendo ejecutados con autorización.

Entre las principales ventajas de los juegos basados en el navegador tenemos la posibilidad de incluir contendido web dentro de propio juego y utilizar el poder de Chrome como motor de ejecución
Chrome Web Game - web content

Los juegos presentados por Google son:

Plants vs. Zombies, juego basado en Flash
Chrome Web Game - Plants vs. Zombies

Lego Star Wars, una versión flash del juego
Chrome Web Game - Lego Star Wars

Quake II, una versión portada a HTML5 y desarrollada por el equipo de Google Web Toolkit
Chrome Web Game - Quake II

FreeCiv.net, un juego de estrategia multijugador basada en el navegador
Chrome Web Game - FreeCiv.net

Pac-Man, la versión desarrollada por Google usando HTML5
Chrome Web Game - PacMan

Chrome Web Store: aplicaciones web y juegos disponible en octubre

Google ha revelado más detalles de su tienda en línea de juegos y aplicaciones web en el marco de la Game Developers Conference en Europa.

Chrome Web Store será lanzado en octubre, fecha que sugiere la llegada de Chrome OS y las primeras netbooks basadas en mencionado sistema operativo.

Bien, en el evento Google se centró en la forma de distribución de las aplicaciones, especialmente de los juegos basados en el navegador

Chrome Web Store será lanzado en octubre, fecha que sugiere la llegada de Chrome OS y las primeras netbooks basadas en mencionado sistema operativo. [source]
Chrome Web Store -3

A continuación un resumen de lo presentado:
- El diseño de Chrome Web Store es idéntico a iTunes App Store, pero el detalle de las aplicaciones es diferente.
Chrome Web Store -1

Chrome Web Store -2

- Las aplicaciones y juegos serán comprados usando Google Checkout
- Los desarrolladores obtendrán un 95% del ingreso, Google sólo se quedará con el 5%
- Las aplicaciones no pasarán por un proceso de aprobación, los editores podrán publicar contenido de forma fácil en la tienda
- Se podrá publicar juegos gratuitos y de pago, pero no habrá soporte inicial a juegos que requieran probar antes de pagar (no se encuentra implementado los micro pagos o transacciones menores)
Chrome Web Store -4

Tutorial: Crear Web Apps para Chrome

Chrome es una plataforma de ejecución de aplicaciones web, cualquier sitio es interpretado como una aplicación. Por lo tanto, es posible crear aplicaciones a partir de sitios ya existentes.

El proceso es muy simple, similar a la creación de extensiones. En el siguiente tutorial crearemos la Web App “NeuronalTraining” para Chrome.
- Crear una carpeta llamada neuronaltraining_app [codigo]
- Crear un archivo, asignarle el nombre manifest.json y guardarlo en la carpeta neuronaltraining_app
- Crear imágenes de diferentes tamaños en formato png y guardarlo en la carpeta neuronaltraining_app
Chrome Web Apps -7

La estructura del archivo manifest.json es el siguiente
- Name: Nombre que identificará a la aplicación
- Version: versión de la aplicación
- icons: la lista de iconos existentes en la carpeta neuronaltraining_app
- permissions: permisos disponibles actualmente “geolocation”, “notifications” y “unlimited_storage”.
- app:
Urls: lista de todas las urls posibles mediante el cual se puede acceder a la aplicacion web
Launch: el dirección de inicio de la aplicación web

Chrome Web Apps -6
Esto es todo! Así de simple.
Ahora, pueden seguir el tutorial de instalación de Chrome Web Apps para poder correr la aplicación que acabamos de crear.

Los desarrolladores que deseen compilar su aplicación en un archivo crx pueden usar la opción “Pack extension” del Developer Mode en la página de extensiones de Chrome.

Finalmente, la aplicación web creada neuronaltraining_app.crx puede ser distribuida mucho más fácil e instalada con solo arrastrar sobre el Chrome

Nota: para volver a recompilar su aplicación es necesario guardar el archivo pem(private key file) [...]

Chrome Web Apps: habilitar e instalar aplicaciones

En el reciente I/O 2010 Google anunció Chrome Web Apps, aplicaciones web que se ejecutan sobre el navegador y que formarán parte de la tienda de aplicaciones conocida como “Chrome Web Store

Por ahora la Chrome Web Store se encuentra en construcción, pero los desarrolladores y usuarios ya podemos empezar a usar de las primeras aplicaciones a través del navegador Chrome.

En el siguiente video tutorial se ha detallado todos los pasos para habilitar las aplicaciones web en Chrome, instalarlas y ejecutarlas de forma similar a Chrome OS.

- Es necesario crear un acceso directo en el escritorio desde donde se ejecutará Chrome
- Hacer clic derecho sobre el acceso directo de Chrome y seleccionar Propiedades
- Seleccionar la pestaña “Acceso directo” y en la sección destino agregar --enable-apps después chrome.exe
Chrome Web Apps -1
- Para mejorar la experiencia y tener rápido acceso a las aplicaciones instaladas desde la barra de pestañas agregar --enable-apps --apps-panel después de chrome.exe
Chrome Web Apps -2
- Ejecutar Chrome, hacer clic en el botón de Herramientas, seleccionar Tools y luego Extensions.
- Hacer clic en Developer Mode para que se muestre el botón “Load unpacked extension”, “Pack Extension”
- Hacer clic en “Load unpacked extension” para cargar las aplicaciones disponibles (calendar_app, docs_app y gmail_app)
Chrome Web Apps -3
- Navegar hasta la ruta \AppData\Local\Google\Chrome\Application\ (versión) \Resources y seleccionar una de las aplicaciones disponibles.
Chrome Web Apps -4

- Abrir una pestaña nueva para poder ver el panel de aplicaciones instaladas y disfrutar de las Web Apps en Chrome
Chrome Web Apps -5
Nota: es necesario tener instalado Chrome Dev Channel

- En Mac OS X Agregar --args -enable-apps
- En Linux usar google-chrome --enable-apps

YouTube + Chrome = ver videos en HTML5

Todo parece indicar que el gran cambio a HTML5 en YouTube ha empezado. En el video se puede notar que Google ha empezado a reemplazar el viejo reproductor Flash por el estándar HTML5 en los videos grabados en baja resolución (no HD a 720P o 1080p)

Sin embargo, existe una restricción: los videos sólo son visualizados en HTML5 bajo Chrome. He probado con Safari 5, IE8, Opera 10.53 y todo se muestra en Flash

Nota: la primera vez que noté esto fue hace 3 días, desde entonces he tratado de capturar una imagen y video pero sólo se mostraba el flash… hasta que hoy cambió!

Ahh, estoy usando Chrome 6.0.437.3 Dev Channel

YouTube HTML5 Chrome

HTML5 es un nuevo estándar web que se está volviendo cada vez más popular y que agrega nuevas funcionalidades para que se optimice la experiencia del usuario. Lo que más les llama la atención a los usuarios de YouTube es que HTML5 incluye soporte para video y para playback de audio. Esto significa que aquellos que tengan un browser compatible con HTML5, así como el soporte para los códec apropiados de audio y video, pueden mirar un video sin tener que descargar un plugin del buscador. En otras palabras, con HTML5, los videos simplemente se reproducen.

Navegar con gestos del mouse en Chrome usando extensión Smooth Gestures

Smooth Gestures es una extensión para Chrome que permite navegar por las funcionalidades del navegador usando gestos predeterminados con el mouse. Dicho esto, podemos usar gestos para navegar por las páginas, gestionar las pestañas y otras funcionalidades de acceso rápido.

Lo mejor de la extensión Smooth Gestures es la posibilidad de modificar y crear nuestros propios gestos, gestos personalizados con mouse que nos permiten acceder a cualquier sitio de forma rápida.

Para crear las acciones personalizadas tenemos que ir hasta la sección “Custom Actions” hacer clic en el botón “Add Custom Action” y seguir los siguientes pasos:

- En Starting anywhere dejarlo en page
- Ponerle un nombre a la acción y luego una descripción en los campos de texto
- la sección location.href = “http://blog.neuronaltraining.net”; permite definir la web a donde navegar
- Hacer clic en Save para guardar
Chrome Smooth Gestures -1

- Hacer clic en el botón + para agregarle el gesto
Chrome Smooth Gestures -2

- En el panel mostrado presionar sin soltar el botón derecho del mouse y dibujar un gesto personalizado. Si el pulso te falla, también es posible presionar cualquier tecla del teclado y usarlo como gesto.
Chrome Smooth Gestures -3

Finalmente, para navegar usando los gestos, una ubicados en cualquier página, presionar el botón derecho del mouse y dibujar el gesto respectivo de la página a donde se desea ir.

En el video tienen un tutorial completo sobre el funcionamiento, disfrútenlo!

Nota: también es posible sincronizar la configuración y gestos para usarlo desde otras computadoras (Windows, Linux o Mac OS X)

Chrome para el iPad, un concepto interesante de la aplicación

El iPad es uno de los dispositivos multitouch que proporciona una de las mejores experiencias de navegación web gracias a las múltiples funcionalidades integradas.

Sin embargo, el navegador Safari del iPad, similar al del iPhone, tiene un sistema de gestión de ventanas útil en pantallas pequeñas, pero ineficiente en el iPad.

Por tal motivo, un diseñador ha creado un concepto de lo que podía ser la versión de Chrome para el iPad.

La aplicación no existe, no sabemos si en algún momento Google decida desarrollar una versión de Chrome para el iPad y mucho menos si Apple lo llegara a aprobar en la App Store.

Pero bueno, lo que Apple no puede restringir es la imaginación de los diseñadores.

La principal ventaja de Chrome para el iPad sería la posibilidad de navegar por pestañas
Chrome for iPad -1

Luego, los favoritos de Chrome que permiten sincronizar y tener nuestra información en cualquier dispositivo.
Chrome for iPad -2

También se menciona la posibilidad de navegar por gestos
Chrome for iPad -3

Flash Player integrado en Chrome

A partir de ahora, ya no será necesario descargar e instalar el plugin de Flash para ver contenido multimedia si utilizas Chrome como navegador web.

Adobe y Google han llegado a un acuerdo que consiste en integrar Flash en Chrome. Y además, las actualizaciones periódicas que necesite Flash se realizarán usando el sistema de actualización automática de Chrome – AutoUpdate.

Supongo que Chrome después de implementar la ejecución de plugins en procesos independientes también ha cambiado el modelo de seguridad.

Esto sólo es el inicio de un nuevo modelo impulsado por Google que pretende lograr mayor integración entre los plugins y el navegador y también beneficiar a los usuarios en seguridad y rendimiento. Al final, Chrome OS funcionará y gestionará los plugins de esta forma.

Si eres fans de HTML5 y estas en contra de esto, puedes desactivar la actualización automática de Flash en Chrome desde el administrador de plug-in (abrir una pestaña en blanco, escribir en la barra de dirección about:plugins, seleccionar el plugin y hacer clic en Disable)

Chrome con vista previa en miniatura de pestañas en la barra de tareas de Windows 7: Taskbar Thumbnails Preview!

Se ha lanzado una actualización de importarte del navegador Chrome versión 5 del Dev Channel (Chrome 5.0.356.2).

Hasta ahora, una de las principales características de Windows 7, la vista previa en miniaturas en la barra de tareas de las diferentes pestañas de las aplicaciones que se ejecutan, no era implementada por Chrome.

Con esta nueva actualización, Chrome hace posible acceder, ver y navegar por las diferentes pestañas desde la barra de tareas de Windows 7. Para esto, es necesario pasar el mouse sobre el icono de Chrome, ubicado en la barra de tareas.

Otra de las características introducidas en Chrome 5 es el AutoFill en los formularios
Chrome 5 Autofill

Google TV: internet en los televisores con Android como plataforma

Google en asociación con Sony, Intel y Logitech tienen planeado lanzar “Google TV” un nuevo proyecto que consiste en extender las funcionalidades de la televisión tradicional en toda una plataforma de navegación sobre internet y el desarrollo de periféricos, según The New York Times.

Google TV podría estar disponible por dos vías, mediante un set-top box( caja decodificadora externa) e integrado en los propios televisores. El sistema estará basado en Android y Chrome(OS y navegador de Google)

A demás, al tratarse de una plataforma abierta y extensible, se podrá desarrollar aplicaciones para externar las funcionalidades de Google TV.

Los socios, Intel será el encarado de brindar sus procesadores Atom, Sony será el encardado de desarrollar el hardware y Logitech de los periféricos (mandos a distancia, altavoces, teclados, etc).

Si el proyecto tiene por objetivo dar valor agregado a la TV, acceso a servicios en línea de forma inmediata, podría tener éxito. De cualquier forma, los de Google tendrán que se ser muy ingenioso si pretenden llevar su fuente de hacer dinero, la plataforma de publicidad, a la TV