Showing posts with label 360 Panoramas. Show all posts
Showing posts with label 360 Panoramas. Show all posts
Lusus

Create A Panoramic Screen Saver Using A Second Life Photograph


In recent tutorials we covered how to create desktop wallpapers from Second Life images, so the next step forward is screen savers. In this tutorial we'll be focusing on panoramic images that scroll seamlessly and continuously across the screen when your PC is idle, using a lightweight and free programme called WPanorama.

Creating a Panoramic Image In Second Life


In a series of previous tutorials we explained how to create 360 degree panoramic images in Second Life, which you'll need to be familiar with to create these images, as well have a 360 degree panoramic hud for taking the photos in Second Life.

The tutorial linked to above covers both Hugin and Microsoft's Image Composite Editor (ICE), but for this tutorial we'll just be using ICE, because its quicker, simpler and easier to use.

There are a few differences in creating panoramic images to use as screen savers, than creating full 360 panoramas, but they are minor, and explained below.


1/  Since we're not creating a full 360 degree panorama, but one that seamlessly rotates horizontally (ie, a 360 degree cylindrical panorama), we don't need to add to ICE the last two images taken with the hud in Second Life. These are the images taken one directly above the camera position, and the one directly below.

2/ Once the images have been stitched together in ICE, hit the Crop button. We need to crop out the irregular horizontal edges of the image, so grab and drag the nodes highlighted in red above.



3/ Now hit the Auto Complete button so your image looks something like the above.

WPanorama's performance isn't affected by the height of the image, so it doesn't matter if your finished panorama is skinny or fat, although you'll need to keep your screen's resolution in mind. If for example, the resolution is 1920 X 1080, a panoramic image with a height of 720 is not going to look good.

Another tip to keep in mind is that things too close to the camera can become distorted, so they may need to be cropped out.

With these points taken into consideration the image can be exported from ICE in the usual way,  ready to use in WPanorama. There is no need to edit the Exif metadata as you would with a full 360 degree panorama.

WPanorama 


WPanorama is freeware and can be used for both viewing panoramic images on the desktop, and for displaying scrolling panoramas as screensavers. The scrolling movement will automatically loop seamlessly.

If however the image is not a seamless panorama it will scroll in one direction until it reaches the edge of the image, before scrolling in the opposite direction. You can download WPanorama here.


1/ When WPanorama first starts it will display a pre-installed panoramic photo, and in fact comes with a large selection of images. They are stored in Windows' Documents folder. If you don't want to keep these images, simply go to the folder and delete them.


2/ After the images have been deleted WPanorama will look like the above.


3/ To just view an image rather than using WPanorama as a screen saver, select File > Load image, then navigate to where the image is stored.


4/ WPanorama will now display the panorama, which should be scrolling.

Creating A Screen Saver



1/ To Create a screensaver, select Screen saver > Configure screen saver.


2/ In the window that appears hit the Select button.


3/ Now Navigate to the folder containing your panoramas. A screen saver can contain more than one panoramic image and will display each image in turn. To add more than one image click on the first, hold down Shift then select as many images you want. Now hit Open.


4/ Once the images have been loaded this window will appear. More images can be added by hitting the Add images button. All the images can be deleted by hitting the Clear list botton.


 5/  The image list can now be saved, and will be stored in the same folder as the panoramic images we deleted earlier. WPanorama can contain many image lists, and each can be loaded as a screen saver.

To create a list, hit the Save list button.


6/  Name the list, here named SL Panoramas, then hit Save.


7/ The above image shows the files created when the list was saved.

The process of adding images to WPanorama and saving them as lists can be repeated, so you can have as many image lists as you want.


WPanorama can switch from list to list by hitting the Load lists button, navigating to the folder containing the lists, then selecting the relevant list.

If you're only using one or two images, there's no need to save them as a list. Once the images are loaded into WPanorama, just hit the tick icon, lower right  (shown above).


8/ The images have now been loaded into WPanorama and are ready to use. However, if there is more than one image make sure the Auto image change box is ticked, and then select the duration each image will be displayed.

When you're ready hit Apply then OK.

