{"id":240,"date":"2017-01-10T04:33:49","date_gmt":"2017-01-10T04:33:49","guid":{"rendered":"http:\/\/weegreenblobbie.com\/?p=240"},"modified":"2017-01-15T19:13:25","modified_gmt":"2017-01-15T19:13:25","slug":"p5js-player-widget-in-pure-javascript","status":"publish","type":"post","link":"https:\/\/weegreenblobbie.com\/?p=240","title":{"rendered":"P5js player widget in pure javascript"},"content":{"rendered":"<p>Okay, so I got really excited about p5js, checkout their examples page. \u00a0But I struggled a little bit to include a sketch on my wordpress blog, the canvas was showing up at the bottom of the website as I discussed in my previous <a href=\"http:\/\/weegreenblobbie.com\/?p=212\" target=\"_blank\">post<\/a>.<\/p>\n<p>I got some help from the\u00a0folks at p5js and they pointed out their <a href=\"https:\/\/github.com\/processing\/p5.js\/wiki\/Embedding-p5.js\">embedding<\/a> page. \u00a0While there I found the <a href=\"https:\/\/toolness.github.io\/p5.js-widget\/\">p5js-widget<\/a> tool. \u00a0It was very close to what I wanted, but since I&#8217;m about to do more sketches, I thought it would be a good\u00a0project to try to write my own widget.<\/p>\n<p>Behold!<\/p>\n<div class=\"p5js-player\" width=\"400\" height=\"250\" sketch=\"p5js\/001_bouncing_points\/index.html\"><\/div>\n<p><script type=\"text\/javascript\" src=\"p5js\/lib\/p5js-player.js\"><\/script><\/p>\n<p>I still have a few bugs to iron out. p5js-player\u00a0is on <a href=\"https:\/\/github.com\/weegreenblobbie\/p5js-player\">github<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Okay, so I got really excited about p5js, checkout their examples page. \u00a0But I struggled a little bit to include a sketch on my wordpress blog, the canvas was showing up at the bottom of the website as I discussed &hellip; <a href=\"https:\/\/weegreenblobbie.com\/?p=240\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,7],"tags":[],"class_list":["post-240","post","type-post","status-publish","format-standard","hentry","category-computing","category-programming"],"_links":{"self":[{"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/posts\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=240"}],"version-history":[{"count":7,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/posts\/240\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=\/wp\/v2\/posts\/240\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weegreenblobbie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}