# Difference between revisions of "Polygon through ordered set of gliders"

From JSXGraph Wiki

Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||

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 15: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();
```