{"id":1667,"date":"2013-08-07T14:29:12","date_gmt":"2013-08-07T14:29:12","guid":{"rendered":"http:\/\/garysieling.com\/blog\/?p=1667"},"modified":"2013-08-07T14:29:12","modified_gmt":"2013-08-07T14:29:12","slug":"generating-fractal-images-with-fractal-machine-and-phantomjs","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/generating-fractal-images-with-fractal-machine-and-phantomjs\/","title":{"rendered":"Generating Fractal Images with Fractal Machine and PhantomJS"},"content":{"rendered":"

I wrote up a script to take screenshots of randomized images from Fractal Machine<\/a>, which is a really cool fractal generator. To run this, I would a local copy of the html file for the site, otherwise you’ll be generating a lot of needless load on their side.<\/p>\n

var page = require('webpage').create();\npage.viewportSize = { width: 400, height: 400 };\n\nvar num = 0;\nvar system = require('system');\nif (system.args.length > 1) {\n  num = system.args[1];\n}\n\nfunction waitFor(testFx, onReady, timeOutMillis) {\n    var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 50,\n        start = new Date().getTime(),\n        condition = false,\n        interval = setInterval(function () {\n            if1<\/a><\/sup>; \/\/< defensive code\n            } else {\n                if (!condition) {\n                    typeof (onReady) === \"string\" ? eval(onReady) : onReady();\n                    clearInterval(interval);\n                } else {\n                    console.log(\"'waitFor()' finished in \" + (new Date().getTime() - start) + \"ms.\");\n                    typeof (onReady) === \"string\" ? eval(onReady) : onReady(); \/\/< Do what it's supposed to do once the condition is fulfilled\n                    clearInterval(interval); \/\/< Stop this interval\n                }\n            }\n        }, 50); \n};\n\npage.open('fractalmachine.html', function () {\n  waitFor(\n    function () {\n      return page.evaluate(function () {\n        return window.document.getElementById('controls') != undefined;\n      });\n    },\n    function () {\n      page.evaluate(function() {\n        var fract = window.fract;\n        fract.random();\n        fract.zoomnudge(-1);\n        var controls = window.document.getElementById('controls');\n        controls.style.visibility = 'hidden';\n      });\n      page.render('fractal' + num + '.png');\n      phantom.exit();\n    }, 50);\n  });\n<\/pre>\n
\"fractal\"<\/a><\/p>\n
\"fractal0\"<\/a><\/p>\n
\"fractal1\"<\/a><\/p>\n
\"fractal3\"<\/a><\/p>\n
\"fractal5\"<\/a><\/p>\n
\"fractal6\"<\/a><\/p>\n
\"fractal8\"<\/a><\/p>\n
\"fractal9\"<\/a><\/p>\n
\"fractal11\"<\/a><\/p>\n
\"fractal12\"<\/a><\/p>\n
\"fractal16\"<\/a><\/p>\n
\"fractal23\"<\/a><\/p>\n
\"fractal25\"<\/a><\/p>\n
\"fractal27\"<\/a><\/p>\n
\"fractal29\"<\/a><\/p>\n
\"fractal30\"<\/a><\/p>\n
\"fractal31\"<\/a><\/p>\n
\"fractal34\"<\/a><\/p>\n
\"fractal35\"<\/a><\/p>\n
\"fractal37\"<\/a><\/p>\n
\"fractal38\"<\/a><\/p>\n
\"fractal39\"<\/a><\/p>\n
\"fractal41\"<\/a><\/p>\n
\"fractal43\"<\/a><\/p>\n
\"fractal44\"<\/a><\/p>\n
\"fractal46\"<\/a><\/p>\n
\"fractal47\"<\/a><\/p>\n
\"fractal50\"<\/a><\/p>\n
\"fractal52\"<\/a><\/p>\n
\"fractal53\"<\/a><\/p>\n
\"fractal57\"<\/a><\/p>\n
\"fractal58\"<\/a><\/p>\n
\"fractal63\"<\/a><\/p>\n
\"fractal67\"<\/a><\/p>\n
\"fractal68\"<\/a><\/p>\n
\"fractal69\"<\/a><\/p>\n
\"fractal70\"<\/a><\/p>\n
\"fractal71\"<\/a><\/p>\n
\"fractal72\"<\/a><\/p>\n
\"fractal74\"<\/a><\/p>\n
\"fractal76\"<\/a><\/p>\n
\"fractal77\"<\/a><\/p>\n
\"fractal78\"<\/a><\/p>\n
\"fractal80\"<\/a><\/p>\n
\"fractal82\"<\/a><\/p>\n
\"fractal84\"<\/a><\/p>\n
\"fractal85\"<\/a><\/p>\n
\"fractal86\"<\/a><\/p>\n
\"fractal87\"<\/a><\/p>\n
\"fractal88\"<\/a><\/p>\n
\"fractal90\"<\/a><\/p>\n
\"fractal91\"<\/a><\/p>\n
\"fractal92\"<\/a><\/p>\n
\"fractal93\"<\/a><\/p>\n
\"fractal97\"<\/a><\/p>\n
\"fractal98\"<\/a><\/p>\n
\"fractal99\"<\/a><\/p>\n
\"fractal100\"<\/a><\/p>\n
\"fractal101\"<\/a><\/p>\n
\"fractal102\"<\/a><\/p>\n
\"fractal105\"<\/a><\/p>\n
\"fractal106\"<\/a><\/p>\n
\"fractal107\"<\/a><\/p>\n
\"fractal109\"<\/a><\/p>\n
\"fractal110\"<\/a><\/p>\n
\"fractal112\"<\/a><\/p>\n
\"fractal114\"<\/a><\/p>\n
\"fractal115\"<\/a><\/p>\n
\"fractal116\"<\/a><\/p>\n
\"fractal117\"<\/a><\/p>\n
\"fractal119\"<\/a><\/p>\n
\"fractal120\"<\/a><\/p>\n
\"fractal122\"<\/a><\/p>\n
  1. new Date().getTime() - start < maxtimeOutMillis) && !condition) {\n                condition = (typeof (testFx) === \"string\" ? eval(testFx) : testFx( [↩<\/a>]<\/span><\/li><\/ol>","protected":false},"excerpt":{"rendered":"
    I wrote up a script to take screenshots of randomized images from Fractal Machine, which is a really cool fractal generator. To run this, I would a local copy of the html file for the site, otherwise you’ll be generating a lot of needless load on their side. var page = require(‘webpage’).create(); page.viewportSize = { … <\/p>\n
    Continue reading “Generating Fractal Images with Fractal Machine and PhantomJS”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4],"tags":[238,302,426],"aioseo_notices":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/1667"}],"collection":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/comments?post=1667"}],"version-history":[{"count":0,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/1667\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/media?parent=1667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/categories?post=1667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/tags?post=1667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}