Looking Glass Documentation
Buy Looking GlassDiscord
  • Looking Glass User Guide
  • NEW! โœจLooking Glass Goโœจ
  • Displays
    • ๐Ÿ”ฎLooking Glass Go
      • โšกGet Started with Looking Glass Go
      • ๐Ÿ“ฑUsing the Go Mobile App
      • ๐Ÿ”†Liteformsโ„ข
      • ๐Ÿ–ฅ๏ธStandalone and Desktop Modes
      • ๐Ÿ”ŒPower and LED States
      • ๐Ÿช„Default Playlist
      • โญ๏ธWhat's Next?
      • ๐Ÿ‘œAccessories
      • โš™๏ธAdvanced Playlist Creation
      • โš™๏ธManual Firmware Update
      • โ“Common Troubleshooting Issues
    • ๐Ÿ”ฎLooking Glass 16" Light Field Displays
      • ๐Ÿช„Looking Glass 16" Light Field Display (Landscape)
      • ๐Ÿช„Looking Glass 16" Light Field Display (Portrait)
      • โ“Common Troubleshooting Issues
    • ๐Ÿ”ฎLooking Glass 32" Light Field Displays
      • ๐Ÿช„Looking Glass 32" Light Field Display (Landscape)
      • ๐Ÿช„Looking Glass 32" Light Field Display (Portrait)
      • โ“Common Troubleshooting Issues
    • ๐Ÿ”ฎLooking Glass 65" Light Field Display
    • ๐Ÿ”ฎLooking Glass Portrait
      • โšกGet Started with Looking Glass Portrait
      • ๐ŸŽ‡Demo Holograms
      • โ“Common Troubleshooting Issues
  • Software Tools
    • ๐Ÿ“šOverview
    • ๐ŸŒ‰Looking Glass Bridge
      • โœจUsing Looking Glass Bridge
      • ๐ŸชŸDisplay Settings on Windows
      • ๐ŸŽDisplay Settings on macOS
      • ๐ŸงDisplay Settings on Linux
      • ๐Ÿ‘ทTroubleshooting
    • ๐Ÿ“ฝ๏ธLooking Glass Studio
      • ๐Ÿ“šUsing Looking Glass Studio
      • RGB-D Photo / Video
      • Quilt Images / Video
      • iPhone Portrait Photos
      • Android Depth Photos
        • Samsung Portrait Mode
      • Light Field Photosets
      • Exporting Holograms
      • Troubleshooting
    • ๐ŸงŠLooking Glass Blocks
      • โœจConvert any image into a hologram
      • โฌ†๏ธUploading, editing and sharing Quilts
      • ๐ŸฅฝViewing your holograms on different platforms
    • ๐ŸŽฌHologram Video
    • ๐Ÿ”†Liteformsโ„ข
      • ๐ŸชŸGet Started on Windows
      • ๐ŸŽGet Started on MacOS
      • ๐Ÿง™Making Custom Liteforms
      • ๐ŸชConfigure Liteforms for Kiosk Setup
    • ๐Ÿ‘€Looking Glass Model Viewer
    • ๐ŸงชExperiments
      • ๐Ÿ“ฝ๏ธMedia Encoder
      • โฉLooking Glass Media Encoder
  • Key Concepts
    • ๐Ÿ”‘Hologram 101
      • ๐ŸŽ‰Making great holograms
      • ๐ŸŒŽHolograms in the real world
      • ๐Ÿ‘พHolograms, but virtual
    • ๐Ÿ”How does Looking Glass Work?
    • ๐Ÿ“ธVirtual Camera
    • ๐ŸงŠ3D Design Guidelines
      • Lighting
      • Post-Processing
      • Scene Composition
      • Materials & Textures
      • Performance
    • ๐Ÿ’กQuilts
      • ๐ŸŽฌQuilt Video Encoding
    • ๐Ÿ’กLight Fields
      • โšกLinear Light Field Capture
    • ๐Ÿ“ฝ๏ธFilming a Looking Glass
  • Creator Tools
    • ๐ŸŽจOverview
    • ๐Ÿ”ŒUnity
      • โšกUsing Unity with Looking Glass
      • Setting up your Development Environment
      • Example Scenes
      • Prefabs
        • Hologram Camera
        • 3D Cursor
        • Dual Monitor Application
      • Script Reference
        • HologramCamera.cs
        • LKGDisplaySystem.cs
        • QuiltCapture.cs
        • Cursor3D.cs
        • OrbitControls.cs
        • BlockUploader.cs
        • MobileDMAController.cs
        • iOS Sample Scene Scripts
          • ChangeInteractionModality.cs
          • XYSlider.cs
          • XYSpotlight.cs
          • AudioRotateControl.cs
          • ModelController.cs
          • DemoIOSUIController.cs
          • PageHandler.cs
          • PageConnectHandler.cs
          • PageCalibrateHandler.cs
          • PageTestHandler.cs
          • DynamicAlcove.cs
      • Package Integrations
        • Built-in Render Pipeline Post-Processing
      • Developing for iOS
      • Depth of Field and Other Post-Processing Effects
      • Quilt Video Audio and Playback
      • Developing for Ultraleap Hand Tracking on Looking Glass
      • Looking Glass Pro (Legacy)
      • Additional Support
      • Change Log
    • ๐ŸนBlender
    • ๐Ÿ”ŒUnreal Engine
      • ๐Ÿ—’๏ธChange Log and Old Versions
      • ๐Ÿ’ฝInstalling the Unreal Engine plugin
      • ๐ŸŽฅUsing the Unreal Engine Plugin
        • Using the HoloPlay Capture
        • Exporting Quilt Images and Video with Sequencer
      • Accessing HoloPlay Data with Blueprint Scripting
      • Packaging the Project
      • Unreal Engine 4 (Legacy Support)
        • Unreal Engine 4 Quick Start
          • Using the HoloPlay Capture
          • Exporting Quilt Images and Video with Sequencer
    • ๐ŸŒWebXR
      • ๐Ÿ”ถPlayCanvas
      • 3๏ธโƒฃ3๏ธโƒฃ Three.JS
      • โš›๏ธReact-Three-Fiber
      • ๐ŸŒˆSpline
  • Tutorials
    • ๐Ÿ“ฑRunning Looking Glass Displays with iOS Devices
    • โ“‚๏ธCapturing Light Fields in Maya
    • ๐Ÿง‘โ€๐Ÿ”ฌUsing ShaderToy with Looking Glass
    • ๐ŸŽจSculpting with Adobe Medium and Looking Glass
    • ๐Ÿ”Turn Videogames Holographic with Refract
    • ๐Ÿ–๏ธBuilding with Leap Motion
  • Developer Docs
    • โš™๏ธLooking Glass Bridge SDK
      • ๐Ÿช›Web Application Integration
      • ๐Ÿ”ŒIntegrating Native Applications
      • ๐Ÿ““Native Function Reference
    • ๐ŸฆLooking Glass Core Migration Guide
  • Third Party Software
    • ๐Ÿ—ก๏ธ3D Slicer
    • ๐Ÿ”ฌVTK (Visualization Toolkit)
    • ๐Ÿ—บ๏ธParaView
    • ๐Ÿ”ฉCommunity Made Tools & Projects
  • Legacy Software
    • ๐Ÿ“ก3D Model Importer
      • 3D Model Importer App Guide
      • 3D Model Importer App Reference
    • ๐ŸŽญDiorama
      • Change Log
    • ๐ŸŽž๏ธDepth Recorder
    • ๐Ÿ“ธLightfield Photo App
    • ๐ŸLooking Glass Core Overview
    • ๐Ÿฝ๏ธLooking Glass Core SDK
      • C API Overview
        • HoloPlayCore.h
          • State Functions
          • General-Query-Functions
          • Device-Query-Functions
        • libHoloPlayCore.h
        • HoloPlayShaders.h
    • ๐Ÿ”ฐLooking Glass Core JS
      • API
        • HoloPlayCore.Client
        • HoloPlayCore.Message
        • HoloPlay Service Related
        • examples
  • Legacy Hardware
    • ๐Ÿ”ปLooking Glass 8.9"
    • ๐Ÿ”ปLooking Glass 15.6"
    • ๐Ÿ”ปLooking Glass 8K
    • ๐Ÿ”ปLooking Glass 16"
    • ๐Ÿ”ปLooking Glass 32"
    • ๐Ÿ”ปLooking Glass Pro
  • ๐Ÿ’ฌContact Us
  • ๐Ÿ› ๏ธFAQ & Troubleshooting
