two.js之实现动画效果示例

前端之家收集整理的这篇文章主要介绍了two.js之实现动画效果示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、什么是two.js?

Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合:SVG,Canvas 和 WebGL,旨在使平面形状和动画的创建更方便,更简洁。

Two.js 有一个内置的动画循环,可搭配其他动画库。Two.js 包含可伸缩矢量图形解释器,这意味着开发人员和设计人员都可以在商业应用中,如 Adobe Illustrator 中创建 SVG 元素,并把它引入 Two.js 使用场景中。

二、导入two.js

三、用two.js实现动画

1)一个简单的小dome

自动启动动画 }).appendTo(document.body);

var star = two.makeStar(two.width/2,two.height/2,50,125);
//two.update();//映射到页面
two.bind('update',function(frameCount){
star.rotation +=0.03;
})

2)实现一个比较复杂一些的

<Meta charset="UTF-8">