360 Archives - Simlab Soft Art https://www.simlab-soft.com/SimlabArt/category/simlab/360/ Simlab Soft Art Website Thu, 15 Aug 2019 10:07:40 +0000 en-US hourly 1 https://wordpress.org/?v=6.0.11 https://www.simlab-soft.com/SimlabArt/wp-content/uploads/2019/01/cropped-favicon-32x32.png 360 Archives - Simlab Soft Art https://www.simlab-soft.com/SimlabArt/category/simlab/360/ 32 32 Real Estate Visualization Project https://www.simlab-soft.com/SimlabArt/real-estate-visualization-project/ Wed, 10 Apr 2019 09:24:30 +0000 http://www.simlab-soft.com/SimlabArt/?p=11320 The post Real Estate Visualization Project appeared first on Simlab Soft Art.

]]>

Real estate and architecture design are one thing that affects our daily lives. A better place and a healthy environment bring more happiness and comfort to the people. Usually, we don’t notice that the place we are living in is very important for our peace of mind, We care more about drastic and impulsive changes in your life and we just get used where we are living. Architects are always challenging themselves to give a modern, smart and healthy environment for us to live in. Constructing a large compound costs a lot of money, efforts and time so it has to be studied well before that.

 

In this project, SimLab Composer was used In order to study the design prior to the construction and mimic a real-life experience. many visualizations techniques were used to give the most realistic feedback and testing for the project.

Try SimLab Composer Now

First thing is Importing the model into SimLab Composer, SimLab Composer supports all needed file formats for whatever the software the project was designed by.

The second step is completing the scene for visualization, SimLab Composer has many optimized libraries of 3d models, materials, IES lights and environment pre-sets that can be easily used for a very fast and proper scene preparation 

We started by applying high-quality materials to different objects so it gives very realistic outputs to reflect real life visions, All that we had to do is drag and drop from the materials library to our objects and surfaces.

we also used the model’s library to import trees, benches street lamps and more objects to fill empty spaces in the scene.

>Learn more about Scene Building

 

Rendering is the first and most straight forward thing to do for showing up the project, Some realistic pictures rendered using SimLab Composer to put the life in the design, Also a short video have been rendered to increase the potential for the whole project.

>Learn More About SimLab Rendering

360 Rendering is a very useful technology for mimicking the feel of standing in specific spots of the design however with SimLab Composer’s 360 Grid Technology a further realistic experience can be acheived, multiple 360 renders were created in a dynamic view where the user can move between the different 360s from one to another.

These 360 grids can be exported as (.html) files which can be uploaded and viewed on websites or as (.vrpackage) files which can be opened with SimLab’s Free VR Viewer.

>Learn More About 360 Grid

The last step is creating VR Scene for the project that takes the viewer into a real-life experience that gives an ultimate feeling for spaces, distances and visibilities.

The scene can easily be optimized using SimLab's free VR Viewer. It provides all needed tools as materials editor, environment and HDR tools, different navigation options, dynamic notes system, VR 3D catalogs and much more.

>Learn More About SimLab's VR Viewer.

The post Real Estate Visualization Project appeared first on Simlab Soft Art.

]]>
360 Grid https://www.simlab-soft.com/SimlabArt/360-grid-blog/ Wed, 09 May 2018 12:13:55 +0000 http://www.simlab-soft.com/SimlabArt/?p=8580 The post 360 Grid appeared first on Simlab Soft Art.

]]>

Multiple 360’s

360 Grid Technology is a smart and simple way to show the most of the design with multiple 360 renders connected to each other which allows moving between them to insure full coverage for the whole design.

A 360/Panorama is an image rendered in a special way that makes it ready to be shared on Facebook, a webpage, a mobile, or a desktop viewer. It actually comes in normal picture formats such as JPG, PNG or BMB. 360 image can be opened with normal photo viewers however to see the real benefit of a 360 image, it should be opened with a 360 viewer.

Using a 360 viewer where the magic happens. It gets the feeling of being located at the center of the image, with the ability to rotate head to get the view in all possible directions, sample 360 images can be found here.

360 images are very handy, they make it possible to get great view of the scene in very high quality even on low end devices, however their is a problem! A 360 image does not allow you to move in the space, or to view the back of an object, you can only view the object from the perspective or the used camera. so you can pan around but you cant move around.

360 Grid Technology from SimLab removes this limitation, it makes it possible to easily generate and render a set of multiple 360 cameras, to allows the user to move in the scene and to view objects from different sides.

A 360 Grid sample can be found here.

But the question now is how to create a 360 Grid view?! SimLab Composer VR provides a very simple technique to do that. The following tutorial shows how the user can create a 360 grid using SimLab Composer.

The post 360 Grid appeared first on Simlab Soft Art.

]]>
Embed 360 images in your website https://www.simlab-soft.com/SimlabArt/embed-360-images-in-your-website/ Sun, 18 Feb 2018 12:05:21 +0000 http://www.simlab-soft.com/SimlabArt/?p=6082 The post Embed 360 images in your website appeared first on Simlab Soft Art.

]]>

Creating a 360 or a panorama image in SimLab Composer is very simple, first you need to create a VR camera, place it in the scene, then select the VR camera, and render a 360 image, for more information about our 360 click here.

How to embed and use a 360 image in a website?

  • Download photo-sphere-viewer JavaScript library.
  • Added it in your website files.
  • Embed the necessary JavaScript files needed such as: three.min.js, photo-sphere-viewer.js
  • Add CSS:
              html, body {
    		   margin: 0;
    	       width: 100%;
    	       height: 100%;
    		   overflow: hidden;
    		  }
    		  #container {
    		   width: 100%;
    		   height: 100%;
    		  }
    
  • In your body tag create container for 360 images:
               <div style="color:#fff" id="container_pan"></div>
  • Then Include JavaScript Code:
               var div = document.getElementById('container_pan');
               var PSV = new PhotoSphereViewer({
                panorama: '../Simlabimages/image360.jpg',
                container: div,
                time_anim: 3000,
                navbar: true,
                navbar_style: {backgroundColor: 'rgba(58, 67, 77, 0.7)'},
               });
    
  • Finally it will look like this :
                <head>
                 <title>Simlab 360 images</title>
                 <link rel="stylesheet" href="../assets/css/360.css">
                 <script src="../assets/js/Photo-Sphere-Viewer-master/three.min.js"></script>
                 <script src="../assets/js/Photo-Sphere-Viewer-master/photo-sphere-viewer.js"></script>
                </head>
                <body>
                 <div id="container_pan"></div>
                 <script>
                  var div = document.getElementById('container_pan');
                  var PSV = new PhotoSphereViewer({
                  panorama: '../Simlabimages/image360.jpg',
                  container: div,
                  time_anim: 3000,
                  navbar: true,
                  navbar_style: {
                  backgroundColor: 'rgba(58, 67, 77, 0.7)'
                  },
                  });
                 </script>
                </body>
    

For more details and examples on how to embed a 360 image in a website visit these links:
Direct website, Github

To stay in touch with our latest news and updates, and for any info and support:

info@simlab-soft.com www.simlab-soft.com Our Facebook: simlabsoft

Our Linkedin: simlabsoft

The post Embed 360 images in your website appeared first on Simlab Soft Art.

]]>