Class 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 |
---|---|
Glider(z_,x_,y_,GlideObject)
A glider is a point which lives on another geometric element like a line, circle, curve, turtle.
|
- Fields borrowed from class JXG.GeometryElement:
- _org_type, _pos, ancestors, baseElement, board, childElements, dash, dashScale, descendants, draft, dragToTopOfLayer, dump, elementClass, elType, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, hasLabel, highlight, highlighted, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, id, inherits, isDraggable, isLabel, isReal, lastDragTime, layer, lineCap, methodMap, mouseover, name, needsRegularUpdate, needsUpdate, notExistingParents, numTraces, parents, precision, priv, quadraticform, rendNode, rotatable, scalable, shadow, snapToGrid, stdform, strokeColor, strokeOpacity, strokeWidth, subs, symbolic, tabindex, trace, traceAttributes, traces, transformations, transitionDuration, transitionProperties, type, visible, visProp, visPropCalc, withLabel
- Fields borrowed from class JXG.CoordsElement:
- coords, groups, isConstrained, needsUpdateFromParent, onPolygon, position, slideObject, slideObjects
- Fields borrowed from class JXG.GeometryElement:
- _org_type, _pos, ancestors, baseElement, board, childElements, dash, dashScale, descendants, draft, dragToTopOfLayer, dump, elementClass, elType, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, hasLabel, highlight, highlighted, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, id, inherits, isDraggable, isLabel, isReal, lastDragTime, layer, lineCap, methodMap, mouseover, name, needsRegularUpdate, needsUpdate, notExistingParents, numTraces, parents, precision, priv, quadraticform, rendNode, rotatable, scalable, shadow, snapToGrid, stdform, strokeColor, strokeOpacity, strokeWidth, subs, symbolic, tabindex, trace, traceAttributes, traces, transformations, transitionDuration, transitionProperties, type, visible, visProp, visPropCalc, withLabel
- Fields borrowed from class JXG.CoordsElement:
- coords, groups, isConstrained, needsUpdateFromParent, onPolygon, position, slideObject, slideObjects
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, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, labelColor, 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, Dist, 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
Class Detail
Glider(z_,x_,y_,GlideObject)
A glider is a point which lives on another geometric element like a line, circle, curve, turtle.
- Parameters:
- {Number_Number_Number_JXG.GeometryElement} z_,x_,y_,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);
// 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.