Una de estas librerías es CanvasText y permite dibujar texto con estilos en HTML5 Canvas.

Los cambios realizados desde su creación han sido los siguientes:

• v0.4
  • Añadida la etiqueta “text style” (italic).
  • Añadido el estilo “text shadow”.
  • Añadida la propiedad “text baseline”.
  • Pequeños cambios para optimizar el código.
  • Código optimizado con JSLint.
• v0.3.5
  • Sistema de caché reescrito.
  • Corregido un error al intentar crear más de un elemento en caché.
  • Añadidas 2 propiedades al método config: canvas, context.
  • Añadida 1 propiedad al método drawText: returnImage.
• v0.3
  • Añadida la opción de salto de línea automático.
  • Corregido un pequeño bug al llamar drawText más de una vez.
• v0.2
  • Añadido el sistema de caché.

http://plus.google.com/110490633937795019289

pasa a ser una cuenta personal en la que se darán avisos de lo que publico ¿así se podrá no xD?

Project Cyan es un juego RPG que se está desarrollando íntegramente en Javascript y el elemento Canvas de HTML5 por Joan Vila Cardona y Pere Monfort Pàmies.

Para ello no están utilizando ningún framework anteriormente creado sino uno propio.

Una de las mejores cosas es que en el blog de desarrollo se pueden encontrar ejemplos de como desarrollar algunas partes de un juego como: buffers, textos…

Un vídeo

También se ha decidido utilizar el método de pestañas para poder elegir que mostrar en la parte izquierda mientras se edita el mapa con las funciones provisionales de:

• Común: Te mostrará los tiles comunes para toda la comunidad.
• Subidos: Te mostrará solo los tiles que hayas subido tu mism@.
• Usados: Te mostrará los tiles utilizados en el mapa que estás editando.
• Editar: Te mostrará el tile a utilizar en este momento para pintar el mapa.

En el editor de mapas:

• Pintado del mapa. Tanto la capa del suelo, como la de objetos.
• Creación de bloqueos de paso en el mapa.
• Crear varios mapas.
• Poder poner tus propios tiles.
• Poder poner tus propios sprites.
• Poder crear un sistema de lucha por turnos muy básico.

En el juego:

• Animaciones del jugador al andar.
• Cambiar entre los mapas al andar.
• Sistema muy básico de lucha por turnos.
• Que detecte los bloqueos de paso.

Como se puede ver, las funciones muy muy básicas. Ni siquiera se podrá recoger objetos, ni crear magias, ni tiendas, ni profesiones… esto sería una versión de prueba SOLO para hacer una depuración de fallos antes de seguir con temas mas complicados y que no se acumulen los bug’s.

Está de mas decir que con eso no se puede todavía crear un juego.

1
2
3
4
5

// borramos un rectangulo.
    this.borrarRectangulo = function(x,y,ancho,alto){
 
        this.ctx_canvas.clearRect(x,y,ancho,alto);
    }

Y aquí la clase entera:
Clase para dibujar figuras primitivas (147)

• Asignación de bloqueos automáticos en los tiles. (Por ejemplo: Una baldosa con el dibujo de un árbol se pondrá automáticamente bloqueada al paso).
• Ya se pueden guardar los mapas creados.
• Ya se pueden crear nuevos mapas.
• Mejoras en el aspecto gráfico del editor.
• Edición de la capa del suelo (capa 0) terminada.
• Edición de la capa objetos (capa 1) terminada.
• Mejora en la velocidad de respuesta del tilador.
• Pre-visualización del juego (para ver como va quedando) sin necesidad de un guardado previo.

Juego:

• Animaciones del jugador al desplazarse por el mapa completado.
• Desplazamiento del mapa terminado.
• Desplazamiento del jugador terminado.
• Parar al jugador antes de que se salga del mapa terminado.
• Desplazamiento del jugador por medio de las flechas terminado.
• Mapas de 50×50 baldosas.

Compatibilidad comprobada:

• Firefox v3.6.16

El funcionamiento es muy parecido a otros engines para crear juegos de rpg. La equis significa que ese tile no se podrá pisar y los que tengan un círculo es que se se pueden pisar.

Como no. Un vídeo avance para que se vea:

[ 1:34 seg | .ogg ]