info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-09-02 04:42:43 +02:00
Code Issues Releases Wiki Activity

axes fix + components section

Browse Source
This commit is contained in:
Pomax
2020-08-16 09:18:39 -07:00
parent 18f062b352
commit b989e5b810
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
chapters/components/content.en-GB.md
View File

@@ -6,7 +6,7 @@ The solution: compute the derivative for each axis separately, and then fit them
Let's look at how a parametric Bézier curve "splits up" into two normal functions, one for the x-axis and one for the y-axis. Note the leftmost figure is again an interactive curve, without labeled axes (you get coordinates in the graph instead). The center and rightmost figures are the component functions for computing the x-axis value, given a value for <i>t</i> (between 0 and 1 inclusive), and the y-axis value, respectively. Let's look at how a parametric Bézier curve "splits up" into two normal functions, one for the x-axis and one for the y-axis. Note the leftmost figure is again an interactive curve, without labeled axes (you get coordinates in the graph instead). The center and rightmost figures are the component functions for computing the x-axis value, given a value for <i>t</i> (between 0 and 1 inclusive), and the y-axis value, respectively.
If you move points in a curve sideways, you should only see the middle graph change; likely, moving points vertically should only show a change in the right graph. If you move points in a curve sideways, you should only see the middle graph change; likewise, moving points vertically should only show a change in the right graph.
<graphics-element title="Quadratic Bézier curve components" width="825" src="./quadratic.js"></graphics-element> <graphics-element title="Quadratic Bézier curve components" width="825" src="./quadratic.js"></graphics-element>
<graphics-element title="Cubic Bézier curve components" width="825" src="./cubic.js"></graphics-element> <graphics-element title="Cubic Bézier curve components" width="825" src="./cubic.js"></graphics-element>

2
index.html
View File

@@ -2866,7 +2866,7 @@ function drawCurve(points[], t):
</p> </p>
<p> <p>
If you move points in a curve sideways, you should only see the If you move points in a curve sideways, you should only see the
middle graph change; likely, moving points vertically should only middle graph change; likewise, moving points vertically should only
show a change in the right graph. show a change in the right graph.
</p> </p>
<graphics-element <graphics-element

2
ja-JP/index.html
View File

@@ -2532,7 +2532,7 @@ function drawCurve(points[], t):
</p> </p>
<p> <p>
If you move points in a curve sideways, you should only see the If you move points in a curve sideways, you should only see the
middle graph change; likely, moving points vertically should only middle graph change; likewise, moving points vertically should only
show a change in the right graph. show a change in the right graph.
</p> </p>
<graphics-element <graphics-element

2
zh-CN/index.html
View File

@@ -2542,7 +2542,7 @@ function drawCurve(points[], t):
</p> </p>
<p> <p>
If you move points in a curve sideways, you should only see the If you move points in a curve sideways, you should only see the
middle graph change; likely, moving points vertically should only middle graph change; likewise, moving points vertically should only
show a change in the right graph. show a change in the right graph.
</p> </p>
<graphics-element <graphics-element