Previewing The Screen Saver



9/ One point should be noted here. The panorama shown in the WPanorama display window will not be one of the images added to the screen saver. It will be the image added when hitting File > Load Image.

To preview the screen saver hit Screen saver > Preview screen saver. Mouse movement will close the preview.


Another way to preview the images, and make sure WPanorama is the selected screen saver is the following.

10/ Click the Windows icon to the far left of the taskbar, then hit the cog icon to view Settings.

11/ The above window will open. Select Personalisation.


12/ The window above will now appear. Select Lock screen.


 13/ This window will now appear. There is a scroll bar thats a little difficult to see to the right of this window. Scroll it until you see Screen saver settings, then click on it.


14/ This window will now appear. Under the Screen saver drop down list select WPanorama if it isn't already selected, then hit Preview. The panoramic screen saver should now be full screen. Moving the mouse will close it. Click OK when you're ready.

Downloadable Images



The above image was created at Hangars Liquides. A full 360 panorama can be seen on Momento 360


...and this image was created at D-Lab.A full 360 panorama of this image can also be seen on Momento 360. Click the icon centre right on the Momento page to view these panoramas full screen.

To get you started with panoramic screen savers created in Second Life we have two images for you to download and add to WPanorama. We'll be creating more too so bookmark us and follow us on Facebook. The images are quite large, but can be rescaled to fit your screen if needed. They're stored on Google Drive so will be pre-screened so you can be sure you'll get a clean download. To grab the panoramas click here.


Click this icon which will be shown top right of the dowload page to get the panoramas.



Watch the short videos above to get an idea of what the scrolling panoramas will look like on your desktop. We hope you'll feel inspired to make your own panoramas and it would be great to see them shared on social media.
Read More
Lusus

Happy Halloween



The below image is a Halloween 360 degree panorama created in Second Life and hosted on Momento360. We created it to say Happy Halloween to all our loyal friends and followers,and for everyone to enjoy and share. Use your mouse to rotate and turn the image, and for an even better look, view fullscreen.

If you like this image then why not follow us on Facebook and bookmark this blog. We always appreciate those follows, YouTube subsciptions and bookmarks. Happy Halloween!

Read More
Lusus

How To Create A 360 Degree Panoramic Tour For Second Life Destinations


This is the third tutorial in the series on creating 360 degree panoramas for Second Life. The other two tutorials are perhaps unimaginatively titled:
The first of in the series showed how to use two different free apps, Hugin and ICE to stitch Second Life images into a panoramic view. 

Part 2 covered how to add the necassary metadata to the panoramic image, how to preview the image before uploading it, how to upload it to Facebook, and then how to embed it on a blog.

In this tutorial we'll show how to create a 360 degree panoramic tour for Second Life destinations. The idea is to seamlessly move from one panoramic view to another, and to include clickable areas that reveal information or images.

What Is A 360 Degree Panoramic Tour?

A 360 degree panoramic tour can be a unique way to represent a Second Life destination, or a group of destinations to anyone who may be unfamiliar with your inworld content, therefore encouraging them to visit - or just enjoy the tour. These tours can usually be embedded or linked to in a blog or shared on social media.

Take a look at the above example to see how tours work in practise. Click on the < > arrows to move from one scene to another and click on icons visible in the scenes to see what they do. The cog icon to the top right toggles audio files on and off. To get  a much better view  visit the tour on Google Tours and go full screen.

There is software available which can be used to create panoramic tours, but they tend to be expensive and they present the problem of how to upload and display the completed tour on a website. For many Second Life blog or website owners this approach is clearly overkill, particularly as using an online service is much simpler and less costly.

Rather than using software there are online platforms that can be used to create panoramic tours, each one coming with their own set of pros and cons - and price ranges. A happy compromise is to use the free Google's Tour Creator, which is what we'll do here.

We assume you already have a Google account and are signed into it, and have a number of 360 panoramic views to create the tour with.

The subect of the tour we're going to create here is The Pulse, a Second Life music venue and a favourite haunt of mine.

Creating a 360 Degree Panoramic Tour with Google's Tour Creator


