mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-08-26 09:44:32 +02:00
.
This commit is contained in:
@@ -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.
|
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 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...
|
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...
|
||||||
|
|
||||||
|
@@ -4879,7 +4879,7 @@ for p = 1 to points.length-3 (inclusive):
|
|||||||
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
||||||
<label>Standard connected cubic poly-Bézier</label>
|
<label>Standard connected cubic poly-Bézier</label>
|
||||||
</fallback-image></graphics-element
|
</fallback-image></graphics-element
|
||||||
>>
|
>
|
||||||
|
|
||||||
<p>
|
<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
|
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
|
||||||
|
@@ -4714,7 +4714,7 @@ for p = 1 to points.length-3 (inclusive):
|
|||||||
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
||||||
<label>Standard connected cubic poly-Bézier</label>
|
<label>Standard connected cubic poly-Bézier</label>
|
||||||
</fallback-image></graphics-element
|
</fallback-image></graphics-element
|
||||||
>>
|
>
|
||||||
|
|
||||||
<p>
|
<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
|
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
|
||||||
|
@@ -37,6 +37,7 @@ graphics-element:not(:defined) fallback-image {
|
|||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
margin:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@@ -4686,7 +4686,7 @@ for p = 1 to points.length-3 (inclusive):
|
|||||||
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
<img width="275px" height="275px" src="images\chapters\polybezier\b810f02639a79cf7f8ae416d7185614d.png" />
|
||||||
<label>Standard connected cubic poly-Bézier</label>
|
<label>Standard connected cubic poly-Bézier</label>
|
||||||
</fallback-image></graphics-element
|
</fallback-image></graphics-element
|
||||||
>>
|
>
|
||||||
|
|
||||||
<p>
|
<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
|
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
|
||||||
|
Reference in New Issue
Block a user