1
0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-08-26 17:54:52 +02:00
This commit is contained in:
Pomax
2020-09-11 17:43:06 -07:00
parent 61bb4d00d9
commit a9d0b9bb10
5 changed files with 5 additions and 4 deletions

View File

@@ -47,7 +47,7 @@ Cubic curves are now better behaved when it comes to dragging control points aro
Finally, we also want to make sure that moving the on-curve coordinates preserves the relative positions of the associated control points. With that, we get to the kind of curve control that you might be familiar with from applications like Photoshop, Inkscape, Blender, etc.
<graphics-element title="Standard connected quadratic poly-Bézier" src="./poly.js" data-type="quadratic" data-link="conventional"></graphics-element>
<graphics-element title="Standard connected cubic poly-Bézier" src="./poly.js" data-type="cubic" data-link="conventional"></graphics-element>>
<graphics-element title="Standard connected cubic poly-Bézier" src="./poly.js" data-type="cubic" data-link="conventional"></graphics-element>
Again, we see that cubic curves are now rather nice to work with, but quadratic curves have a new, very serious problem: we can move an on-curve point in such a way that we can't compute what needs to "happen next". Move the top point down, below the left and right points, for instance. There is no way to preserve correct control points without a kink at the bottom point. Quadratic curves: just not that good...

View File

@@ -4879,7 +4879,7 @@ for p = 1 to points.length-3 (inclusive):
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
<label>Standard connected cubic poly-Bézier</label>
</fallback-image></graphics-element
>>
>
<p>
Again, we see that cubic curves are now rather nice to work with, but quadratic curves have a new, very serious problem: we can move an

View File

@@ -4714,7 +4714,7 @@ for p = 1 to points.length-3 (inclusive):
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
<label>Standard connected cubic poly-Bézier</label>
</fallback-image></graphics-element
>>
>
<p>
Again, we see that cubic curves are now rather nice to work with, but quadratic curves have a new, very serious problem: we can move an

View File

@@ -37,6 +37,7 @@ graphics-element:not(:defined) fallback-image {
display: block;
text-align: center;
padding: 0.5em;
margin:auto;
}
/*

View File

@@ -4686,7 +4686,7 @@ for p = 1 to points.length-3 (inclusive):
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
<label>Standard connected cubic poly-Bézier</label>
</fallback-image></graphics-element
>>
>
<p>
Again, we see that cubic curves are now rather nice to work with, but quadratic curves have a new, very serious problem: we can move an