1/ This is the landing page of Google's Tour Creator. Click on the Get Started button.


2/ On the new page that opens hit the New tour button.


3/ In the title space add the name of the tour. There is also a description box. Click on Select an image to navigate to a cover pic (highlighted above in green). Images can also be dragged to this part of the screen.


4/ When you're ready hit Create, highlighted in red.


5/ This page will open. Ignore the Street View section and hit Upload instead.


6/ This page will open. Either drag the first 360 degree panoramic image to the space, or hit Select a 360 degree Image then navigate to its location on your hard drive and upload it. You'll then be able to see the image as a 360 degree view.


 7/ Towards the bottom left of the uploaded image is an option to select the starting view. Click on the icon then drag and rotate to the starting view you want.


8/ When you're ready hit Save.

Adding Ambient Sound To The First Panorama


1/ To the right of the panoramic view is a panel. There is an area for the name of the first panorama and a description. Beneath that there is an audio icon, (highlighted in red). Click this to add a sound file. Since The Pulse is a Second Life club, music would be a good option.


2/ Once the audio file has uploaded this window will appear. Click Add. The audio is now added to the first section of the tour.

Adding An Image To The First Panorama


1/ Under the audio icon there is an Add point of interest option. Click on this. An icon will appear over the panorama. Drag it to where you want it to appear in the scene.


2/ Add a title for the image and a description in the panel to the right of the panorama scene. Now hit the image icon, highlighted in red.


3/ Navigate to the image to upload it or drag it to the Drop an image here space.


4/ Once the image has uploaded hit Add.


5/ The image will now appear over the panoramic view. The blue squares around the image can be used to resize it. Once you're happy with the size of the image. click away from it to close it.


 6/ An image icon will be visible over the panoramic view, and when this is clicked the uploaded image will open. The icon can be repositioned when dragged.

Adding Information To An Area Of The Panorama


1/ In the panel to the right click on Add point of interest again.


2/ Click on the panorama image where you want the information icon to appear. This of course should be a spot relevant to the information.


3/ In the side panel add a title for the information, then add the text. Click away from the side panel when you're done.


4/ The side panel will now look something like the above, with the image and text information areas collapsed.


5/ The information icon can be dragged into position if needed.

Adding More Scenes



Under the panoramic image is the option to add another scene (or another 360 degree panoramic image) to the tour. Click on Add scene then repeat all of the above steps. Keep on adding more scenes, audio files, images and information until your tour is complete. For the tour of The Pulse six scenes were added.

Publishing the Tour



1/ Towards the top right of the panoramic image is a Publish button. When your tour is complete click on the button.


2/ This small window will appear giving the choice of making the tour public or private. When you're ready hit Publish.


3/ When the tour has been published to Google Tour Creator this window will show, with the url of the tour and an option to view it for the first time. Click Done to close this window.  Your tour is now complete and ready to be viewed and shared.


4/ The next time you visit Google Tour Creator and hit the Get Started button you'll see the above. Hit Draft to edit the tour. There should be a row of white vertical dots to the right of your tour thumbnail. Click on them to open the options to either delete or view the tour.


5/ When viewing the tour there will be two icons to the upper right.


6/ Click the cog icon which will toggle audio files off and on. The other icon is the fullscreen option.

Embedding The Tour On Your Blog

One of the best places to attract an audience for your new tour is on a blog or website. Embedding the tour is very simple.


1/ Below the published tour are the above icons. Click the Share option.


2/ This window will open. Click the Embed option.


3/ This window will now open showing what the tour will look like on the website or blog. Drag your mouse over the iframe markup, right click and select Copy.


4/ In Blogger sign into the dashboard and create a new post. Under the HTML tab name the new post and paste the iframe markup.


5/ Under the Compose tab the tour should be visible, although it may take a short while to appear.

If you use a blogging platform other than Blogger you'll need to find an option to paste HTML markup to the page, which most good paltforms will have.

Enjoy sharing your newly created 360 degree panoramic tour with all your friends and blogging followers, and come back for more tutorials and other goodies very soon.

Read More