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

          SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

          은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현