Bubbles

Bubbles

Project description. <b>The Bubbles template is a fully responsive Panotour template</b>&nbsp;that supports standard, panoramic, full 360-degree images, standard videos and 360-degree videos into one single project. Bubbles uses "scroll jacking" technique to deliver a full page experience. Scene thumbnails are rounded.&nbsp;Bubbles is suitable for small projects with few interactions. Hotspots and plugins are optional, the template is fully functional by itself.<div><br></div><div><font size="4">Navigation bubbles</font></div><div>At the top left of the page, thumbnail bubbles represent scenes/groups and are organised according to the project/group order. A little arrow on the right means it is a group with at least one scene. Just <b>hover the thumbnail</b> to expand the group menu.</div><div><br></div><div><font size="4">Layer Mode</font></div><div>Displays the current scene information (thumbnail, title, short description). You see the virtual tour behind a semi-transparent black layer. Use your scroll wheel or click on the arrows to navigate through groups or scenes. Scenes into a group are grouped horizontally. Scenes that are not into a group are ordered vertically according to the project order. For each scene you have:</div><div><ul><li>Group title (if applicable) with a link to the group description</li><li>Rounded thumbnail</li><li>Scene title</li><li>Short description with text only</li></ul><div>At the bottom right of the page&nbsp;you always get the information of the project. On click, a modal window opens and displays project informations.</div></div><div><br></div><div><font size="4">Scene Mode</font></div><div>This is the scene of the virtual tour. You can move into the sphere, left right, up and down. At the bottom of the page you have:</div><div><ul><li>Previous scene button</li><li>Switch to layer mode button</li><li>Next scene button</li></ul></div><div>Navigation bubbles are still available in this mode to quickly access any scene.</div><div><br></div><div>At the bottom right of the page&nbsp;you always get the information of the currently viewed scene. On click, you go to the layer mode, at the position of the current scene.</div><div><br></div><div><div><font size="4">When Autotour is enabled</font></div></div><div><b>Automatically starts in scene mode.</b></div><div>In scene mode, click on Pause toggles to layer mode and stops autorotation.</div><div>In layer mode, click on Play toggles to scene mode with autorotation.</div><div>Click on Pause stops autorotation only.</div><div>A toggle to layer mode stops autotour and autorotation.</div><div><br></div><div><div><font size="4">When Autorotation is enabled/disabled</font></div><div><b>Automatically starts in layer mode.</b></div><div>Click on Play/Pause toggles autorotation only.</div><div><br></div></div><div><div><div><div><div><font size="4">Standard Photos</font></div><div>Both spherical and planar projections are nice to display. For planar you don't have to choose a horizontal depth of field but <b>for spherical projection, it is highly recommended to adjust field of view according to the focal length</b>. Example of input field of view properties with a GoPro camera</div><div><ul><li>Spherical Projection</li><li>Input field of view 140.00° horizontal</li><li>Input field of view 105.00° vertical</li><li>Input field of view 0.00° vertical offset</li></ul><div><font size="4">Panoramic images</font></div></div></div><div>Bubbles supports panoramic images with any field of view. Setting the <a href="http://www.kolor.com/wiki-en/action/view/Panotour_-_Tour_-_Scene_properties#Projection" target="_blank">projection type</a> depends on your feelings! Just take care to set the right&nbsp;<a href="http://www.kolor.com/wiki-en/action/view/Panotour_-_Tour_-_Scene_properties#Projection" target="_blank">projection type</a>&nbsp;and field of view.</div><div><br></div><div><font size="4">Standard videos</font></div><div>Add standard videos as you are used to do with standard images: <b>Set planar projection</b> instead of spherical and it is ok.</div><div><br></div><div><font size="4">360-degree videos</font></div><div>This template supports 360° videos. Simply add your 360 video content as other medias and take care it is assigned as a spherical scene in the <a href="http://www.kolor.com/wiki-en/action/view/Panotour_-_Tour_-_Scene_properties#Projection" target="_blank">scene properties</a>.</div></div><div><br></div><div><font size="4">Deep Linking</font></div><div>Each scene has its own URL: You can easily grab the link of the current scene you are watching and share the link.</div><div><br></div><div><font size="4">Style guide</font></div><div><font size="6">Huge text</font></div><div><font size="4">Large text</font></div><div>Normal text</div><div><font size="1">Small text</font></div><div><br></div><div>Lorem ipsum <a href="http://#" target="_blank">this is a link</a> dolor sit amet, consectetur adipisicing elit, <b>this is a bold text</b> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <u>this is an underlined text</u> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <i>this is an italic text</i> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div><br></div><div><ul><li>This is a list item</li><li>List item 2</li><li>List item 3</li><li>List item 4</li></ul><div><br></div></div></div></div><div><font size="4">Photo Credits</font></div><div><a href="http://www.kolor.com" target="_blank">Kolor | GoPro</a> and <a href="http://www.olivewhite.com" target="_blank">Olive White Photographies</a></div>

Standard GoPro Photos

Morning

Morning

<a href="http:/#" target="_blank">Consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Sunrise

Sunrise

Lorem ipsum <b>dolor </b>sit amet gomep acum

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Canal du Vassé

Canal du Vassé

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Annecy - Pont des Amours

Annecy - Pont des Amours

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Barques sur le Vassé

Barques sur le Vassé

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Vue sur le Lac

Vue sur le Lac

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<div></div>

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Moustiers Sainte Marie

Moustiers Sainte Marie

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Gorges du Verdon

Gorges du Verdon

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Lac de Ste Croix

Lac de Ste Croix

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Le lac de Carouge

Le lac de Carouge

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Sunrise on Carouge

Sunrise on Carouge

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Depuis le col

Depuis le col

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Lights in the fog

Lights in the fog

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Foggy road

Foggy road

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Standard GoPro Photos

Sunrise in Alpespace

Sunrise in Alpespace

Lorem ipsum dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standard GoPro Photos

Standard GoPro Photos

Group description. Standard 4000x3000 pixels GoPro Hero 4 Black photos with <b>spherical projection</b> and field of view:<div><ul><li>140.00° horizontal</li><li>105.00° vertical</li><li>0.00° offset</li></ul><ul></ul><ul></ul><ul></ul></div><div><br></div>

Partial panoramas

Alpespace

Alpespace

Kolor zone. 9 DSLR images stitched with&nbsp;<a href="http://www.kolor.com/autopano/" target="_blank">Kolor Autopano</a>

Partial panoramas

Partial panoramas

Standard pictures stitched into one with Kolor Autopano.&nbsp;

Partial panoramas

Vines panorama

Vines panorama

3 GoPro Hero 4 Black images stitched with&nbsp;<a href="http://www.kolor.com/autopano/" target="_blank">Kolor Autopano</a>

Partial panoramas

Partial panoramas

Standard pictures stitched into one with Kolor Autopano.&nbsp;

Full spheres

Swimming pool

Swimming pool

Full spheres

Full spheres

Here is a group of full 360x180° spherical panoramas

Full spheres

Kitchen

Kitchen

That's a place

Full spheres

Full spheres

Here is a group of full 360x180° spherical panoramas

Full spheres

Terrace

Terrace

Full spheres

Full spheres

Here is a group of full 360x180° spherical panoramas

Full spheres

Lounge

Lounge

<b>Lorem </b><u>ipsum </u>dolor sit amet,&nbsp;<a href="http:/#" target="_blank">consectetur adipisicing</a>&nbsp;elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Full spheres

Full spheres

Here is a group of full 360x180° spherical panoramas

Standard video

Standard video

This is a standard mp4 video with planar projection.

360 video

360 video

This is a 360-degree video.