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

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript