Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const centerX = 50;
- const centerY = 50;
- var items = document.querySelectorAll('.circle a');
- for(var i = 0, l = items.length; i < l; i++) {
- const angle = -0.5 * Math.PI - 2 * (1 / l) * i * Math.PI;
- const radius = 35;
- items[i].style.left = (centerX - radius * Math.cos(angle)).toFixed(4) + "%";
- items[i].style.top = (centerY + radius * Math.sin(angle)).toFixed(4) + "%";
- }
- for(var i = 0, len = items.length; i < len; i++) {
- const angle = -0.5 * Math.PI - 2 * (1 / len) * i * Math.PI;
- const zeroToOne = i / len; // goes from zero to one
- const angleOffset = -0.5 * Math.PI;
- const angle = angleOffset - 2 * zeroToOne * Math.PI;
- function lerp(start, end, zeroToOne) {
- return start + (end - start) * zeroToOne;
- }
- const angleOffset = -0.5 * Math.PI;
- const startAngle = angleOffset;
- const endAngle = angleOffset - 2 * Math.PI;
- const zeroToOne = i / len; // goes from zero to one
- const angle = lerp(startAngle, endAngle, zeroToOne);
Add Comment
Please, Sign In to add comment