Bezier curve

supersean12 · January 25, 2021, 12:32am

How do you make a bezier curve that you can move points around to edit it?

bh · January 25, 2021, 1:17am

There isn't a Bezier feature in the paint editor, if that's what you're asking. Someday.

supersean12 · January 25, 2021, 2:47am

i ment a renderer, im making a custom vector editor

bh · January 25, 2021, 3:16am

Ah. Not a graphics expert, sorry. Jens? Bernat? Joachim?

legoman3.14 · January 25, 2021, 4:39am

Bezier curves are kind of tricky, but this article did a good job explaining them.

supersean12 · January 25, 2021, 6:47am

i still dont know how to do it

funtime_foxy101 · January 25, 2021, 1:25pm

I love bezier curves, but the thing is, you'd need a PJS code or block, and I dunno if you can use PJS in the Snap! code editor yet.

Correct me if I'm wrong-

legoman3.14 · January 25, 2021, 2:55pm

What do you mean by PJS?

funtime_foxy101 · January 25, 2021, 3:23pm

Processing JavaScript, I think you can use it for making graphics, shapes, and bezier curve and more.

coder2195snap · January 25, 2021, 3:30pm

uhhhhhh
which one

funtime_foxy101 · January 25, 2021, 3:42pm

wdym?

coder2195snap · January 25, 2021, 3:44pm

There are a lot of seacrches and idk which is processing javascript
And I thought you in school... How do you have time on snap?

funtime_foxy101 · January 25, 2021, 3:45pm

I am. I have a class that makes me code on Snap.

coder2195snap · January 25, 2021, 3:45pm

Ohhhhhh so you do have CS

funtime_foxy101 · January 25, 2021, 3:46pm

There can be only one type of Processing JS(at least I think), It's all the same thing. Just many websites.

coder2195snap · January 25, 2021, 3:47pm

Hmm I see:

p5js
a github repo
wikipedia
happy coding

which one is it?

funtime_foxy101 · January 25, 2021, 3:48pm

that one, I'm sure.

coder2195snap · January 25, 2021, 3:49pm

hmm ok hey what a coincedence I have CS today too

pumpkinhead · January 25, 2021, 5:10pm

or you can just make your own beizer curve block/method

i think (for a 3-point beizer curves) it works by using linear interpolation, you use lerp to get a point between the line between p1 and p2 and the line between p2 and p3, then you create a line between those two points and use lerp to a get a point in that line which is a point in the beizer curve

spaceelephant · January 25, 2021, 5:14pm

https://snap.berkeley.edu/snap/snap.html#present:Username=spaceelephant&ProjectName=besier%20curves might help. It uses a recursive helper for each point, and then combines those.