info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-08-29 19:20:39 +02:00
Code Issues Releases Wiki Activity

cursor -> arrow keys

Browse Source
This commit is contained in:
Pomax
2016-01-14 10:29:40 -08:00
parent 1a2fd8b623
commit d4709bddd0
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/sections/arcapproximation/index.js
View File

@@ -233,7 +233,7 @@ var Introduction = React.createClass({
<p>The following graphic shows the result of this approach, with a default error threshold of 0.5, meaning that
if an arc is off by a <em>combined</em> half pixel over both verification points, then we treat the arc as bad.
This is an extremely simple error policy, but already works really well. Note that the graphic is still
interactive, and you can use your up and down cursor keys keys to increase or decrease the error threshold,
interactive, and you can use your up and down arrow keys keys to increase or decrease the error threshold,
to see what the effect of a smaller or larger error threshold is.</p>
<Graphic preset="simple" title="Arc approximation of a Bézier curve" setup={this.setupCubic} draw={this.drawSingleArc} onKeyDown={this.props.onKeyDown} />

2
components/sections/explanation/index.js
View File

@@ -124,7 +124,7 @@ var Explanation = React.createClass({
for instance, generates points on a circle: We can range <i>t</i> from negative to positive
infinity, and the resulting (<i>x</i>,<i>y</i>) coordinates will always lie on a circle with
radius 1 around the origin (0,0). If we plot it for <i>t</i> from 0 to 5, we get this (use
your up and down cursor keys to change the plot end value):</p>
your up and down arrow keys to change the plot end value):</p>
<Graphic preset="empty" title="A (partial) circle: x=sin(t), y=cos(t)" static={true} setup={this.setup} draw={this.draw} onKeyDown={this.props.onKeyDown}/>

2
components/sections/graduatedoffset/index.js
View File

@@ -78,7 +78,7 @@ var GraduatedOffsetting = React.createClass({
the curve) we know the curve's normal, so offsetting is simply a matter of taking our original
point, and moving it along the normal vector by the offset distance for each point. Doing so
will give us the following result (these have with a starting width of 0, and an end width
of 40 pixels, but can be controlled with your up and down cursor keys):</p>
of 40 pixels, but can be controlled with your up and down arrow keys):</p>
<Graphic preset="simple" title="Offsetting a quadratic Bézier curve" setup={this.setupQuadratic} draw={this.draw} onKeyDown={this.props.onKeyDown}/>
<Graphic preset="simple" title="Offsetting a cubic Bézier curve" setup={this.setupCubic} draw={this.draw} onKeyDown={this.props.onKeyDown}/>

2
components/sections/offsetting/index.js
View File

@@ -175,7 +175,7 @@ var Offsetting = React.createClass({
on-curve point for <i>t=0.5</i> is too far off from the center, we simply split the segment down the middle.
Generally this is more than enough to end up with safe segments.</p>
<p>The following graphics show off curve offsetting, and you can use your up and down cursor keys to control
<p>The following graphics show off curve offsetting, and you can use your up and down arrow keys to control
the distance at which the curve gets offset. The curve first gets reduced to safe segments, each of which is
then offset at the desired distance. Especially for simple curves, particularly easily set up for quadratic
curves, no reduction is necessary, but the more twisty the curve gets, the more the curve needs to be reduced

2
components/sections/reordering/index.js
View File

@@ -149,7 +149,7 @@ var Reordering = React.createClass({
not be identical to the original, and may in fact look completely different.</p>
<p>We can apply this to a (semi) random curve, as is done in the following graphic. Select the sketch
and press your up and down cursor keys to elevate or lower the curve order.</p>
and press your up and down arrow keys to elevate or lower the curve order.</p>
<Graphic preset="simple" title={"A " + this.getOrder() + " order Bézier curve"} setup={this.setup} draw={this.draw} onKeyDown={this.props.onKeyDown} />