1
0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-01-17 21:49:16 +01:00
This commit is contained in:
Pomax 2018-06-26 11:27:15 -07:00
parent bc4d830eec
commit 30d9caed43
3 changed files with 3 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -17,7 +17,7 @@ Given \left (
\right ),\ our\ new\ point = p_1 + distance \cdot ratio
\]
So let's look at that in action: the following graphic is interactive in that you can use your up and down arrow keys to increase or decrease the interpolation ratio, to see what happens. We start with three points, which gives us two lines. Linear interpolation over those lines gives use two points, between which we can again perform linear interpolation, yielding a single point. And that point —and all points we can form in this way for all ratios taken together— form our Bézier curve:
So let's look at that in action: the following graphic is interactive in that you can use your up and down arrow keys to increase or decrease the interpolation ratio, to see what happens. We start with three points, which gives us two lines. Linear interpolation over those lines gives us two points, between which we can again perform linear interpolation, yielding a single point. And that point —and all points we can form in this way for all ratios taken together— form our Bézier curve:
<Graphic title="Linear Interpolation leading to Bézier curves" setup={this.setup} draw={this.draw} onKeyDown={this.onKeyDown}/>

File diff suppressed because one or more lines are too long