Difference between revisions of "Random points"

From JSXGraph Wiki
Jump to: navigation, search
Line 45: Line 45:
 
Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.  
 
Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.  
 
The 50 points are updated on the onmousemove event.
 
The 50 points are updated on the onmousemove event.
 +
 +
Please, move with the mouse pointer over this area:
 
<html>
 
<html>
 
<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>
 
<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>

Revision as of 19:42, 7 December 2008

Draw 50 random points - version 1

In the first version at construction time each point receives random coordinates.

        board = JXG.JSXGraph.initBoard('box', {originX: 10, originY:390 , unitX:380 , unitY: 380});
                
        function reload() {
            JXG.JSXGraph.freeBoard(board);        
            board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});            

            board.suspendUpdate();
            for (var i=0;i<50;i++) {
                var p = board.createElement('point',
                       [Math.random(),Math.random()],{style:5,name:' '});
            }
            board.unsuspendUpdate();
        }
        reload();

Draw 50 random points - version 2

Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates. The 50 points are updated on the onmousemove event.

Please, move with the mouse pointer over this area:

<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>
 board2 = JXG.JSXGraph.initBoard('box2', {originX: 10, originY:390 , unitX:380 , unitY: 380});
 board2.suspendUpdate();
 for (var i=0;i<50;i++) {
   var p2 = board2.createElement('point',
           [function(){return Math.random();},function(){ return Math.random()}],
           {style:5,name:' '});
 }
 board2.unsuspendUpdate();