Tag: panorama

Rhino to 360 VR Tour in One Click

Modelo is the easiest way for Rhino users to create and share VR experiences of their models. By using Modelo’s new auto 360 tour feature, you can effortlessly create 360 VR tours in one click, allowing for clients and colleagues to truly understand the design vision throughout the design process.

Step 1. Import your model into Modelo

Drag your Rhino models into Modelo. All the views in your model will automatically transfer to Modelo Comments. If you need more views, just create one more comment in Modelo!

Step 2. Start Rendering

Click “Rendering 360” icon on the left of the Modelo toolbar. You jump to the panorama page. Then click the “Start Rendering” on the top right of the page. Modelo will start to render your views into HD panorama images. Later, these images will be connected in the correct order automatically.

Now your 360 VR tour is ready. Isn’t it easy? Try it now! 

How to Embed Panorama Images on Your Website with Modelo

As Modelo continues to grow and develop, we continue to add more features to our newly released panorama function. In this post, we will focus on generating a “Panorama shareable link,” the same concept as the shareable link of a model, as well as embedding a panorama image on your website.

First let’s dive into generating a panorama shareable link. When you feel that your model or panorama image is ready to share, you can easily generate a link, then email or message it to other project collaborators. Learn how to generate panorama shareable links below:

 

Step 1: Go to your project’s assets folder where you uploaded your panorama images. (unsure how to upload a panorama? Check out this post)

Generate a shareable link for panorama images in Modelo

 

Step 2: Hover your mouse on one of the panorama images and you will see a share button

Generate a shareable link for panorama images in Modelo

 

Step 3: Click on that share button, you will then see the shareable link in the pop up window.

Generate a shareable link for panorama images in Modelo

Here is the link of this panorama image. I’ve been asked for a similar embed function for the panorama images. In fact, our team is implementing that into our coming release so stay tuned. As for now, there is an alternative solution. Here is how to do that step-by-step:

Step 1: Go to a model page, open the embed dialog, and then copy the embed code.

Generate a shareable link for panorama images in Modelo

Step 2: Now let’s take a deeper look at this embed code since it consists of several parts. The major concept of iframe is basically putting a mini web browser window within another website. As you can see from the following, the URL after the “iframe src=” is where this link is referring to. Now if we replace this link with the shareable link of our panorama, it will then show the panorama instead of the 3D model. In addition, there are several other parameters you can change, like the width (normally you want to put 100% so that it’s responsive to the device’s dimension), height, model’s name and author.

<div class='modelo-wrapper'>
  <iframe src="https://app.modelo.io/embedded/R5IcJGDNm5?viewport=false&autoplay=false" 
             width="640" 
             height="360" 
             frameborder="0"
             mozallowfullscreen webkitallowfullscreen allowfullscreen ></iframe> 
  <p style="font-size: 13px; font-weight: bold; margin: 10px 10px 10px 0; color: #666666;">
    Revit Sample Project_Webinar 
    <span style="font-weight: normal;">
      By
    </span> 
    Phoebe Zhang
    <a href="http://www.modelo.io?utm_source=embed&utm_medium=embedfooter&utm_campaign=model%20embed%20footer"
        target="_blank" 
        style="display: inline-block; 
               margin-left: 6px; 
               padding-left: 8px; 
               border-left: 1px solid #e2e2e2; 
               color: #e8776f; cursor: pointer; 
               text-decoration: none;">
      Modelo »
    </a> 
  </p> 
</div>

 

Step 3: Replace the embed URL to the panorama shareable link and adjust the other parameters. Below is the final look (try clicking and dragging your mouse on the below window), and most importantly have fun!

Rotate panorama and click on orange hotspots for a guided tour Modelo »