{"id":2142,"date":"2012-11-17T22:19:03","date_gmt":"2012-11-17T13:19:03","guid":{"rendered":"https:\/\/regex.info\/blog\/2012-11-17\/2142"},"modified":"2012-11-21T22:47:16","modified_gmt":"2012-11-21T13:47:16","slug":"a-wigglegram-from-the-garden-at-kyotos-shouzan-resort","status":"publish","type":"post","link":"https:\/\/regex.info\/blog\/2012-11-17\/2142","title":{"rendered":"A &#8220;Wigglegram&#8221; From The Garden at Kyoto&#8217;s Shouzan Resort"},"content":{"rendered":"\n\n\n<div class='ic'><div id='d1353156580A' style='margin:0 auto;position:relative;width:690px;height:459px' onmousemove='f1353156580A(this, event)' ontouchmove='f1353156580A(this, event)'><a name=\"011792\" href='\/i\/JF4_011792.jpg'>\n <img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011792_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_0\"\nstyle=\"visibility:visible\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011793_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_1\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011794_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_2\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011795_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_3\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011796_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_4\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011797_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_5\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011798_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_6\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF4_011799_sm.jpg\" width=\"690\" height=\"459\"\nid=\"p1353156580A_7\"\nnoindex=\"1\"\nstyle=\"visibility:hidden; position:absolute; top:0; left:0\"\/>\n<\/a><\/div>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D4 + Nikkor 24mm f\/1.4 &mdash; <sup>1<\/sup><big>\/<\/big>80 sec, <span class='f'>f<\/span>\/1.4, ISO 180 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF4_011792.jpg'>map &amp; image data<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF4_011792.jpg'>nearby photos<\/a><\/span>\n<br\/><span style='line-height:140%;color:#F88;font-size:small'><b>Animatable Wigglegram<\/b> &mdash; sweep the mouse from side to side to view 3D effect\n<br\/>\u5199\u771f\u306e\u4e0a\u3092\u30de\u30a6\u30b9\u3067\u3042\u3061\u3053\u3061\u306b\u52d5\u304b\u3059\u3068\u300c\uff13D\u300d\u306a\u611f\u3058\u304c\u51fa\u307e\u3059\u3002\n<\/span>\n<br\/><span class='caption'>Photo Op at the Shouzan Resort (\u3057\u3087\u3046\u3056\u3093)<\/span>\n<br\/>Kyoto Japan\n<\/div>\n\n<script type='text\/javascript'>\nvar note = document.getElementById('note');\/\/DEBUG\n\/\/ image objects\nvar a1353156580A = [\n\tdocument.getElementById('p1353156580A_0'),\n\tdocument.getElementById('p1353156580A_1'),\n\tdocument.getElementById('p1353156580A_2'),\n\tdocument.getElementById('p1353156580A_3'),\n\tdocument.getElementById('p1353156580A_4'),\n\tdocument.getElementById('p1353156580A_5'),\n\tdocument.getElementById('p1353156580A_6'),\n\tdocument.getElementById('p1353156580A_7')\n];\nvar i1353156580A = 0; \/\/ active index\nvar x1353156580A = 0;\n\nfunction f1353156580A(obj, ev)\n{\n    if (ev.touches && ev.touches.length > 1) return true;\n    var event_x = ev.clientX||ev.pageX;\n    var x = Math.floor(event_x\/20);\n    if (x != x1353156580A)\n    {\n        var which = x > x1353156580A ? i1353156580A + 1 : i1353156580A - 1;\n        if (which >= 8)\n            which = 7;\n        else if (which < 0)\n            which = 0;\n        \/\/note.innerHTML = x + \": \" + which; \/\/ DEBUG\n        if (which != i1353156580A) {\n            a1353156580A[which].style.visibility = 'visible';\n            a1353156580A[i1353156580A].style.visibility = 'hidden';\n            i1353156580A = which;\n        }\n        x1353156580A = x;\n    }\n    if (ev.preventDefault) ev.preventDefault();\n}\n<\/script>\n\n<p>So, this is the next evolution of my attempt at what Wikipedia calls\n&#8220;<a href='http:\/\/en.wikipedia.org\/wiki\/Wiggle_stereoscopy'>wiggle\nstereoscopy<\/a>&#8221;, but <span class='nobr'>I hereby<\/span> dub &#8220;<b>Wigglegram<\/b>&#8221;.<\/p>\n\n<p>(Update: I now have a <a href='\/blog\/category\/pretty-photos\/wigglegrams'>wigglegram category<\/a> on my blog to collect related posts.)<\/p>\n\n<p><a href='\/blog\/2012-11-15\/2139'>My first rough\nattempt<\/a> was posted the other day as <span class='nobr'>a two<\/span>-frame animate GIF. This time\nI've brought the animation control to the user: just sweep your mouse from\nside to side over the image to animate, as slowly or quickly as you\nlike. <span class='nobr'>I did something<\/span> like this years ago for my\n&#8220;<a href='\/blog\/2008-03-14\/763' class='pt'>Cherry Blossom Timelapse: Fleeting Floral Fireworks<\/a>&#8221; post.<\/p>\n\n<p>The scene is from the garden at the Shouzen Resort (\u3057\u3087\u3046\u3056\u3093),\nwhich <a href='\/blog\/2012-11-17\/2141'><span class='nobr'>I visited<\/span> yesterday<\/a>.<\/p>\n\n<p>I still have much work to do to make these nice. Photoshop's &#8220;Auto\nAdjust Layers&#8221; wasn't helpful because <span class='nobr'>I can<\/span>'t keep the camera level and it doesn't handle rotation (or, <span class='nobr'>I should<\/span> say, it doesn't handle rotation without also subjecting the photos\nto scale adjustments, which are not appropriate here). But it's still <span class='nobr'>a neat<\/span> effect, and much\nless annoying when you can control the animation directluy.<\/p>\n\n<p>I think it's a step in the right direction. What do you think?<\/p>\n\n<p><i><a href='\/blog\/2012-11-19\/2143'>Continued here...<\/a><\/i><\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>So, this is the next evolution of my attempt at what Wikipedia calls \"wiggle stereoscopy\", but I hereby dub \"<b>Wigglegram<\/b>\".<\/p> <p>(Update: I now have a wigglegram category on my blog to collect related posts.)<\/p> <p>My first rough attempt was posted the other day as a two-frame animate GIF. This time I've brought the animation control to the user: just sweep your mouse from side to side over the image to animate, as slowly or quickly as you like. I did something like this years ago for my \"Cherry Blossom Timelapse: Fleeting Floral Fireworks\" post.<\/p> <p>The scene is from the garden [...]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,1,2,4,10,27],"tags":[],"_links":{"self":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/posts\/2142"}],"collection":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/comments?post=2142"}],"version-history":[{"count":0,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/posts\/2142\/revisions"}],"wp:attachment":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/media?parent=2142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/categories?post=2142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/tags?post=2142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}