iOS贝塞尔曲线画哆啦A梦的代码实例

2020-01-20 23:57:39刘景俊

3、画眼部


  //左眼
  CAShapeLayer *leftEyeLayer = [CAShapeLayer layer];
  UIBezierPath *leftEyePath = [UIBezierPath bezierPath];
  [leftEyePath moveToPoint:CGPointMake(arcCenterX-30, arcCenterY-25)];
  [leftEyePath addQuadCurveToPoint:CGPointMake(arcCenterX-15, arcCenterY-45) controlPoint:CGPointMake(arcCenterX-30, arcCenterY-45)];
  [leftEyePath addQuadCurveToPoint:CGPointMake(arcCenterX, arcCenterY-25) controlPoint:CGPointMake(arcCenterX, arcCenterY-45)];
  [leftEyePath addQuadCurveToPoint:CGPointMake(arcCenterX-15, arcCenterY-5) controlPoint:CGPointMake(arcCenterX, arcCenterY-5)];
  [leftEyePath addQuadCurveToPoint:CGPointMake(arcCenterX-30, arcCenterY-25) controlPoint:CGPointMake(arcCenterX-30, arcCenterY-5)];
  [self setLayer:leftEyeLayer path:leftEyePath];

  //左眼珠
  CAShapeLayer *leftEyeballLayer = [CAShapeLayer layer];
  UIBezierPath *leftEyeballPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(arcCenterX-5, arcCenterY-30) radius:2.5 startAngle:0 endAngle:2*M_PI clockwise:YES];
  [self setLayer:leftEyeballLayer path:leftEyeballPath ];

  //右眼
  CAShapeLayer *rightEyeLayer = [CAShapeLayer layer];
  UIBezierPath *rightEyePath = [UIBezierPath bezierPath];
  [rightEyePath moveToPoint:CGPointMake(arcCenterX, arcCenterY-25)];
  [rightEyePath addQuadCurveToPoint:CGPointMake(arcCenterX+15, arcCenterY-45) controlPoint:CGPointMake(arcCenterX, arcCenterY-45)];
  [rightEyePath addQuadCurveToPoint:CGPointMake(arcCenterX+30, arcCenterY-25) controlPoint:CGPointMake(arcCenterX+30, arcCenterY-45)];
  [rightEyePath addQuadCurveToPoint:CGPointMake(arcCenterX+15, arcCenterY-5) controlPoint:CGPointMake(arcCenterX+30, arcCenterY-5)];
  [rightEyePath addQuadCurveToPoint:CGPointMake(arcCenterX, arcCenterY-25) controlPoint:CGPointMake(arcCenterX, arcCenterY-5)];
  [self setLayer:rightEyeLayer path:rightEyePath ];

  //右眼珠
  CAShapeLayer *rightEyeballLayer = [CAShapeLayer layer];
  UIBezierPath *rightEyeballPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(arcCenterX+5, arcCenterY-30) radius:2.5 startAngle:0 endAngle:2*M_PI clockwise:YES];
  [self setLayer:rightEyeballLayer path:rightEyeballPath];

4、画鼻子、嘴巴、胡须


  //鼻子
  CAShapeLayer *noseLayer = [CAShapeLayer layer];
  UIBezierPath *nosePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(arcCenterX, arcCenterY) radius:10 startAngle:0 endAngle:2*M_PI clockwise:YES];
  [self setLayer:noseLayer path:nosePath ];

  //鼻子光晕
  CAShapeLayer *noseHaloLayer = [CAShapeLayer layer];
  UIBezierPath *noseHaloPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(arcCenterX-4, arcCenterY-5) radius:2.5 startAngle:0 endAngle:2*M_PI clockwise:YES];
  [self setLayer:noseHaloLayer path:noseHaloPath ];

  //嘴巴
  CAShapeLayer *mouthLayer = [CAShapeLayer layer];
  UIBezierPath *mouthPath = [UIBezierPath bezierPath];
  [mouthPath moveToPoint:CGPointMake(arcCenterX-60, arcCenterY+25)];
  [mouthPath addQuadCurveToPoint:CGPointMake(arcCenterX+60, arcCenterY+25) controlPoint:CGPointMake(arcCenterX, arcCenterY+90)];
  [self setLayer:mouthLayer path:mouthPath];

  CAShapeLayer *mouthLayer1 = [CAShapeLayer layer];
  UIBezierPath *mouthPath1 = [UIBezierPath bezierPath];
  [mouthPath1 moveToPoint:CGPointMake(arcCenterX, arcCenterY+10)];
  [mouthPath1 addLineToPoint:CGPointMake(arcCenterX, arcCenterY+55)];
  [self setLayer:mouthLayer1 path:mouthPath1];

  //胡须
  [self addBeardFromPoint:CGPointMake(arcCenterX-58, arcCenterY-5) toPoint:CGPointMake(arcCenterX-15, arcCenterY+10) ];
  [self addBeardFromPoint:CGPointMake(arcCenterX-68, arcCenterY+15) toPoint:CGPointMake(arcCenterX-15, arcCenterY+20) ];
  [self addBeardFromPoint:CGPointMake(arcCenterX-61, arcCenterY+45) toPoint:CGPointMake(arcCenterX-15, arcCenterY+30) ];
  [self addBeardFromPoint:CGPointMake(arcCenterX+58, arcCenterY-5) toPoint:CGPointMake(arcCenterX+15, arcCenterY+10) ];
  [self addBeardFromPoint:CGPointMake(arcCenterX+68, arcCenterY+15) toPoint:CGPointMake(arcCenterX+15, arcCenterY+20) ];
  [self addBeardFromPoint:CGPointMake(arcCenterX+61, arcCenterY+45) toPoint:CGPointMake(arcCenterX+15, arcCenterY+30) ];