Polygon through ordered set of gliders: Difference between revisions
From JSXGraph Wiki
No edit summary  | 
				A WASSERMANN (talk | contribs) No edit summary  | 
				||
| (2 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
     board.suspendUpdate();  |      board.suspendUpdate();  | ||
     var p = [];  |      var p = [];  | ||
     p[0] = board.  |      p[0] = board.create('point', [-1,2], {size:2,name:''});  | ||
     p[1] = board.  |      p[1] = board.create('point', [0,-2], {size:2,name:''});  | ||
     p[2] = board.  |      p[2] = board.create('point', [2,1], {size:2,name:''});  | ||
     graph = board.  |      graph = board.create('curve', JXG.Math.Numerics.Neville(p),{strokeWidth:5,strokeOpacity:0.5});  | ||
     gliders = [];  |      gliders = [];  | ||
     gliders[0] = board.  |      gliders[0] = board.create('glider', [-1,0,graph],{size:4});  | ||
     gliders[1] = board.  |      gliders[1] = board.create('glider', [-0.5,-2,graph],{size:4});  | ||
     gliders[2] = board.  |      gliders[2] = board.create('glider', [1,-3,graph],{size:4});  | ||
     gliders[3] = board.  |      gliders[3] = board.create('glider', [1.5,-1,graph],{size:4});  | ||
     board.  |      board.create('polygon',gliders,{strokeColor:'red'});  | ||
     board.updateConditions = function() {  |      board.updateConditions = function() {  | ||
| Line 34: | Line 34: | ||
     board.suspendUpdate();  |      board.suspendUpdate();  | ||
     var p = [];  |      var p = [];  | ||
     p[0] = board.  |      p[0] = board.create('point', [-1,2], {size:2,name:''});  | ||
     p[1] = board.  |      p[1] = board.create('point', [0,-2], {size:2,name:''});  | ||
     p[2] = board.  |      p[2] = board.create('point', [2,1], {size:2,name:''});  | ||
     graph = board.  |      graph = board.create('curve', JXG.Math.Numerics.Neville(p),{strokeWidth:5,strokeOpacity:0.5});  | ||
     gliders = [];  |      gliders = [];  | ||
     gliders[0] = board.  |      gliders[0] = board.create('glider', [-1,0,graph],{size:4});  | ||
     gliders[1] = board.  |      gliders[1] = board.create('glider', [-0.5,-2,graph],{size:4});  | ||
     gliders[2] = board.  |      gliders[2] = board.create('glider', [1,-3,graph],{size:4});  | ||
     gliders[3] = board.  |      gliders[3] = board.create('glider', [1.5,-1,graph],{size:4});  | ||
     board.  |      board.create('polygon',gliders,{strokeColor:'red'});  | ||
     board.updateConditions = function() {  |      board.updateConditions = function() {  | ||
Latest revision as of 13:01, 3 March 2021
The underlying JavaScript code
    board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 7, -5]});
    board.suspendUpdate();
    var p = [];
    p[0] = board.create('point', [-1,2], {size:2,name:''});
    p[1] = board.create('point', [0,-2], {size:2,name:''});
    p[2] = board.create('point', [2,1], {size:2,name:''});
    
    graph = board.create('curve', JXG.Math.Numerics.Neville(p),{strokeWidth:5,strokeOpacity:0.5});
    gliders = [];
    gliders[0] = board.create('glider', [-1,0,graph],{size:4});
    gliders[1] = board.create('glider', [-0.5,-2,graph],{size:4});
    gliders[2] = board.create('glider', [1,-3,graph],{size:4});
    gliders[3] = board.create('glider', [1.5,-1,graph],{size:4});
    
    board.create('polygon',gliders,{strokeColor:'red'});
    
    board.updateConditions = function() {
        var i;
        for (i=1;i<gliders.length;i++) {
            if (gliders[i].position<gliders[i-1].position) {
                gliders[i].coords = new JXG.Coords(JXG.COORDS_BY_USER, gliders[i-1].coords.usrCoords, board); 
                gliders[i].update();
            }
        };
    }
    board.unsuspendUpdate();