how to draw smoothly with a flat nib pen / traped brush effect like Instagram using core graphics..?Drawing like a marker pen or brush tip in SwiftTouch draw in Quatz 2D/Core Graphicshow to compute the control points for a smooth path given a set of points?drawing hexagon using UIBezierPathUIBezierPath not drawing a smooth curveHow to generate CGPoint-Array out of UIBezierPath (to touch-slide object along given path)UIBezierPath manipulation on iOSRemoving lagging latency in drawing UIBezierPath smooth lines in Swift[iOS Objective C]Drag Bezier curve from a point on closed bezier curve pathDrawing like a marker pen or brush tip in SwiftUnable to create circle using UIBezierPath and SCNShape

Improve quality of image bars

How can a drink contain 1.8 kcal energy while 0 g fat/carbs/protein?

What would be the safest way to drop thousands of small, hard objects from a typical, high wing, GA airplane?

FPGA CPUs, how to find the max speed?

How could an animal "smell" carbon monoxide?

Operation Unz̖̬̜̺̬a͇͖̯͔͉l̟̭g͕̝̼͇͓̪͍o̬̝͍̹̻

How can I help our ranger feel special about her beast companion?

Alphanumeric Line and Curve Counting

How to remove the first colon ':' from a timestamp?

What were the problems on the Apollo 11 lunar module?

A verb to describe specific positioning of three layers

How many bits in the resultant hash will change, if the x bits are changed in its the original input?

Can a Resident Assistant be told to ignore a lawful order?'

Why don't commercial aircraft adopt a slightly more seaplane-like design to allow safer ditching in case of emergency?

How can electric field be defined as force per charge, if the charge makes its own, singular electric field?

Random piece of plastic

Why doesn't philosophy have higher standards for its arguments?

Vienna To Graz By Rail

Kepler space telescope undetected planets

Strategy to pay off revolving debt while building reserve savings fund?

Why do space operations use "nominal" to mean "working correctly"?

Intel 8080-based home computers

A Table Representing the altar

Why does "git status" show I'm on the master branch and "git branch" does not in a newly created repository?



how to draw smoothly with a flat nib pen / traped brush effect like Instagram using core graphics..?


Drawing like a marker pen or brush tip in SwiftTouch draw in Quatz 2D/Core Graphicshow to compute the control points for a smooth path given a set of points?drawing hexagon using UIBezierPathUIBezierPath not drawing a smooth curveHow to generate CGPoint-Array out of UIBezierPath (to touch-slide object along given path)UIBezierPath manipulation on iOSRemoving lagging latency in drawing UIBezierPath smooth lines in Swift[iOS Objective C]Drag Bezier curve from a point on closed bezier curve pathDrawing like a marker pen or brush tip in SwiftUnable to create circle using UIBezierPath and SCNShape






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








1















I tried some code to calculate control points between start and end point of bezier path with touch move , add lines to bezier path and fill with colour to give flat pen effect like Instagram but unable to get smooth curved lines with fast finger move.



from the below code I am able to get angled lines not smooth like instagram in image



if (_bezierPath == nil || _brushType == BrushTypeNeon) 
_bezierPath = [UIBezierPath new];

[_bezierPath moveToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.startPoint.x + self.startWidth/2, self.startPoint.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.startPoint.x - self.startWidth/2, self.startPoint.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];

[_bezierPath moveToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];

[_bezierPath moveToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.endPoint.x - self.startWidth/2, self.endPoint.y + self.startWidth/2];
[_bezierPath addLineToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
_bezierPath.lineCapStyle = kCGLineCapRound;
_bezierPath.lineJoinStyle = kCGLineJoinRound;
_bezierPath.lineWidth = self.startWidth;
_bezierPath.flatness = 0.3;
[self.strokeColor set];
[_bezierPath fillWithBlendMode:kCGBlendModeNormal alpha:1.f];


I expect a smooth curved flat nib pen effect like instagram with touch move.like this



thanks for attention please mention if any suggestion or sample code :)










