two.js动画效果库
two.js 是二维画图脚本,它的优点是支持 svg , canvas , webGL不同种类的技术。
特性:
1 绘制矢量图形 -受平面运动图形的启发,two.js更偏向于制作平面运动图形,所以它不支持文本和图片。
2 场景图 -基于对象。创建一个two对象,可以随意的操作该对象。
3 动画效果 - two.js本身带有自己的动画效果库,也可以和其它的动画效果库合作实现复杂的动画效果。
4 支持SVG - 它可以创建可伸缩的矢量图形,扩展性强,可以和Adobe的svg工具结合画图。
使用方法:
1 引入脚本
<script type="text/javascript" src="https://raw.githubusercontent.com/jonobr1/two.js/master/build/two.js"></script>
2 实例化对象
var two = new Two(params).appendTo(elem);
3 形状分组 添加多个单独的形状个体进入分组中,利用笛卡尔集进行坐标分配,通过分配不同的坐标点来绘制不同的形状体
4 添加动画效果 创建动画分为两步:two.play() -> two.update(); / two.bind() 两个参数,第一个参数是事件标示,第二个参数是事件结束后的回调方法 two.bind('update', referenceToFunction);
出处:http://jonobr1.github.io/two.js/
每天一点点积累

浙公网安备 33010602011771号