Bézier Curves

A spot for all things TestTube
User avatar
wtg62
Posts: 173
Joined: Mon Jan 27, 2014 11:30 pm
Location: Texas, United States

Bézier Curves

Postby wtg62 » Sat Aug 08, 2015 6:59 am

Yet another experiment, https://dl.dropboxusercontent.com/u/556 ... ezier.html
Bézier Curves of any degree can be visualized! You can also visualize straight lines, but that's sort of pointless. :P
This message has been brought to you by wtg62, duh!

User avatar
testtubegames
Site Admin
Posts: 1007
Joined: Mon Nov 19, 2012 7:54 pm

Re: Bézier Curves

Postby testtubegames » Sat Aug 15, 2015 9:12 pm

Cool - I now understand Bezier Curves better than I ever did before.

...that is, until I did one of order 100. Got real trippy real fast :)
Screen Shot 2015-08-15 at 9.10.33 PM.png
Screen Shot 2015-08-15 at 9.10.33 PM.png (339.59 KiB) Viewed 10105 times

Pretty psychedelic!

User avatar
wtg62
Posts: 173
Joined: Mon Jan 27, 2014 11:30 pm
Location: Texas, United States

Re: Bézier Curves

Postby wtg62 » Sat Aug 15, 2015 10:43 pm

Hah, try doing one with each point going around the canvas in each corner, one in the upper right, upper left, bottom left, bottom right, and repeat that for a lot of points. The visualization looks really cool.
This message has been brought to you by wtg62, duh!

A Random Player
Posts: 523
Joined: Mon Jun 03, 2013 4:54 pm

Re: Bézier Curves

Postby A Random Player » Sun Aug 16, 2015 10:47 am

wtg62 wrote:Hah, try doing one with each point going around the canvas in each corner, one in the upper right, upper left, bottom left, bottom right, and repeat that for a lot of points. The visualization looks really cool.

Try a square or pentagon, too! Whoaaa, spinning squares. Relates to geometric sequences in some way. (Haha, because it's very geometric?)
Also try a back-and-forth pattern. (Ex. (-100, -50), (100, -40), (-100, -30), (100, -20), etc. in Cartesian coordinates - very rough, and horizontal/vertical scale won't matter a lot). It's a straight line, except when it's not.
Similarly, try something like (-100, -50), (100, -50), (100, -40), (-100, -40), (-100, -30), (100, -30), etc.

If you think about it, Bézier Curves are just a 2D glorified binomial theorem :P
$1 = 100¢ = (10¢)^2 = ($0.10)^2 = $0.01 = 1¢ [1]
Always check your units or you will have no money!

User avatar
wtg62
Posts: 173
Joined: Mon Jan 27, 2014 11:30 pm
Location: Texas, United States

Re: Bézier Curves

Postby wtg62 » Tue Aug 18, 2015 1:42 pm

The canvas is 1024x512, so the corners are at (0,0), (1024,0), (0,512), and (1024,512).
If you want to consider the center of the canvas as (0,0), then the corners are (-512,-256), (512,-256), (-512,256), & (512,256).
This message has been brought to you by wtg62, duh!


Return to “General Chat”

Who is online

Users browsing this forum: No registered users and 1 guest