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

          How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

          155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

          Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?