{"id":1652,"date":"2019-07-21T00:11:50","date_gmt":"2019-07-21T00:11:50","guid":{"rendered":"http:\/\/www.mnemonic.studio\/memo\/?p=1652"},"modified":"2019-07-21T00:13:15","modified_gmt":"2019-07-21T00:13:15","slug":"the-looking-glass","status":"publish","type":"post","link":"http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/","title":{"rendered":"The Looking Glass"},"content":{"rendered":"<h4>Looking Glass Factory&#8217;s latest display combines new and old technologies to achieve glasses-free 3D.<\/h4>\n<p><!--more--><\/p>\n<hr \/>\n<p>Looking Glass Factory is an interesting firm devoted to the future of three-dimensional display technology. I&#8217;ve purchased a few of their devices over the years via Kickstarter; the first, the <a href=\"https:\/\/www.kickstarter.com\/projects\/lookingglass\/l3d-cube-the-3d-led-cube-from-the-future\" rel=\"noopener\" target=\"_blank\">L3D Cube<\/a>, was a volumetric, low-resolution lighting array &#8211; nicely designed, but a bit more of a DJ effect than a functional display. <a href=\"https:\/\/www.engadget.com\/2016\/09\/28\/volume-is-a-1-000-holographic-display-for-your-home\/\" rel=\"noopener\" target=\"_blank\">Volume<\/a>, a few years later, projected images onto a stack of clear surfaces, presenting true glasses-free 3D at the expense of both resolution and image quality. By the time I unboxed Volume, the firm had moved on to yet another product, the <a href=\"https:\/\/www.theverge.com\/circuitbreaker\/2017\/11\/21\/16681580\/holoplayer-one-looking-glass-holograms\" rel=\"noopener\" target=\"_blank\">HoloPlayer One<\/a>.<\/p>\n<p>The firm&#8217;s latest offering, eponymously titled the <a href=\"https:\/\/lookingglassfactory.com\/\" rel=\"noopener\" target=\"_blank\">Looking Glass<\/a>, takes a different approach, and initial reviews indicated that it was a big step forward from previous models, at a surprisingly reasonable price. Here are my first impressions:<\/p>\n<hr \/>\n<h4>Unboxing<\/h4>\n<p>The device comes in a small carrying case, packaged simply with USB and HDMI cables. I opted for the smaller, 8.9&#8243; model, which looks roughly like an iPad with a solid block of prismatic material fixed to the front of its screen, making it a hefty 4.8 pounds (the larger, 15.6&#8243; version comes in at nearly 20 lbs). The device sits at a slight angle on its metallic frame, which incorporates four navigation buttons, making the device suitable for simple standalone applications. I chose an option that bundled in a <a href=\"https:\/\/www.leapmotion.com\/\" rel=\"noopener\" target=\"_blank\">Leap Motion<\/a> controller, as the display itself doesn&#8217;t incorporate touch functionality.<\/p>\n<p><a href=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro.jpg\" class=\"fancybox\" rel=\"fb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-320x240.jpg\" alt=\"Looking Glass\" width=\"320\" height=\"240\" class=\"alignleft size-thumbnail wp-image-1672\" srcset=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-320x240.jpg 320w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-640x480.jpg 640w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-768x576.jpg 768w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-1024x768.jpg 1024w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-470x353.jpg 470w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-1295x971.jpg 1295w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro-285x214.jpg 285w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/intro.jpg 1600w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><\/p>\n<p>The device is powered via USB; once connected to my laptop, the display immediately sprang to life, mirroring my desktop wallpaper. There are no drivers to download &#8211; the computer sees the device as a standard display.<\/p>\n<p>I downloaded a quick test application from the device website, which displayed some basic 3D shapes on the Looking Glass. The effect was impressive &#8211; I was able to peer at the display from different angles and view the objects from different perspectives &#8211; but I wanted to see how well it worked with animation and interactivity.<\/p>\n<hr \/>\n<h4>Applications<\/h4>\n<p>To start, I downloaded an app library from Looking Glass that offers easy installation of roughly 60 free demo programs. At this point, my laptop began overheating and became less responsive, so I switched to a more robust desktop. The specs for the display suggest a powerful dedicated GPU &#8211; and Macs are not recommended.<\/p>\n<p>A handful of the apps were animations with light interactivity &#8211; these seem well suited to the device&#8217;s &#8216;digital photo frame&#8217; form factor. There were at least three different virtual aquarium apps; others were demos of 3D shaders and particle effects, while a few featured high quality linear animations. Of these, Sylvia Apostol&#8217;s <a href=\"https:\/\/www.sylviaapostol.com\/bubblegum-rabbit\" rel=\"noopener\" target=\"_blank\">Bubblegum Rabbit<\/a>, with its pre-rendered, soft-lit character animations, was the most impressive. <\/p>\n<p><a href=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron.jpg\" class=\"fancybox\" rel=\"fb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-320x240.jpg\" alt=\"Voxatron\" width=\"320\" height=\"240\" class=\"alignright size-thumbnail wp-image-1674\" srcset=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-320x240.jpg 320w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-640x480.jpg 640w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-768x576.jpg 768w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-1024x768.jpg 1024w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-470x353.jpg 470w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-1295x971.jpg 1295w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron-285x214.jpg 285w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/voxatron.jpg 1600w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a>There were quite a few games; my favorites were those that truly took advantage of the display&#8217;s dimensionality in their gameplay. <em>Avoider<\/em> is simple and dumb: move a character around the screen to avoid mines and oil barrels falling from the sky. Presented in a top-down view, this felt really connected to the depth of the display, and immersed me to the point where the objects seemed to fill my field of vision. <\/p>\n<p>My favorite of the games was <a href=\"https:\/\/www.lexaloffle.com\/voxatron.php\" rel=\"noopener\" target=\"_blank\">Voxatron<\/a>, a simulated voxel gaming system (complete with virtual game cartridges). Its minigames were simple variants on <em>Robotron<\/em>, presented in an cute low-fi style, with color and imagination. <em>Voxatron <\/em>was developed for 2D displays, but its fixed-perspective levels worked nicely within the Looking Glass&#8217; physical constraints.<\/p>\n<p>The library includes a few potentially useful utilities; a photo app allows the import and display of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Light-field_camera\" rel=\"noopener\" target=\"_blank\">light-field photography<\/a>, while a digital model importer allows for quick viewing of 3D assets. <\/p>\n<hr \/>\n<div class=\"videoWrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/349246694\" width=\"1280\" height=\"720\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\n<\/div>\n<p><\/p>\n<h4>Digging in<\/h4>\n<p>I wanted to put the device through its paces a bit more, so I downloaded the Unity SDK (tools are also provided for Unreal Engine and Javascript developers). The SDK includes a prefab object that automatically sets up the camera and pixel-mapping output required by Looking Glass; it can run in real-time, making development fairly effortless.<\/p>\n<p>I built two quick test applications that I hoped would show off the strengths of the display. First, a simple variation on the classic <a href=\"https:\/\/en.wikipedia.org\/wiki\/Breakout_(video_game)\" rel=\"noopener\" target=\"_blank\">Breakout<\/a> arcade game; a wall of bricks appears at the back of the display, with a ball bouncing within the Looking Glass&#8217;s viewable area. At the front of the display, the user maneuvers a paddle in two dimensions, trying to knock the ball back toward the wall and eliminate bricks.<\/p>\n<p><a href=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout.jpg\" class=\"fancybox\" rel=\"fb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-320x240.jpg\" alt=\"Breakout\" width=\"320\" height=\"240\" class=\"alignleft size-thumbnail wp-image-1670\" srcset=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-320x240.jpg 320w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-640x480.jpg 640w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-768x576.jpg 768w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-1024x768.jpg 1024w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-470x353.jpg 470w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-1295x971.jpg 1295w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout-285x214.jpg 285w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/breakout.jpg 1600w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a>The game looked much better than anticipated; the simple brick wall, without having any detail or texture, benefited greatly from the dimensionality. The paddle appeared blurry, though; shifting the whole game deeper within the viewable area sharpened the paddle but made the wall a bit soft, as the device has a sweet spot for 3D focus (more on this below).<\/p>\n<p>Second, I built a simple Rubik&#8217;s Cube simulator (<a href=\"http:\/\/mnemonic.studio\/project\/multimedia-prototypes\" rel=\"noopener\" target=\"_blank\">not my first!<\/a>). Initially, the puzzle was a little too big for the display, leaving little negative space, but reducing it in size gave it a surprisingly tangible form. As with many 3D display formats, the Looking Glass works best with this type of isolated &#8216;floating&#8217; object, whereas larger content tends to break the 3D illusion when it reaches the edges of the frame.<\/p>\n<hr \/>\n<h4>Nuts and Bolts<\/h4>\n<p>Of course, I was curious as to how exactly the device worked; fortunately, Looking Glass Factory is fairly transparent about this on their <a href=\"https:\/\/docs.lookingglassfactory.com\/Appendix\/how-it-works\/\" rel=\"noopener\" target=\"_blank\">website<\/a>. First, the device renders 45 distinct images of a scene from viewpoints across a 45-degree horizontal field of vision &#8211; the view doesn&#8217;t vary when looked at from higher or lower angles. The 45 views are then remapped pixel-by-pixel to match up with the device&#8217;s slanted <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenticular_printing\" rel=\"noopener\" target=\"_blank\">lenticular<\/a> overlay. <\/p>\n<figure id=\"attachment_1656\" aria-describedby=\"caption-attachment-1656\" style=\"width: 320px\" class=\"wp-caption alignright\"><a href=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works.jpg\" class=\"fancybox\" rel=\"fb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-320x165.jpg\" alt=\"How it Works\" width=\"320\" height=\"165\" class=\"size-thumbnail wp-image-1656\" srcset=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-320x165.jpg 320w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-640x329.jpg 640w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-768x395.jpg 768w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-1024x526.jpg 1024w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-470x242.jpg 470w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-1295x666.jpg 1295w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works-285x147.jpg 285w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/looking-glass-how-it-works.jpg 1920w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><figcaption id=\"caption-attachment-1656\" class=\"wp-caption-text\">Image: Looking Glass Factory<\/figcaption><\/figure>\n<p>From each angle of view, the overlay reveals a blend of about 5 distinct images; while this makes the 3D seem incredibly smooth, it does result in visible blurriness when objects are too close or too far from the viewer. Note also that the device&#8217;s 2560 x 1600 resolution is divided into 45 distinct images; the actual resolution is only about 284 x 320 per view, but the frame blending makes this seem much higher.<\/p>\n<p>The clear, prismatic lens aids in the illusion, defining the virtual 3D space and masking some of the awkward cropping &#8211; and with its sleek mirrored surfaces, it looks great. Good enough, in fact, that my biggest frustration was trying to see content from angles outside the 45-degree viewing area, at which point the dimensional effect was lost.<\/p>\n<hr \/>\n<p><a href=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2.jpg\" class=\"fancybox\" rel=\"fb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-320x240.jpg\" alt=\"Rubik&#039;s Cube\" width=\"320\" height=\"240\" class=\"alignleft size-thumbnail wp-image-1682\" srcset=\"http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-320x240.jpg 320w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-640x480.jpg 640w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-768x576.jpg 768w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-1024x768.jpg 1024w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-470x353.jpg 470w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-1295x971.jpg 1295w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2-285x214.jpg 285w, http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/rubiks_2.jpg 1600w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a>I owned an early lenticular LCD display about 15 years ago; people told me it gave them a headache. I had thought of this technology as a speedbump on the way to glasses-based 3D, so I&#8217;m pleased that Looking Glass Factory has found an effective way to rejuvenate it.<\/p>\n<p>So many of my Kickstarter investments in new technology end up in the back of a storage cabinet, but I find the Looking Glass intriguing. I can see it being useful in exhibitions, given the right context and content &#8211; for example, displaying small scanned or virtual artifacts. Given the lack of an on\/off switch and dedicated power connection, I&#8217;m not sure if the device has the robustness it would need for a public installation, but I&#8217;d be willing to give it a try, as it&#8217;s the rare &#8216;new&#8217; technology device that felt magical and effortless from the moment I unboxed it.<\/p>\n<div class=\"tkss-post-share icons \"><div class=\"single-soc-share-link\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/\" title=\"Share on Facebook\" target=\"_blank\"><span>Facebook<\/span><i class=\"icon-facebook\"><\/i><\/a><\/div><div class=\"single-soc-share-link\"><a href=\"https:\/\/twitter.com\/home?status=Check%20out%20this%20article:%20The Looking Glass%20-%20http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/\" title=\"Share on Twitter\" target=\"_blank\"><span>Twitter<\/span><i class=\"icon-twitter\"><\/i><\/a><\/div><div class=\"single-soc-share-link\"><a href=\"https:\/\/plus.google.com\/share?url=http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/\" title=\"Share on Google\" target=\"_blank\"><span>Google<\/span><i class=\"icon-google\"><\/i><\/a><\/div><div class=\"single-soc-share-link\"><a href=\"mailto:?Subject=The Looking Glass&Body=I%20saw%20this%20and%20thought%20of%20you!%20http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/\" title=\"Share on Mail\" target=\"_blank\"><span>Mail<\/span><i class=\"icon-mail\"><\/i><\/a><\/div><div class=\"single-soc-share-link\"><a href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&url=http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/\" title=\"Share on Linkedin\" target=\"_blank\"><span>Linkedin<\/span><i class=\"icon-linkedin\"><\/i><\/a><\/div><div class=\"single-soc-share-link\"><a href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=http:\/\/www.mnemonic.studio\/memo\/the-looking-glass\/&media=http:\/\/www.mnemonic.studio\/memo\/wp-content\/uploads\/2019\/07\/header_2.jpg&description=The Looking Glass\" title=\"Share on Pinterest\" target=\"_blank\"><span>Pinterest<\/span><i class=\"icon-pinterest\"><\/i><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Looking Glass Factory&#8217;s latest display combines new and old technologies to achieve glasses-free 3D. FacebookTwitterGoogleMailLinkedinPinterest<\/p>\n","protected":false},"author":1,"featured_media":1686,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[22,19,81,51,15],"class_list":["post-1652","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lab-rat","tag-3d","tag-creative-coding","tag-holograph","tag-technology","tag-unity"],"_links":{"self":[{"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/posts\/1652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/comments?post=1652"}],"version-history":[{"count":10,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/posts\/1652\/revisions"}],"predecessor-version":[{"id":1710,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/posts\/1652\/revisions\/1710"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/media\/1686"}],"wp:attachment":[{"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/media?parent=1652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/categories?post=1652"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mnemonic.studio\/memo\/wp-json\/wp\/v2\/tags?post=1652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}