share|improve this question




























    1















    I tried some code to calculate control points between start and end point of bezier path with touch move , add lines to bezier path and fill with colour to give flat pen effect like Instagram but unable to get smooth curved lines with fast finger move.



    from the below code I am able to get angled lines not smooth like instagram in image



    if (_bezierPath == nil || _brushType == BrushTypeNeon) 
    _bezierPath = [UIBezierPath new];

    [_bezierPath moveToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x + self.startWidth/2, self.startPoint.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x - self.startWidth/2, self.startPoint.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];

    [_bezierPath moveToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];

    [_bezierPath moveToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x - self.startWidth/2, self.endPoint.y + self.startWidth/2];
    [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
    _bezierPath.lineCapStyle = kCGLineCapRound;
    _bezierPath.lineJoinStyle = kCGLineJoinRound;
    _bezierPath.lineWidth = self.startWidth;
    _bezierPath.flatness = 0.3;
    [self.strokeColor set];
    [_bezierPath fillWithBlendMode:kCGBlendModeNormal alpha:1.f];


    I expect a smooth curved flat nib pen effect like instagram with touch move.like this



    thanks for attention please mention if any suggestion or sample code :)










    share|improve this question
























      1












      1








      1








      I tried some code to calculate control points between start and end point of bezier path with touch move , add lines to bezier path and fill with colour to give flat pen effect like Instagram but unable to get smooth curved lines with fast finger move.



      from the below code I am able to get angled lines not smooth like instagram in image



      if (_bezierPath == nil || _brushType == BrushTypeNeon) 
      _bezierPath = [UIBezierPath new];

      [_bezierPath moveToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x + self.startWidth/2, self.startPoint.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x - self.startWidth/2, self.startPoint.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];

      [_bezierPath moveToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];

      [_bezierPath moveToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x - self.startWidth/2, self.endPoint.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
      _bezierPath.lineCapStyle = kCGLineCapRound;
      _bezierPath.lineJoinStyle = kCGLineJoinRound;
      _bezierPath.lineWidth = self.startWidth;
      _bezierPath.flatness = 0.3;
      [self.strokeColor set];
      [_bezierPath fillWithBlendMode:kCGBlendModeNormal alpha:1.f];


      I expect a smooth curved flat nib pen effect like instagram with touch move.like this



      thanks for attention please mention if any suggestion or sample code :)










      share|improve this question














      I tried some code to calculate control points between start and end point of bezier path with touch move , add lines to bezier path and fill with colour to give flat pen effect like Instagram but unable to get smooth curved lines with fast finger move.



      from the below code I am able to get angled lines not smooth like instagram in image



      if (_bezierPath == nil || _brushType == BrushTypeNeon) 
      _bezierPath = [UIBezierPath new];

      [_bezierPath moveToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x + self.startWidth/2, self.startPoint.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.startPoint.x - self.startWidth/2, self.startPoint.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];

      [_bezierPath moveToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x + self.startWidth/2, self.controlPoint1.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint1.x - self.startWidth/2, self.controlPoint1.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];

      [_bezierPath moveToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x + self.startWidth/2, self.controlPoint2.y - self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.controlPoint2.x - self.startWidth/2, self.controlPoint2.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x - self.startWidth/2, self.endPoint.y + self.startWidth/2];
      [_bezierPath addLineToPoint:(CGPoint)self.endPoint.x + self.startWidth/2, self.endPoint.y - self.startWidth/2];
      _bezierPath.lineCapStyle = kCGLineCapRound;
      _bezierPath.lineJoinStyle = kCGLineJoinRound;
      _bezierPath.lineWidth = self.startWidth;
      _bezierPath.flatness = 0.3;
      [self.strokeColor set];
      [_bezierPath fillWithBlendMode:kCGBlendModeNormal alpha:1.f];


      I expect a smooth curved flat nib pen effect like instagram with touch move.like this



      thanks for attention please mention if any suggestion or sample code :)







      ios iphone drawing core-graphics uibezierpath






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 26 at 9:12









      Shaktiprasad MohantyShaktiprasad Mohanty

      365 bronze badges




      365 bronze badges






















          0






          active

          oldest

          votes










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55353391%2fhow-to-draw-smoothly-with-a-flat-nib-pen-traped-brush-effect-like-instagram-us%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes




          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55353391%2fhow-to-draw-smoothly-with-a-flat-nib-pen-traped-brush-effect-like-instagram-us%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

          밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

          1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