Fern (fractal): Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 1: Line 1:
<html>
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
Do 100 iterations: <form><input type='button' value="OK" onClick="ifs();"></form>
Do 100 iterations: <form><input type='button' value="OK" onClick="ifs();"></form>
<div id="box" class="jxgbox" style="width:600px; height:400px;"></div>
<jsxgraph width="600" height="400" box="box">
<script language="JavaScript">
         board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 370, unitX: 5, unitY: 5});
         board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 370, unitX: 5, unitY: 5});
         var p = board.createElement('point', [0,0], {style:10,labelcolor:'#FFFFFF00'});
         var p = board.createElement('point', [0,0], {style:10,labelcolor:'#FFFFFF00'});
Line 28: Line 24:
             board.unsuspendUpdate();
             board.unsuspendUpdate();
         }
         }
</script>
</jsxgraph>
</html>


=== References ===
=== References ===

Revision as of 09:32, 25 March 2011

Do 100 iterations: <form><input type='button' value="OK" onClick="ifs();"></form>

References

The underlying JavaScript code

        board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 490, unitX: 5, unitY: 5});
        var p = board.createElement('point', [0,0], {style:10,labelcolor:'#FFFFFF00'});
        function ifs() {
            board.suspendUpdate();
            for(var i=1; i<= 100; i++) {
                var x = p.coords.usrCoords[1];
                var y = p.coords.usrCoords[2];
                var prob = Math.random();
                if(prob < 0.85) {
                    p = board.createElement('point', [0.85*x+0.04*y+0,-0.04*x+0.85*y+10.6], {style:10,withLabel:false});
                }
                else if(prob >= 0.85 && prob < 0.92) {
                    p = board.createElement('point', [0.2*x-0.26*y+0,0.23*x+0.22*y+10.6], {style:10,withLabel:false});
                }
                else if(prob >= 0.92 && prob < 0.99) {
                    p = board.createElement('point', [-0.15*x+0.28*y+0,0.26*x+0.24*y+4.4], {style:10,withLabel:false});
                }
                else {
                    p = board.createElement('point', [0*x+0*y+0,0*x+0.16*y+0], {style:10,withLabel:false});
                }
            }
            board.unsuspendUpdate();
        }