Last week I showed how to make agitated graph paper. The trick was to add time-varying noise to the intersection points of the grid.<\/p>\n
But it wasn’t as much fun as it could be, because it wasn’t interactive. So this week I thought it would be nice to make a responsive agitated grid.<\/p>\n
I made it so if you rub the grid with your mouse, it reacts by moving around. The result turns out to be not so much agitated as ticklish.<\/p>\n
Basically, you get to tickle graph paper. Which I’m guessing not something you’ve ever experienced.<\/p>\n
I implemented it in a very simple, so if you look at the code, you can compare with last week’s widget see what has changed. Fortunately, it only took a few lines of code to make the grid ticklish.<\/p>\n
You can see the widget here<\/a>. As usual, if you scroll down to the bottom and click on the word that you see there to see and edit the source code, if live coding tickles your fancy.<\/p>\n","protected":false},"excerpt":{"rendered":" Last week I showed how to make agitated graph paper. The trick was to add time-varying noise to the intersection points of the grid. But it wasn’t as much fun as it could be, because it wasn’t interactive. So this week I thought it would be nice to make a responsive agitated grid. I made … Continue reading “Widget Wednesdays #33”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/24705"}],"collection":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24705"}],"version-history":[{"count":2,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/24705\/revisions"}],"predecessor-version":[{"id":24707,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/24705\/revisions\/24707"}],"wp:attachment":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24705"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}