{"id":839,"date":"2012-03-20T10:24:23","date_gmt":"2012-03-20T10:24:23","guid":{"rendered":"http:\/\/41j.com\/blog\/?p=839"},"modified":"2012-03-20T10:24:23","modified_gmt":"2012-03-20T10:24:23","slug":"random-walks-on-a-grid-javascript","status":"publish","type":"post","link":"https:\/\/41j.com\/blog\/2012\/03\/random-walks-on-a-grid-javascript\/","title":{"rendered":"Random walks on a grid, Javascript"},"content":{"rendered":"<p><a href=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/randwalk.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/randwalk.png\" alt=\"\" title=\"randwalk\" width=\"237\" height=\"237\" class=\"aligncenter size-full wp-image-840\" srcset=\"https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/randwalk.png 237w, https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/randwalk-150x150.png 150w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/a><\/p>\n<p>Some quick Javascript which plots random walks from a point&#8230;<\/p>\n<p>View it <a href=\"http:\/\/sgenomics.org\/~new\/randwalk.html\">here<\/a>.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n\r\n  var ittr=8;\r\n  var delta=-0.005;\r\n\r\n  function draw_frame() {\r\n    var canvas = document.getElementById(&quot;m_canvas&quot;);\r\n    if(canvas.getContext) {\r\n      var ctx = canvas.getContext(&quot;2d&quot;);\r\n      ctx.lineWidth  = 0;\r\n      ctx.fillStyle = &quot;rgb(0,0,0)&quot;;\r\n\r\n\r\n      var x=250;\r\n      var y=250;\r\n      for(var n=0;n&lt;200;n++) {\r\n        var r=Math.floor(Math.random()*4);\r\n        if(r==0) { x+=1; y+=0; }\r\n        if(r==1) { x+=0; y+=1; }\r\n        if(r==2) { x-=1; y+=0; }\r\n        if(r==3) { x-=0; y-=1; }\r\n        ctx.fillRect(x*1,y*1,1,1);\r\n      }\r\n\r\n      ctx.fillStyle = &quot;rgb(0,200,200)&quot;;\r\n      ctx.fillRect(250,250,3,3);\r\n    }\r\n  }\r\n\r\n&lt;\/script&gt;\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body  onload=&quot;setInterval(draw_frame,10);&quot; &gt;\r\n&lt;canvas id=&quot;m_canvas&quot; width=&quot;500&quot; height=&quot;500&quot;&gt;You need a Javascipt&lt;\/canvas&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Some quick Javascript which plots random walks from a point&#8230; View it here. &lt;html&gt; &lt;head&gt; &lt;script type=&quot;text\/javascript&quot;&gt; var ittr=8; var delta=-0.005; function draw_frame() { var canvas = document.getElementById(&quot;m_canvas&quot;); if(canvas.getContext) { var ctx = canvas.getContext(&quot;2d&quot;); ctx.lineWidth = 0; ctx.fillStyle = &quot;rgb(0,0,0)&quot;; var x=250; var y=250; for(var n=0;n&lt;200;n++) { var r=Math.floor(Math.random()*4); if(r==0) { x+=1; y+=0; } if(r==1) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-839","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1RRoU-dx","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":1,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"predecessor-version":[{"id":841,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/839\/revisions\/841"}],"wp:attachment":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/tags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}