前言:一直想研究canvas,但是一直没有完全理解。我在各种案例中都找到了一些案例材料。直到去年,由于工作原因,我去了createjs的官网文档——https://www.createjs.com,对知识体系有了完整的了解。后来根据网易一款叫《花语月》的解密游戏h5推广页的动画效果,模仿了一个粗略版(扣料)和一个产品推广h5模仿,只模仿了一个简单的页面。案例链接为:1.仿花月h5--https://seablue001.github.io/h5/moon2。仿##promotionofh5--https://seablue001.github.io/ejh5/dist库介绍:首先简单说一下createjs提供的几个库。有四个库分别对应EASELJS(界面元素绘制处理)、TWEENJS(动画处理)、SOUNDJS(音频处理)、PRELOADJS(文件预加载处理)。其中,easeljs是大家常用的主要的。至于其他的库文件,一般需要到完整的项目-(图片等资源量大时需要加载处理),另外使用preloadjs-(音频播放、暂停等)另外使用soundjs-(动画添加转场效果,让动画更流畅)额外使用tweenjs库文件资源下载:官方提供了完整版(包含4个库)的createjscdn链接和git等相关资料,方便理解,如图下图还是4个独立的库,单独形式CDN链接和下载链接(下载文件中有案例),下面图库文件的介绍:我们可以使用script脚本标签直接链接到CDN地址对应的库文件,其实我们也可以使用es6import语法导入使用,然后配合webpack方便比较项目编译压缩打包,但是配置相对麻烦。具体的处理方法我会在后面说明。今天,我将给出一个总体概述。我会陆续发布每个库的基础,实际开发过程和案例思路。交流:如需交流,可加我QQ1465768310,申请疑难笔记“createjs交流”
