07
2015
06

钢笔工具

钢笔工具实际上是画的贝塞尔曲线。鼠标调整的是起点终点和控制点。可以制定不同的规则来实现不同的操作方式。

07
2015
06

调色盘01

仿着做了一个调色盘。观察一下调色盘上颜色的排列,不难发现规律。

效果如下。

07
2015
06

as3贝塞尔曲线外接矩形

如题。

思路:贝塞尔曲线是连续可导的,贝塞尔曲线的起点和终点是已知的;因此只要找到贝塞尔曲线的极值点,包含极值点和起点终点的最小矩形也就是包含贝塞尔曲线的最小矩形。

极值点怎么求?导数为0的地方即是极值点的位置,前边已经学过,贝塞尔曲线的公式是通过参数t的形式给出的,x关于t的公式对t求导,导数为0的地方是x极值点的位置,同理y。

07
2015
06

贝塞尔曲线

Bezier曲线的原理

Bezier曲线是应用于二维图形的曲线。曲线由顶点和控制点组成,通过改变控制点坐标可以改变曲线的形状。

一次Bezier曲线公式:

06
2015
06

dragonBones实例01

dragonBones是flash中用来做骨骼动画的一个扩展工具。使用简单,效果也不错。

下面是用官方素材做的一个实例。

06
2015
06

Car

鼠标点击舞台,小车移动到点击位置。小车会自动拐弯或者倒车,来找到最合适的路线。

效果如下。

06
2015
06

Alpha通道遮罩

实现如下效果。

在舞台上移动鼠标可以看到图片的不同区域。

06
2015
06

路面3D效果

先看效果。

06
2015
06

渐隐出现动效

一个简单的商品刷新出现的动效。 

下面是直接用flash制作的补间动画。

06
2015
06

模拟活塞运动

如题。

先看效果。