CreateJs入门必知必会

CreateJs入门必知必会
CreateJS 介绍CreateJS 是基于 HTML5 开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于 HTML5 的游戏、动画和交互应用。CreateJS 主要包含如下四个类库:EaselJS – 简化处理 HTML5 画布(核心)TweenJS – 用来帮助调整 HTML5 和 Javascrip……继续阅读 »

a'ゞ『完美』 2年前 (2017-06-02) 3364浏览 2评论26个赞

做一个酷酷的音乐频谱

做一个酷酷的音乐频谱
先上个 demoAudioAPI 的基本概念H5 的 Web Audio API 可以很方便的使用(虽然各家浏览器实现的标准都不太一样)各种音频功能,比如可以用麦克风录制声音然后生成音频文件,还可以对声源定位,做那种 3D 音效,混音等等,听过 3D 音效的都知道,声音一会左,一会右的,还支持实时的声音分析,根据分析的数据可以做一些可视化效果等等。其……继续阅读 »

a'ゞ『完美』 2年前 (2017-05-20) 4839浏览 16评论82个赞

Canvas特效之变幻线

Canvas特效之变幻线
最近都在研究 Canvas 的一些东西,今天给大家分享一个干货!(主要讲思路,那些 API 自己去查资料)(实际上没卵用,这个特效实用价值不是很大,但是我们要的就是炫!)上一个 Demo 看看效果再说:Canvas 特效之变幻线直接上代码:首先讲一下原理:就是画好几个点,然后这些点之间用线连接起来,然后再移动这些点,就会实现这样的效果。剩下的后……继续阅读 »

a'ゞ『完美』 3年前 (2016-08-19) 7359浏览 2评论42个赞

Canvas画曲线

Canvas画曲线
写博客的心情有些不爽所以还是先来张 gif 图放松一下心情!一言不合就开车!认识主角Bézier curve(贝塞尔曲线)是应用于二维图形应用程序的数学曲线。 曲线定义:起始点、终止点、控制点。通过调整控制点,贝塞尔曲线的形状会发生变化。 1962 年,法国数学家 Pierre Bézier 第一个研究了这种矢量绘制曲线的方法,并给出了详细的计算……继续阅读 »

a'ゞ『完美』 3年前 (2016-08-05) 3875浏览 3评论21个赞