Si alguna vez habéis creado alguna animación usando Macromedia Flash, seguramente recordaréis lo sencillo que es crear los dibujos en los frames y realizar transiciones automáticas con el ratón.
Eso es lo que pretende Cooties, acercarse a esta facilidad de uso para poder realizar animaciones sin necesidad de trabajar con archivos .fla ni .swf.
Por supuesto los recursos disponibles aún no son muy variados, pero ya se pueden hacer muchas cosas sin necesidad de crear ni una sola línea de código.
Después de identificarnos con la cuenta de google, podremos trabajar y obtener el código al terminar el proceso, bajando los archivos en nuestro ordenador para poder subirlos al servidor correspondiente.
Como podéis comprobar en la captura inferior, ni un solo flash… solo arte y javascript.
Continúa leyendo «Cooties – Un editor de animaciones en HTML5 semejante a Macromedia Flash»
Etiqueta: html5
SlideMyPics – genera pases de imágenes en HTML5 con tus imágenes online
SlideMyPics es una herramienta que nos permite generar pases de imágenes con las que tengamos en diferentes plataformas sociales, generándolas a través de HTML5 y permitiéndolas compartir de diferentes modos, entre ellas, a través de un widget que introduciremos en nuestros sitios web.
Para ello nos identificaremos con uno de los servicios soportados (Facebook, Flickr -incluido contenido privado-, Picasa, PhotoBucket o SmugMug), mostrándonos las imágenes de los álbumes que tengamos en el servicio seleccionado, seleccionando aquellos álbumes que queremos que formen parte de nuestra presentación, ordenando las imágenes que contienen las mismas, pudiendo variar el orden incluso eliminar aquellas imágenes que no queremos que aparezcan.
Configuraremos el tamaño, la plantilla y el tema musical, siendo éste escogido a través de una URL de YouTube, e indicaremos la forma de compartirlo, desde un enlace directo, que podemos compartir en Facebook y en Twitter, hasta en un widget que introduciremos en nuestra web, gracias al código que se nos facilita.
Tres juegos clásicos en HTML5
Si estáis buscando buenos juegos web creados en HTML5 (ideales para jugar desde dispositivos que no acepten Flash), aquí os dejamos una pequeña colección de tres clásicos en su versión web (algunos ya presentados por Javier Muñiz en wwwhatshot.com), una de las muchas que iremos presentando durante las próximas semanas.
Aphphis 2029
Versión bastante peculiar del clásico arcade Space Invaders, con dibujos animados muy vistoso y la opción de disparar a meteoritos que bajan en vertical.
Para jugar sólo tendremos que utilizar el ratón, moviéndolo de lado a lado para desplazarnos y pulsar el botón izquierdo para disparar los misiles.
Continúa leyendo «Tres juegos clásicos en HTML5»
Angry Birds para Google Chrome ya está disponible… y ya fue crackeado
Seguramente todos vosotros ya sabréis que Angry Birds ha empezado su camino por la web con una aplicación para Google Chrome que anunciamos en la segunda jornada de Google I/O.
La aplicación ya está disponible en la Chrome Store (aunque puede ejecutarse con cualquier navegador moderno en chrome.angrybirds.com) y, tal y como informan en TNW, ya ha sido crackeado para saltarse todos los niveles…
Esto es posible haciendo un pequeño cambio en la caché. En wesbos.com explican cómo lo han hecho.
Una buena forma de quitarle la emoción al juego al mismo tiempo que se tira de las orejas al equipo responsable por el desarrollo.
Twitter lanza versión en HTML5 para teléfonos móviles
En el blog de Twitter acaban de anunciar el lanzamiento de una nueva aplicación para teléfonos móviles, usando HTML5, permitiendo ser utilizado desde dichos dispositivos.
Aunque no tengamos ninguna aplicación instalada en nuestros móviles, podremos acceder a Twitter.com para ver una versión adecuada, permitiendo un acceso rápido a muchas de sus funciones.
De momento no está disponible para todos, aunque ya lo han lanzado para muchos usuarios de iPhone, Android y tabletas (principal público objetivo de esta nueva versión). Si accedéis a twitter.com y aún no veis los cambios, probad en los próximos días para ver si tenéis suerte…
5 herramientas para crear sitios web profesionales en HTML5
HTML5 se está poniendo muy de moda, es por ello que vamos a compartir algunas herramientas gratuitas para crear sitios web profesionales en pocos minutos, usando y apoyando este standard, herramientas presentadas hace unos días en machoarts.com.
Initializr
Empezamos la lista con Initializr, una sencilla herramienta con la que podremos crear sitios web profesionales en HTML5 en pocos minutos, para ello tan solo tenemos que elegir los parámetros que queramos que nuestro sitio tenga, elegir el diseño y descargar el proyecto a nuestro ordenador en formato ZIP.
Continúa leyendo «5 herramientas para crear sitios web profesionales en HTML5»
Gameclosure lanza tecnología multi-plataforma para juegos basados en HTML 5
Hoy también ha protagonizado el día GameClosure, la plataforma por excelencia en donde los programadores pueden construir juegos multiplayer, ahora también en HTML5.
Ha utilizado para su presentación a PopStar Defense, un juego multijugador y multiplataforma que consiste en defender a estrellas de rock de los ataques de rockeros invasores. Lo ha utilizado básicamente para demostrar que HTML5 es tan poderoso como flash para crear este tipo de aplicaciones.
La aplicación puede ser ejecutada en navegadores web, iPhone, teléfonos Android en general y iPads. La tecnología fue creada por Carter, Martin Hunt y Fairfield Tom, todos ellos tienen antecedentes en juegos y startups, como la plataforma Meebo.
Una de las ventajas de utilizar Game Closure, según sus creadores, es que permite utilizar un mismo código a través de todas las plataformas, por lo que agiliza la creación de actualizaciones ya que el programador no tiene que crear versiones para cada plataforma.
Más información: GameClosure | Vía venturebeat
OpenSpace – Tienda en línea que recomienda las mejores aplicaciones HTML5 mientras navegas
OpenSpace es una interesante tienda online que permite a desarrolladores de aplicaciones HTML5 publicarlas y generar ingresos a través de la misma, muy parecido al concepto de Appstore de Apple.
Su utilización por parte del usuario es muy sencilla, el usuario instala un complemento en el navegador y una vez navegando por internet este nos irá mencionando servicios web acordes a nuestros gustos.
Por el lado del desarrollador, hay que decir que una vez tenga la aplicación publicada OpenStore dividirá los ingresos repartiendo un 70% al desarrollador, un 25% para OpenSpace y 5% restante para el miembro cooperador.
Sacando conclusiones de este proyecto, podemos decir que es una excelente forma de hacer llegar directamente al usuario nuestra aplicación y darla a conocer de una manera mucho más rápida y eficaz que no, por ejemplo, como pasa en la Appstore que si no tienes la aplicación entre las 100 más descargadas es muy difícil que llegue a tener éxito.
Enlace: OpenSpace Store | Vía: Seetio
Gury – librería Javascript para HTML5 Canvas
Gury es una librería Javascript que nos ayuda a crear aplicaciones web, proporcionándonos una interface fácil de usar para trabajar con HTML5 Canvas.
Con Gury podrás crear elementos Canvas y trabajar con ellos de manera sencilla. Incluye funciones para cambiar los tamaños, aplicar estilos, agregar objetos y animarlos.
Los diseñadores de esta librería quisieron que fuera lo menos complicada posible. Por lo cual, se basaron en la filosofía de Jquery. Con Gury sólo necesitas una sola línea de código para construir un Canvas completo.
El principal objetivo de Gury es suministrarnos un marco para trabajar con la API de HTML5 Canvas, de un modo más simple.
La API de Gury dispone de una excelente documentación, con ejemplos claros y sencillos. Esta documentación está dividida en secciones: Core Gury, Manipulación de objetos, Dibujo y animación, Eventos.
Trabajar con Gury en tus proyectos con HTML5 Canvas puede resultarte de gran ayuda, en especial si aún no te sientes familiarizado con la API de HTML5 Canvas.
Facebook lanza sitio web compatible con todos los móviles
Aunque los usuarios de smartphones ya tienen aplicaciones específicas para usar Facebook, hasta ahora no había un sitio web como el que Facebook acaba de lanzar, unificando su interfaz para todos los dispositivos móviles.
Actualmente hay dos direcciones, una para teléfonos de gama alta en touch.facebook.com, para los que son touchscreen, y otra en m.facebook.com. A partir de hoy, según informan en mashable, todos los móviles tendrán que acceder a m.facebook.com.
De esta forma será más sencillo lanzar novedades, sin preocuparse en dos versiones para móviles que, sumando, ya son usadas por 250 millones de personas en todo el mundo.
La nueva interfaz es suficientemente inteligente para adaptarse al dispositivo que accede, usando, entre otras cosas, HTML5 y CSS3.