Bézier Curves

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

Bézier Curves

Post by wtg62 »

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: 1148
Joined: Mon Nov 19, 2012 7:54 pm

Re: Bézier Curves

Post by testtubegames »

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 22389 times
Pretty psychedelic!
User avatar
wtg62
Posts: 174
Joined: Mon Jan 27, 2014 11:30 pm
Location: Texas, United States

Re: Bézier Curves

Post by wtg62 »

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

Post by A Random Player »

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: 174
Joined: Mon Jan 27, 2014 11:30 pm
Location: Texas, United States

Re: Bézier Curves

Post by wtg62 »

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!
Post Reply