Laufmaschine

<jsxgraph box="Diagramm_in_the_box" width="800" height="800">

var brd = JXG.JSXGraph.initBoard('Diagramm_in_the_box',{boundingbox:[-200,200,200,-200], axis:false, grid:false, showCopyright:false, showNavigation:false, keepaspectratio: true });

var p0 = brd.create('point', [0,0], {});

var p1 = brd.create('point', [-60,-60], {});

var pc1 = brd.create('point', [5,-7.8], {});

var c1 = brd.create('circle',[p1,40],{visible:false});

var ca = brd.create('circle',[p0,40],{visible:false});

     p2 = brd.create('glider',[0,5,ca], {name:'Diesen Punkt ziehen', size:4, strokeColor:"red", fillColor:"red"}),

     d3 = brd.create('segment', [p0, p2], {}),

     b1 = brd.create('segment', [p1, p3], {withLabel:true, name:'b'}),

     b2 = brd.create('segment', [p2, p3], {withLabel:true, name:'j'}),

     c3 = brd.create('circle',[p3,40],{visible:false}),

     c4 = brd.create('circle',[p1,40],{visible:false}),

     b3 = brd.create('segment', [p3, p4], {withLabel:true, name:'e'}),

     b4 = brd.create('segment', [p1, p4], {withLabel:true, name:'d'}),

     c5 = brd.create('circle',[p1,50],{visible:false}),

     c6 = brd.create('circle',[p2,30],{visible:false}),

     b5 = brd.create('segment', [p1, p5], {withLabel:true, name:'c'}),

     c7 = brd.create('circle',[p5,60],{visible:false}),

     c8 = brd.create('circle',[p4,10],{visible:false}),

     b7 = brd.create('segment', [p4, p6], {withLabel:true, name:'f'}),

     b8 = brd.create('segment', [p5, p6], {withLabel:true, name:'g'}),

     c9 = brd.create('circle',[p5,10],{visible:false}),

     c10= brd.create('circle',[p6,10],{visible:false}),

     p7 = brd.create('intersection', [c9, c10, 1], {withLabel:false, size:1, fillColor:"red", trace:true}),

     b10= brd.create('segment', [p6, p7], {withLabel:true, name:'h'}),

     p8 = brd.create('point', [-180,-93], {}),

     p9 = brd.create('point', [180,-93], {}),

     li = brd.create('line',[p8,p9], {});