Advertisement
Guest User

Untitled

a guest
Nov 25th, 2015
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.26 KB | None | 0 0
  1. ctx.save();
  2. y += 5;
  3.  
  4. //Circle the person
  5. ctx.lineWidth = 5;
  6. ctx.beginPath();
  7.  
  8. //ctx.ellipse(x+75, y+75, 60, 75, 0, 0, 2 * Math.PI);
  9.  
  10. bezier = function(t, p0, p1, p2, p3){
  11. var thirdX = 3 * (p1.x - p0.x),
  12. secondX = 3 * (p2.x - p1.x) - thirdX,
  13. firstX = p3.x - p0.x - thirdX - secondX;
  14.  
  15. var thirdY = 3 * (p1.y - p0.y),
  16. secondY = 3 * (p2.y - p1.y) - thirdY,
  17. firstY = p3.y - p0.y - thirdY - secondY;
  18.  
  19. var x = (firstX * Math.pow(t, 3)) + (secondX * Math.pow(t, 2)) + (thirdX * t) + p0.x;
  20. var y = (firstY * Math.pow(t, 3)) + (secondY * Math.pow(t, 2)) + (thirdY * t) + p0.y;
  21.  
  22. return {x: x, y: y};
  23. },
  24.  
  25. (function(){
  26. var accuracy = 0.0001,
  27. p0 = {x: x, y: y - 90},
  28. p1 = {x: x + 75, y: y - 90},
  29. p2 = {x: x + 75, y: y + 60},
  30. p3 = {x: x, y: y + 60};
  31.  
  32. ctx.moveTo(p0.x, p0.y);
  33. for (var i=0; i<1; i+=accuracy){
  34. var p = bezier(i, p0, p1, p2, p3);
  35. ctx.lineTo(p.x, p.y);
  36. }
  37. })()
  38.  
  39. ctx.stroke();
  40. ctx.clip();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement