两周前，项目里需要实现一个红心飘飘的点赞效果。抓耳挠腮了老半天，看了几篇大佬的文章，终于算是摸了个七七八八。不禁长叹一声，还是菜啊。先来看一下效果:( "传送门进去点一波" ) 一、Bezier曲线运动轨迹 其实用大白话描述一下需求就是让一个红心图片沿着贝塞尔曲线的轨迹走，然后边走边消失。核心在于得 ...
分类：
其他好文 时间：
2018-11-13 02:22:51
阅读次数：
279
贝塞尔曲线的性质有哪些？有什么的特殊的地方呢？ 书本上列举了很多点： 1.端点性质： 曲线的起点和终点就是特征多边形的第一个顶点和最后一个顶点。 曲线的起点和终点处分别和特征多边形的第一条边和最后一条边相切。 2.对称性： 保持控制点的位置不变，把他们顺序依次颠倒，得到的新的曲线和原来的曲线重合，只 ...
分类：
其他好文 时间：
2018-11-04 22:57:38
阅读次数：
193
class MtwGame { public constructor() { } private static _instance: MtwGame; public static get Instance(): MtwGame { if (this._instance == null || this ...
分类：
其他好文 时间：
2018-10-27 11:51:06
阅读次数：
1738
工控领域经常会涉及速度加减速的算法：线性加减速，S曲线加减速（sin函数，拓展其他三角函数曲线）， 贝塞尔曲线，等等。 线性加减速： 设定起始速度V0，目标速度V1，加速时间Ta（s,或加速度），这个的任务执行周期为ΔT( ms 级 或者设定定时器，定时时间必须大于任务周期否则还是按任务周期计算输出 ...
分类：
编程语言 时间：
2018-10-20 11:00:32
阅读次数：
252
CSS3过渡多年来，Web前端开发人员一直在寻求通过HTML和CSS实现一些动画交互效果，而不再使用JavaScript或Flash。现在他们的愿望实现了。CSS3除了给我们带来前面介绍的一些特殊功能模块之外，还为Web设计师添加了一些动画功能模块。可以通过:hover、:focus、:active、:checked或者JavaScript触发一个元素，这样，外观变化会显得更细腻，而不会让人感觉“
分类：
Web程序 时间：
2018-10-08 14:57:25
阅读次数：
5129
主要通过6个控制点实现。 绘制过程： 一些扩展函数，方便直接使用 PointF。 动画 分为 6 个阶段完成 具体请看： "https://github.com/stefanJi/AndroidView/tree/master/jumpwater" ...
分类：
移动开发 时间：
2018-10-05 21:04:24
阅读次数：
459
关键字：设计器源代码，Web设计器，工作流设计器，jQuery插件，组态设计器，SCADA系统设计器，流程图设计，表单设计建模，报表设计，可视化，设计时，运行时，轻量级开放平台。 前面章节已讲到如何在两个组件间通过曲线（贝塞尔曲线）进行连接，一般在实际应用中，贝塞尔曲线在数据流图、思维导图中应用比较 ...
分类：
Web程序 时间：
2018-09-27 15:35:20
阅读次数：
310
transform 四种转换 translate 位置scale 缩放rotate 旋转skew 倾斜 以上四种转换方式是比较特殊的，其实他们都是由matrix 矩阵转换来； animation的五种状态 动画速度这些曲线称之为贝塞尔曲线CSS88 这是一个css有关的网站；ease 由快到慢 最后 ...
分类：
其他好文 时间：
2018-09-18 11:13:57
阅读次数：
186
今天来试试用svg+css3制作波浪动画 下图是我制作出的效果 还不错吧 在制作波浪前，首先我们要画波浪啊，至于画波浪，如果你想直接通过计算贝塞尔曲线绘制出波浪。。。 好吧，那我也不拦着你 我就直接用ai的钢笔工具画了 为了画出一模一样的曲线可是花了我不少功夫 但是光滑曲线还是不行的，必须要画出一个 ...
分类：
其他好文 时间：
2018-09-17 13:28:24
阅读次数：
529
1.w3school 2.HTML字符实体 3.菜鸟可视化页面 4.jq api 5.jq选择器 6.火狐历史版本 7.谷歌历史版本 8.分类jq api 9.jq 插件写法 10.jq 图片插件 各类jq插件 11.正则表达式参考手册 12.缓动函数 & 贝塞尔曲线 对应 13.Node 中文网 ...
分类：
其他好文 时间：
2018-09-05 21:41:02
阅读次数：
184
