Paperjs 3D Circle animation jquery plugin
3D animation
The following animation is created using paperjs jQuery plugin, you can edit the following jquery code.The following line is used to change the animation style try to change 360 to 70 .
offset.angle += 360 / values.points;
The following function is control the animation speed, try to change 128 to 12 .
function onFrame(event) {
for (var i = 0; i < values.count; i++) {
var item = layer.children[i];
var angle = (values.count - i) * Math.sin(event.count / 128) / 10;
}
}
for (var i = 0; i < values.count; i++) {
var item = layer.children[i];
var angle = (values.count - i) * Math.sin(event.count / 128) / 10;
item.rotate(angle);
}
}
DOWNLOAD FULL SOURCE Code
Post a Comment for "Paperjs 3D Circle animation jquery plugin"