Pueden empezar el tutorial visitando la página de CreateJS. CreateJS es un grupo de librerías de JavaScript que permiten optimizar y simplificar varios de los efectos que hoy en día utilizamos, éstas van desde crear un reproductor de audio, hasta animaciones en Canvas, pasando por preloaders e interpolaciones para la animación.
Una de las cosas interesantes de CreateJS es que Flash CS6 se apoya de esta librería para exportar animaciones en Canvas, el hecho de que Adobe utilice esta librería ya habla por sí solo del potencial que tenemos utilizándola.
Sin embargo, como una opinión muy personal, creo que la documentación no va acorde con el poder de las librerías, y es que es tanto lo que puede hacer que sin duda hacer una documentación más completa, será un trabajo enorme.
Lo que importa aquí es que en HTML5Fácil traemos un tutorial con el que aprenderemos a utilizar algunas funciones de la librería de preloader de CreateJS, además agregamos algo de Canvas para crear el precargado que puedes encontrar en el siguiente enlace.
Sin más, los dejo con el video tutorial.
Para variar en internet explorer no funciona…
No, de hecho no :S
Hola Uriel. Es un excelente tutorial. Sin embargo, tengo dos dudas:
1. En el color del círculo y del anillo ¿ se puede introducir el color en hexadecimal?
2. ¿Desde dónde puedo descargarme el código fuente del tutorial?
Muy bueno el tutorial, me ha ayudado mucho con un trabajo.
Algunas sugerencias:
– Para centrar el circulo no es radio + 2, es radio * 2
– Puedes optimizar un poco el código haciendo publicas las variables que constantemente usas, como ctx, posX, posY, radio y la de los colores. Esto hará más sencilla la configuración del preloader.
– No me funcionó el segmento del código para centrar el preloader, igual lo hice por CSS
De resto esta excelente tu tutorial, felicidades.
Para centrar el radio, solo debemos tomar la mitad en X del canvas y la mitad en Y. Esos seran los valores de posX y posY.