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.
Bézier Curves
Bézier Curves
This message has been brought to you by wtg62, duh!
- testtubegames
- Site Admin
- Posts: 1149
- Joined: Mon Nov 19, 2012 7:54 pm
Re: Bézier Curves
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 Pretty psychedelic!
...that is, until I did one of order 100. Got real trippy real fast Pretty psychedelic!
Re: Bézier Curves
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!
-
- Posts: 523
- Joined: Mon Jun 03, 2013 4:54 pm
Re: Bézier Curves
Try a square or pentagon, too! Whoaaa, spinning squares. Relates to geometric sequences in some way. (Haha, because it's very geometric?)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.
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
$1 = 100¢ = (10¢)^2 = ($0.10)^2 = $0.01 = 1¢ [1]
Always check your units or you will have no money!
Always check your units or you will have no money!
Re: Bézier Curves
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).
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!