Avant-propos: J'ai
toujours voulu étudier la toile, mais je ne l'ai pas bien comprise. Lin Lin a toujours trouvé des matériaux de cas.
Jusqu'à l'année dernière, pour des raisons professionnelles, je me suis spécifiquement rendu sur le document du site officiel createjs - https: //www.createjs.com pour avoir une compréhension complète du système de connaissances.
Plus tard, selon l'effet d'animation de la page de promotion h5 d'un jeu de décryptage appelé "Mois Huayu" de NetEase, j'ai imité une version approximative (le matériel est déduit), et il y a une copie de la promotion du produit h5, cela n'a fait qu'imiter Une page simple.
案例链接为：
1. 仿制花与月h5 -- https://seablue001.github.io/h5/moon
2. 仿制##推广h5 -- https://seablue001.github.io/ejh5/dist
Introduction à la bibliothèque:
Tout d'abord, discutez brièvement des différentes bibliothèques fournies par createjs. Il y a au total quatre bibliothèques correspondant à EASELJS (traitement de dessin d'élément d'interface), TWEENJS (traitement d'animation), SOUNDJS (traitement audio), PRELOADJS (traitement de préchargement de fichier) ).
Le principal est couramment utilisé par easyeljs. Comme pour les autres fichiers de bibliothèque, il est généralement nécessaire de terminer le projet
- (图片等资源量大时需要做加载处理)，附加使用preloadjs
- (音频的播放、暂停等处理) 附加使用soundjs
- (动画过渡效果添加，让动画更流畅) 附加使用tweenjs
Téléchargement des ressources du fichier de bibliothèque: le
responsable fournit une version complète (y compris 4 bibliothèques) du lien et du git de createjs cdn et d'autres informations connexes pour une compréhension facile, comme indiqué ci-dessous
Ou une forme distincte de 4 liens cdn de bibliothèque indépendante et liens de téléchargement (le fichier de téléchargement contient des exemples de cas), comme indiqué ci-dessous
L'introduction des fichiers de bibliothèque:
nous pouvons utiliser des balises de script de script pour lier directement aux fichiers de bibliothèque correspondant à l'adresse CDN. En fait, nous pouvons également utiliser la syntaxe d'importation es6 pour l'importer et l'utiliser. Il est facile de compiler et de compresser le projet avec webpack, mais la configuration est relativement gênante. Le traitement
Aujourd'hui, résumons-le d'abord, puis continuons à publier les fondements de chaque bibliothèque, le processus de développement réel et les idées du cas.
Communication:
Si vous avez besoin de communiquer, vous pouvez m'ajouter au QQ 1465768310. Veuillez demander un problème. "Createjs exchange"
Cet article est reproduit dans: Ape 2048➯ https://www.mk2048.com/blog/blog.php?id=h0cabcbaa0j