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

wangdai 发布于2019-08-26 12:20 / 2718人阅读

摘要：前言一直以来想要研究，却没去完整了解，林林总总找过有些案例资料。直到去年，由于工作原因，特意去看了官网文档，对知识体系有了完整了解。

前言：
一直以来想要研究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等相关信息便于了解，如下图

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

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

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

沟通：

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108505.html

程序员写简历时的技术词汇拼写规范备忘录！

摘要：写在前面每年这个时候又到了求职的旺季。求职前，我们都会花很多的时间在自己的技术水平提升笔面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。 ...

h9911 2021-10-12 10:12 评论0 收藏0
Vue项目引入CreateJS的方法（亲测）

摘要：前言介绍是基于开发的一套模块化的库和工具。包含类工具库提供了一套完整的，层次化的显示列表的互动方式来更简单的处理画布。方法一安装注意这里下载的版本不是官网最新版本。 1 前言 1.1 CreateJS介绍 showImg(https://segmentfault.com/img/remote/1460000019340654); CreateJS是基于HTML5开发的一套模块化的库和...

golden_hamster 2019-08-23 17:51 评论0 收藏0
『不再迷茫 - 正则表达式』JS正则要点梳理持续更新

摘要：写在前面正在看的源码看到了部分感觉以前看的正则表达式基础知识已经完全不够用了现翻阅博客资料将一些中正则表达式难用的部分总结归纳方便自己和友翻阅正则分组重复匹配对于重复的匹配我们经常使用到正则表达式的分组功能我们使用正则匹配地址来实践一下假 [TOC] 写在前面 - Lionad 正在看VueJS的源码, 看到了HtmlParser部分, 感觉以前看的正则表达式基础知识已经完全不够用了,...

SQC 2019-08-26 11:32 评论0 收藏0
剖析 createjs.Graphics

摘要：需要分析第二类。这意味着第二类方法生成的命令会在下次调用是被追加到数组上。另外不会清空数组，却会把置为见行。功能上在形式上完全一样，所以只需要分析即可。正好与语式左右互换。在长期使用 createjs 的过程中，我一直有这样一个经验：「beginFill 必须在 drawXXX 之前调用，否则 beginFill 会被忽略（是的不报错）」。但是为什么会这样，其实并没有去深究它。今天很...

EasonTyler 2019-08-21 16:18 评论0 收藏0