Powered by GitBook

Follow us

  • Twitter
  • Instagram
  • LinkedIn
On this page
  • Getting Started
  • Taking Mobile Depth Photos
  • Editing Holograms
  • Choose Background
  • In-Portrait Interaction
  • Saving your work
  • Preparing to Present
  • Viewing on Looking Glass Studio

Was this helpful?

  1. Legacy Software

Diorama

Previous3D Model Importer App ReferenceNextChange Log

Last updated 9 months ago

Was this helpful?

(last updated December 2022, v1.1.0)

Please note that this is legacy software and is not being actively maintained.

This app requires HoloPlay Service and is incompatible with Looking Glass Bridge. Download HoloPlay Service for Windows and for Mac .

Diorama converts iPhone Portrait mode photos and RGBD photos into dynamic 3D animations and scenes to display on your Looking Glass Portrait.

Getting Started

Download Diorama for Windows and for Mac (Intel chips only) . You can also checkout our getting started guide on .

Taking Mobile Depth Photos

For iPhone

You'll need to take "Portrait" mode photos with your iPhone. . Currently, we only support photos stored as .jpg images - you can see instructions on how to set your phone to transfer images in this way under the "Capturing this media" section of . The steps are:

  1. Go to Settings > Camera.

  2. Tap Formats.

  3. Tap Most Compatible. This setting is available only on devices that can capture media in HEIF or HEVC format, and only when using iOS 11 or later.

Google Drive can also convert photos from HEIC into JPEG upon upload, but this isn't 100% standard across all devices/photos.

Transferring

Send the photo to your computer. When transferring to your computer, you can use:

  • iCloud

  • the Native iPhone mail app (Make sure to send "Actual Size")

  • Google Photos (if syncing full quality photos)

  • Android Gmail

Do NOT use the iPhone Gmail App as it will delete depth data in the transfer.

Editing Holograms

Now open Diorama.

Panels in the 2D interface

Choose Pictures

From this panel you can select from the photos you've already loaded into Diorama to add to your scene, or you can select "Load Depth Photo on the bottom left corner to load a new image from your hard drive. You can either drag and drop your photo onto the selection area or click the button to open your file browser and navigate to where your photo is stored on your hard drive.

You can delete loaded photos by pressing the "X" button at the top right corner of the thumbnail.

  • Depthiness determines how far the depth data is extruded, stretching or squishing the photo on the Z-axis.

  • Focus adjusts the positioning of the photo along the Z-axis which can help you select what part of the image looks the most crisp.

  • Cutoff adjusts how much of the background is shown.

In this panel, you can select a gif to serve as the background for your scene. You can use the search bar to look for specific imagery to apply. Use the "Next Page" button on the bottom right to scroll through more search results, and the "Previous Page" button on the bottom left to go back.

Choose Background

The stickers panel allows you to search for and add gifs to your scene. Simply select an image in the results area to add it to your scene. Use the "Next Page" button on the bottom right to scroll through more search results, and the "Previous Page" button on the bottom left to go back.

Additionally, you can have a selection of your own images to add to your scene, though this feature is currently experimental and recommended for advanced users only. To add your own image, you must have the image in the .webp format, and you must add it to both Data\Diorama_Data\StreamingAssets\Propsand Data\Diorama UI_Data\StreamingAssets\Propsfor it to be possible to add the image to your scene.

The final panel is the Effects panel. From here, you can adjust the lighting and staging of your scene. There are three sections: "Lighting", "Background Type", and "Filter".

The settings under "Lighting" allow you to adjust the way your scene is lit. This is an ambient lighting that operates in addition to the movable and toggle-able point lights.

"Background Type" allows you to alter the holographic stage, having a flat background, a background plus a floor, or having no background at all.

The toggles in the "Filter" tab change the image filters applied to the scene, allowing you to adjust the tone of your composition.

In-Portrait Interaction

Use your mouse to click on any 3D asset (lights, Portrait mode photos, stickers, word art) on the Portrait. An asset will light up when it will be selected by a mouse click. All assets can be spatially manipulated in the following ways:

  • Click and Drag to move left, right, up down

  • Click to activate, then click and drag on the "Depth" slider on the top right to move forward / back in the screen

  • Click to activate, then click and drag the "Scale" slider to make bigger or smaller (not applicable to lights)

In addition to this:

  • Lights can be toggled On / Off by clicking on the toggle icon on the top left of a selected light

  • Stickers and Word Art can be deleted by selecting them and then clicking the trash can icon on the bottom left side of the scene

Saving your work

After you're done composing your work, press "Save Scene" at the top of your window and select a place to save it. You can load these scenes by pressing "Load", and create a new scene by pressing "New".

Preparing to Present

If you'd like to momentarily remove the interface elements (for filming for example), press the "Hide 3D UI" button - it's on the right side of the 2D UI and looks similar to a fullscreen button.

To record a quilt video so that you can import it into Looking Glass Studio, click the "Record Video" button, and import into Looking Glass Studio as a quilt video. This process can take several minutes and, by default, exports a 10 second video. You can change this setting in the settings tab.

On the top right of the UI, you'll see a gear icon that contains some additional settings options.

  • "Remove steep photo edges" will use an algorithm to discard color data between large gaps in depth. This often (but not always) leads to a better visual result.

  • "Lower graphics quality" enables an algorithm to reduce the computational cost of creating the holographic image at the cost of a minor drop in visual quality.

  • "Length of recording" adjusts the number of seconds the exported video will be - the default is 10 seconds.

Viewing on Looking Glass Studio

Once you've exported your scene, open Looking Glass Studio and import as a "Quilt Photo / Video" and you should be able to sync to your device. Note that the end of the file name of your recorded clip provides important quilt setting ("qs") and aspect ratio ("a") information for Looking Glass Studio - altering this text may cause issues when importing your clip.

With your clip added to your playlist, you'll be able to view, edit, and sync your capture for playback in Standalone mode!

Once you select a photo, it will appear in the center of the 3D scene in your Looking Glass. You can then adjust it within the Looking Glass Portrait (see for more instructions) or you can use the sliders on the right-hand side of the Choose Pictures screen. They perform the following functions:

Note: backgrounds have multiple arrangements and must be enabled for them to show up in the scene. See for more details.

Once the image is added to your scene, you can adjust it in the Looking Glass Portrait, adjusting it's size, placement, and depth. See for more details.

The Wordart panel allows you to add animated text to your scene. Simply type your search term into the search bar and select the desired text - it will be added to your holographic scene and can be manipulated . Use the "Next Page" button on the bottom right to scroll through more search results, and the "Previous Page" button on the bottom left to go back. In Diorama 1.1 We added the ability to add custom text in addition to the options from Giphy!

๐ŸŽญ
here
here
here
here
Looking Glass Learn
More information on how to take these photos here
this page
"In-Portrait Interaction"
"Effects"
In-Portrait Interaction
as other 3D assets can be