createjs知识点梳理,持续更新中...

前言:
一直以来想要研究canvas,却没去完整了解,林林总总找过有些案例资料。
直到去年,由于工作原因,特意去看了createjs官网文档 - https://www.createjs.com,对知识体系有了完整了解。
后面根据网易的一款叫做 "花语月"的解密游戏的h5推广页动效,自己仿照做了一个粗糙版本(素材是扣下来的)、以及还有一个产品推广h5的仿制,这个只仿了一个简单的页面。

案例链接为:
1. 仿制花与月h5  --  https://seablue001.github.io/h5/moon
2. 仿制##推广h5  --  https://seablue001.github.io/ejh5/dist

库介绍:
首先,简单讲一下createjs所提供的几个库,一共有四个库分别对应为 EASELJS(界面元素绘制处理)、TWEENJS(动画处理)、SOUNDJS(音频处理)、PRELOADJS(文件预加载处理)。

其中主要大家常用的为 easeljs,至于其它库文件一般需要到完整项目

- (图片等资源量大时需要做加载处理),附加使用preloadjs
- (音频的播放、暂停等处理) 附加使用soundjs
- (动画过渡效果添加,让动画更流畅) 附加使用tweenjs

库文件资源下载:
官方提供了完整版(包含4个库)的 createjs cdn链接及git等相关信息便于了解,如下图

clipboard.png

或者分离形式的 4个独立库 cdn链接及下载链接(下载文件里面包含案例examples),如下图

clipboard.png

库文件的引入:
我们可以使用script脚本标签直接链接使用 cdn地址对应库文件,其实也可以使用es6 import语法导入使用,后续配合webpack便于对项目编译压缩打包,只是配置相对麻烦,后续专门讲解一下具体处理办法

今天,先总的概括一下,后续开始持续发布 对于各个库的基础,与案例的实际开发流程、与思路。


沟通:

有需要沟通的可以加我 QQ 1465768310 申请麻烦备注 "createjs交流"

本文转载于:猿2048➯https://www.mk2048.com/blog/blog.php?id=h0cabcbaa0j

猜你喜欢

转载自www.cnblogs.com/homehtml/p/12758391.html
今日推荐