ロジスティック写像の分岐図
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| <meta charset="utf-8"> | |
| <title>logistic</title> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script type="text/javascript"> | |
| $(document).ready(function () { | |
| var canvas = document.getElementById('myCanvas'); | |
| var ctx = canvas.getContext('2d'); | |
| var a0 = 2.5; | |
| var x0 = 0.1; | |
| var a = a0; | |
| function loop(){ | |
| var x = x0; | |
| a += 0.001; | |
| for(var i=0; i<100; ++i){ | |
| x = a*x*(1-x); | |
| } | |
| for(var i=0; i<100; ++i){ | |
| x = a*x*(1-x); | |
| ctx.fillRect((a-a0)*600,x*600,1,1); | |
| } | |
| if(a<4.0){ | |
| setTimeout(loop, 0); | |
| } | |
| }; | |
| loop(); | |
| } ); | |
| </script> | |
| </head> | |
| <body> | |
| <div style="margin: 0 auto; width: 910px;"> | |
| <canvas id="myCanvas" width="900" height="600" style="border: solid 1px;"></canvas><br /> | |
| <a href="https://gist.github.com/sasekazu/1c1acd437b7a4466d50c#file-gistfile1-js">ソースコード</a> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment