Guest User

Untitled

a guest
Jan 16th, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.96 KB | None | 0 0
  1. const centerX = 50;
  2. const centerY = 50;
  3.  
  4. var items = document.querySelectorAll('.circle a');
  5. for(var i = 0, l = items.length; i < l; i++) {
  6.  
  7. const angle = -0.5 * Math.PI - 2 * (1 / l) * i * Math.PI;
  8. const radius = 35;
  9.  
  10. items[i].style.left = (centerX - radius * Math.cos(angle)).toFixed(4) + "%";
  11.  
  12. items[i].style.top = (centerY + radius * Math.sin(angle)).toFixed(4) + "%";
  13. }
  14.  
  15. for(var i = 0, len = items.length; i < len; i++) {
  16.  
  17. const angle = -0.5 * Math.PI - 2 * (1 / len) * i * Math.PI;
  18.  
  19. const zeroToOne = i / len; // goes from zero to one
  20. const angleOffset = -0.5 * Math.PI;
  21. const angle = angleOffset - 2 * zeroToOne * Math.PI;
  22.  
  23. function lerp(start, end, zeroToOne) {
  24. return start + (end - start) * zeroToOne;
  25. }
  26.  
  27. const angleOffset = -0.5 * Math.PI;
  28. const startAngle = angleOffset;
  29. const endAngle = angleOffset - 2 * Math.PI;
  30.  
  31. const zeroToOne = i / len; // goes from zero to one
  32. const angle = lerp(startAngle, endAngle, zeroToOne);
Add Comment
Please, Sign In to add comment