Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ctx.save();
- y += 5;
- //Circle the person
- ctx.lineWidth = 5;
- ctx.beginPath();
- //ctx.ellipse(x+75, y+75, 60, 75, 0, 0, 2 * Math.PI);
- bezier = function(t, p0, p1, p2, p3){
- var thirdX = 3 * (p1.x - p0.x),
- secondX = 3 * (p2.x - p1.x) - thirdX,
- firstX = p3.x - p0.x - thirdX - secondX;
- var thirdY = 3 * (p1.y - p0.y),
- secondY = 3 * (p2.y - p1.y) - thirdY,
- firstY = p3.y - p0.y - thirdY - secondY;
- var x = (firstX * Math.pow(t, 3)) + (secondX * Math.pow(t, 2)) + (thirdX * t) + p0.x;
- var y = (firstY * Math.pow(t, 3)) + (secondY * Math.pow(t, 2)) + (thirdY * t) + p0.y;
- return {x: x, y: y};
- },
- (function(){
- var accuracy = 0.0001,
- p0 = {x: x, y: y - 90},
- p1 = {x: x + 75, y: y - 90},
- p2 = {x: x + 75, y: y + 60},
- p3 = {x: x, y: y + 60};
- ctx.moveTo(p0.x, p0.y);
- for (var i=0; i<1; i+=accuracy){
- var p = bezier(i, p0, p1, p2, p3);
- ctx.lineTo(p.x, p.y);
- }
- })()
- ctx.stroke();
- ctx.clip();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement