Element Glider
JXG.GeometryElement,JXG.CoordsElement
↳ JXG.Point
↳ Glider
This element is used to provide a constructor for a glider point.
Defined in: point.js.
Extends
JXG.Point.
| Constructor Attributes | Constructor Name and Description |
|---|---|
|
A glider is a point which lives on another geometric element like a line, circle, curve, turtle.
|
| Method Attributes | Method Name and Description |
|---|---|
|
startAnimation(direction, stepCount, delay)
Animate the point.
|
|
|
Stop animation.
|
- Methods borrowed from class JXG.Point:
- face, hasPoint, isOn, makeIntersection, normalizeFace, setStyle, size, update, updateRenderer, updateTransform
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale
- Methods borrowed from class JXG.CoordsElement:
- _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveTo, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, visit, X, XEval, Y, YEval, Z, ZEval
- Events borrowed from class JXG.GeometryElement:
- attribute, attribute:key, down, drag, keydrag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up
Element Detail
Glider
A glider is a point which lives on another geometric element like a line, circle, curve, turtle.
-
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create
with type "glider".
- Possible parent array combinations are:
-
{Number} z Optional
{Number} x Optional
{Number} y Optional
{JXG.GeometryElement} GlideObject
- Parent elements can be two or three elements of type number and the object the glider lives on. The coordinates are completely optional. If not given the origin is used. If you provide two numbers for coordinates they will be interpreted as affine Euclidean coordinates, otherwise they will be interpreted as homogeneous coordinates. In any case the point will be projected on the glide object.
- Throws:
- {Exception}
- If the element cannot be constructed with the given parent objects an exception is thrown.
- Examples:
// Create a glider with user defined coordinates. If the coordinates are not on
// the circle (like in this case) the point will be projected onto the circle.
var p1 = board.create('point', [2.0, 2.0]);
var c1 = board.create('circle', [p1, 2.0]);
var p2 = board.create('glider', [2.0, 1.5, c1]);
// Create a glider with default coordinates (1,0,0). Same premises as above.
var p1 = board.create('point', [2.0, 2.0]);
var c1 = board.create('circle', [p1, 2.0]);
var p2 = board.create('glider', [c1]);
//animate example 2
var p1 = board.create('point', [2.0, 2.0]);
var c1 = board.create('circle', [p1, 2.0]);
var p2 = board.create('glider', [c1]);
var button1 = board.create('button', [1, 7, 'start animation',function(){p2.startAnimation(1,4)}]);
var button2 = board.create('button', [1, 5, 'stop animation',function(){p2.stopAnimation()}]);
Method Detail
{JXG.CoordsElement}
startAnimation(direction, stepCount, delay)
Animate the point.
Defined in: coordselement.js.
Defined in: coordselement.js.
- Parameters:
- {Number|Function} direction
- The direction the glider is animated. Can be +1 or -1.
- {Number|Function} stepCount
- The number of steps in which the parent element is divided. Must be at least 1.
- {Number|Function} delay
- Time in msec between two animation steps. Default is 250.
- Returns:
- {JXG.CoordsElement} Reference to iself.
- See:
- Glider#stopAnimation
- Examples:
// Divide the circle line into 6 steps and
// visit every step 330 msec counterclockwise.
var ci = board.create('circle', [[-1,2], [2,1]]);
var gl = board.create('glider', [0,2, ci]);
gl.startAnimation(-1, 6, 330);
//animate example closed curve
var c1 = board.create('curve',[(u)=>4*Math.cos(u),(u)=>2*Math.sin(u)+2,0,2*Math.PI]);
var p2 = board.create('glider', [c1]);
var button1 = board.create('button', [1, 7, 'start animation',function(){p2.startAnimation(1,8)}]);
var button2 = board.create('button', [1, 5, 'stop animation',function(){p2.stopAnimation()}]);
// Divide the slider area into 20 steps and
// visit every step 30 msec.
var n = board.create('slider',[[-2,4],[2,4],[1,5,100]],{name:'n'});
n.startAnimation(1, 20, 30);
{JXG.CoordsElement}
stopAnimation()
Stop animation.
Defined in: coordselement.js.
Defined in: coordselement.js.
- Returns:
- {JXG.CoordsElement} Reference to itself.
Attributes borrowed from other Elements
- Attributes borrowed from class JXG.GeometryElement:
- aria, cssClass, dash, dashScale, draft, dragToTopOfLayer, element3D, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, highlight, highlightCssClass, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, isLabel, layer, lineCap, needsRegularUpdate, nonnegativeOnly, precision, priv, rotatable, scalable, shadow, snapToGrid, strokeColor, strokeOpacity, strokeWidth, tabindex, trace, traceAttributes, transitionDuration, transitionProperties, visible, withLabel
Fields borrowed from other Elements
- Fields borrowed from class JXG.GeometryElement:
- _org_type, _pos, ancestors, baseElement, board, childElements, descendants, dump, elementClass, elType, hasLabel, highlighted, id, inherits, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsUpdate, notExistingParents, numTraces, parents, quadraticform, rendNode, stdform, subs, symbolic, traces, transformations, type, visProp, visPropCalc
- Fields borrowed from class JXG.CoordsElement:
- coords, groups, isConstrained, needsUpdateFromParent, onPolygon, position, slideObject, slideObjects
Methods borrowed from other Elements
- Methods borrowed from class JXG.Point:
- face, hasPoint, isOn, makeIntersection, normalizeFace, setStyle, size, update, updateRenderer, updateTransform
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale
- Methods borrowed from class JXG.CoordsElement:
- _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveTo, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, visit, X, XEval, Y, YEval, Z, ZEval
Events borrowed from other Elements