Prefacio:
Siempre quise estudiar lienzo, pero no lo he entendido completamente. Lin Lin siempre ha encontrado algunos materiales de casos.
Hasta el año pasado, por razones de trabajo, fui específicamente al documento del sitio web oficial de createjs : https: //www.createjs.com para tener una comprensión completa del sistema de conocimiento.
Más tarde, de acuerdo con el efecto de animación de la página de promoción h5 de un juego de descifrado llamado "Huayu Month" de NetEase, imité una versión aproximada (se deduce el material), y hay una copia de la promoción del producto h5. Una pagina simple.
案例链接为：
1. 仿制花与月h5 -- https://seablue001.github.io/h5/moon
2. 仿制##推广h5 -- https://seablue001.github.io/ejh5/dist
Introducción a la biblioteca:
Primero, hable brevemente sobre las varias bibliotecas proporcionadas por createjs. Hay un total de cuatro bibliotecas correspondientes a EASELJS (procesamiento de dibujo de elementos de interfaz), TWEENJS (procesamiento de animación), SOUNDJS (procesamiento de audio), PRELOADJS (procesamiento de precarga de archivos) )
Easyeljs suele utilizar el principal. En cuanto a otros archivos de biblioteca, generalmente es necesario completar el proyecto
- (图片等资源量大时需要做加载处理)，附加使用preloadjs
- (音频的播放、暂停等处理) 附加使用soundjs
- (动画过渡效果添加，让动画更流畅) 附加使用tweenjs
Descarga de recursos del archivo de la biblioteca: el
funcionario proporciona una versión completa (incluidas 4 bibliotecas) del enlace cdn y git de createjs y otra información relacionada para una fácil comprensión, como se muestra a continuación
O una forma separada de 4 enlaces de cdn de la biblioteca independiente y enlaces de descarga (el archivo de descarga contiene ejemplos de casos), como se muestra a continuación
La introducción de archivos de biblioteca:
podemos usar etiquetas de script de script para vincular directamente a los archivos de biblioteca correspondientes a la dirección CDN. De hecho, también podemos usar la sintaxis de importación es6 para importar y usarlo. Es fácil compilar y comprimir el proyecto con webpack. Tratamiento
Hoy, resumamos primero, y luego sigamos publicando los fundamentos de cada biblioteca, el proceso de desarrollo real y las ideas del caso.
Comunicación:
Si necesita comunicarse, puede agregarme a QQ 1465768310. Solicite problemas. "Createjs exchange"
Este artículo se reproduce en: Ape 2048➯ https://www.mk2048.com/blog/blog.php?id=h0cabcbaa0j