{"id":4576,"date":"2016-10-25T07:42:26","date_gmt":"2016-10-25T14:42:26","guid":{"rendered":"http:\/\/jnack.com\/blog\/?p=4576"},"modified":"2016-10-24T21:43:40","modified_gmt":"2016-10-25T04:43:40","slug":"googles-trippy-vr-360o-sprayscape-lets-you-paint-to-create-vr-spheres","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2016\/10\/25\/googles-trippy-vr-360o-sprayscape-lets-you-paint-to-create-vr-spheres\/","title":{"rendered":"Google&#8217;s trippy VR 360\u00ba Sprayscape lets you paint to create VR spheres"},"content":{"rendered":"<p>Wow:<\/p>\n<blockquote>\n<p>We love VR. We love taking pictures. So we figured, why not try smashing the two together?<\/p>\n<p><a href=\"https:\/\/www.androidexperiments.com\/experiment\/sprayscape\">Sprayscape<\/a> is a quick hack using the phone\u2019s gyroscope to take pictures on the inside of a 360-degree sphere. Just point your phone and tap the screen to spray faces, places, or anything else onto your canvas. Like what you\u2019ve captured? Share your creations via a link and your friends can jump into your scapes and have a look around using their phones or even Google Cardboard.<\/p>\n<\/blockquote>\n<p><a href=\"https:\/\/youtu.be\/6o3_m4-YH9U%5B\">https:\/\/youtu.be\/6o3_m4-YH9U[<\/a><iframe loading=\"lazy\" src=\"\/\/giphy.com\/embed\/nbfNIrEHO7AXu\" width=\"600\" height=\"370\" frameborder=\"0\"><\/iframe><\/p>\n<p>\u00a0Nerdy details from the team:<\/p>\n<blockquote>\n<p>\u00a0Sprayscape is built in Unity with native Android support. Sprayscape maps the camera feed on a 360 degree sphere, using the Cardboard SDK to handle gyroscope data and the NatCam Unity plugin for precise camera control.<\/p>\n<p>The GPU makes it all possible. On user tap or touch, the camera feed is rendered to a texture at a rate of 60 frames per second. That texture is then composited with any existing textures by a fragment shader on the GPU. That same shader also creates the scape you see in app, handling the projection from 2D camera to a 360 sphere.<\/p>\n<p>When a user saves a scape, a flat panorama image is stored in the app data. When a user shares a scape, the three.js web viewer takes that flat image and wraps it to a sphere, making it navigable on mobile web by panning, tilting, and moving your device.<\/p>\n<\/blockquote>\n<p><img decoding=\"async\" loading=\"lazy\" title=\"NewImage.png\" src=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2016\/10\/NewImage-1.png\" alt=\"NewImage\" width=\"599\" height=\"353\" border=\"0\" \/><\/p>\n<p>[<a href=\"https:\/\/youtu.be\/6o3_m4-YH9U\">YouTube<\/a>] [<a href=\"http:\/\/petapixel.com\/2016\/10\/12\/googles-sprayscape-app-lets-paint-360-photo-existence\/\">Via<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wow: We love VR. We love taking pictures. So we figured, why not try smashing the two together? Sprayscape is a quick hack using the phone\u2019s gyroscope to take pictures on the inside of a 360-degree sphere. Just point your phone and tap the screen to spray faces, places, or anything else onto your canvas. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/4576"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=4576"}],"version-history":[{"count":1,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/4576\/revisions"}],"predecessor-version":[{"id":4577,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/4576\/revisions\/4577"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=4576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=4576"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=4576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}