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;
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
add a comment |
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
add a comment |
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
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
ios iphone drawing core-graphics uibezierpath
asked Mar 26 at 9:12
Shaktiprasad MohantyShaktiprasad Mohanty
365 bronze badges
365 bronze badges
add a comment |
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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