vrTourSoft - the krpano GUI. Add hotspots, layers, html pages, lightboxes, menu, animations, maps, sounds, videos, galleries and much more...

  • vrTourSoft https://www.vrtoursoft.com/</a>
    The standalone application with an integrated server that allows you to create and edit virtual tours or single panorama, add a variety of information saturation and functions, change appearance for all elements.
    This is a WYSIWYG editor with an intuitive interface that allows you to create a virtual tour both in fully automatic mode and in direct code editing mode. All changes you can immediately see in the internal browser.

    Free use of the program for 3 days.

    vrTourSoft is a set of editors:

    https://www.vrtoursoft.com/editors/create.html - Create tour editor


    https://www.vrtoursoft.com/editors/toursettings.html - Tour settings editor


    https://www.vrtoursoft.com/editors/scenesettings.html - Scene settings editor


    https://www.vrtoursoft.com/editors/layer.html - Layer editor


    https://www.vrtoursoft.com/editors/hotspoteditor.html Hotspot editor


    https://www.vrtoursoft.com/editors/menu.html - Menu editor


    https://www.vrtoursoft.com/editors/map.html - Map editor

    https://www.vrtoursoft.com/editors/video.html - Video and presentation editor


    https://www.vrtoursoft.com/editors/videorecord.html - Video Record


    https://www.vrtoursoft.com/editors/autoshow.html - Create AutoShow


    https://www.vrtoursoft.com/editors/audio.html - Audio editor


    https://www.vrtoursoft.com/editors/gallery.html - Gallery editor


    https://www.vrtoursoft.com/editors/image.html - Image editor


    https://www.vrtoursoft.com/editors/infobox.html</a>http://<woltlab-metacode-marker data-name="size" data-uuid="37f9fcdb-22dc-408f-9872-da29523b4eeb" data-source="W3NpemU9MTBd" data-attributes="WyIxMCJd" /><woltlab-metacode-marker data-uuid="37f9fcdb-22dc-408f-9872-da29523b4eeb" data-source="Wy9zaXplXQ==" /> - Html-page (info) editor


    https://www.vrtoursoft.com/editors/social.html - Social share plugin


    https://www.vrtoursoft.com/editors/google.html - Google Analitic plugin


    https://www.vrtoursoft.com/editors/extraskin.html - Extra skin functions


    https://www.vrtoursoft.com/editors/publish.html - Publish editor


    https://www.vrtoursoft.com/editors/othertools.html - Other Tools


    https://www.vrtoursoft.com/editors/faq.html - FAQ

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited 18 times, last by vrTourSoft (March 11, 2021 at 4:01 PM).

  • Hi)

    I wanted to check out the trial version and I downloaded the .zip archive (Win 10, 64 bit) and then after unzipping I launch "vrTourSoft.exe" and enter the trial version licence code and press "REGISTER KEY", but nothing happens...

    I tried both pasting the license code and typing it manually.

    What am I doing wrong?

    Regards,

    Alexey

  • I wanted to check out the trial version and I downloaded the .zip archive (Win 10, 64 bit) and then after unzipping I launch "vrTourSoft.exe" and enter the trial version licence code and press "REGISTER KEY", but nothing happens...


    Hi Alexey!
    Thanks for your post.
    Try it once again.

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited 3 times, last by vrTourSoft (December 12, 2020 at 2:32 AM).

  • Hello to all!
    I wanted to say thanks to the developers. I have been working in a krpano for a long time and can do a lot myself.
    But this program allows you to do in a few minutes what I usually spend hours of tedious work on.
    It’s also nice that all my code works. You can simply open xml and edit everything directly.

  • Hi, everyone!
    I have bought this program recently and I am very
    pleased by this purchase, because it is really well developed program
    and very easy to use. In addition, it has a large variety of different
    functions and helps me to save my time. I highly recommend everyone
    using this useful program.

  • Hotspot editor

    • Hotspot editor is the set of tools that allows to place, edit and remove all possible types of the hotspots in virtual tour.
    • All changes for hotspot you test in internal browser in real-time mode.
    • The program will process and add to the tour all the necessary files and generates code.

    • About

      • Hotspot editor is the main tool for adding hotspots - active elements that rotate with the panorama (have angular coordinates).
      • It allows you to add and edit all possible types of hotspots.
      • The number of hotspots in the panorama is unlimited.
      • The editor allows you to set the value for any hotspot's attribute.
      • In the editing process, all changes are immediately visible in the browser due to the dynamic assignment of attributes.
      • When you click save, the following happens:
        • The program inserts all the necessary code fragments and saves the changes.
        • The program copies the necessary files to the tour, such as images, if necessary.
        • The program edits files, for example, resizes images, optimizes images for the web, converts video, prepares posters, etc., if necessary.
      • The hotspot editing mode allows you to change any value for hotspot at any time. It is impossible to change only the type of hotspot.
      • Delete mode allows you to quickly remove all unnecessary hotspots.
      • Hotspot editor has 4 panels:
        • Main panel
        • Hotspot type panel
        • Direct attribute edit panel
        • Delete hotspot panel

      Main panel.

      • When you start to place or start to edit a hotspot appears main panel:
      • The main panel allows:
        • Start to place hotspot.Place hotspot.
        • Select a type for a new hotspot. Either in top menu or in main panel. This will start to place it.
        • The panel for specific type of hotspot will be open.
        • Follow the instructions for this type of hotspot to set its properties.
        • Select an action for hotspot mouse clicks.
          • Ten built-in actions are available.
          • You can enter your own action through the custom action tab.
        • For desktop computers, assign tooltip.
          • If you use the actions loadscene or load scene with set view, the program will offer the title of the panorama as a tooltip.
        • Save the hotspot.

        Note: If before you click the save button, you select another type of hotspot or click cancel, the hotspot will be deleted and all changes for it will be lost.
        Edit hotspot.

        • If the main panel is closed, select edit in the top menu. This will open main panel.
        • If the main panel is open, immediately click the "select hotspot" button.
        • Click the hotspot you want to edit on the monitor screen.
        • The name of the hotspot, the action and tooltip assigned to it will appear in the main panel.
        • The program will automatically detect the hotspot type, open the corresponding panel and fill the values of the parameters.
        • Follow the instructions for this type of hotspot to set its properties.
        • Change any parameter available for this type.
        • Save or discard changes.

        .
        Hotspot actions

        • Hotspot editor allows to apply any action to the hotspot.
        • Available 10 in-build actions. The program automatically generates code for them.
          • Load scene
          • Load scene with set view
          • Show image
          • Info relative width (%)
          • Info absolute width (px)
          • Open url
          • Show gallery
          • Show plan
          • Show inbuilt video
          • Show youtube video
          • Custom action
        • Use any user action on your choice. Write it in custom action text box.
        • Edit hotspot action at any time.

        Note:

        • You can assign onover, onhover, onout, ondow, onup, onloaded, etc... hotspot actions.
          • Save the hotspot.
          • Assign these actions via direct attribute edit panel.
        • You can call JS as custom action: js(actionName);


        How to use:

        • Select action for hotspot from the drop-down menu.
        • Follow the program steps to create action.
        • Click save.
        • The program automatically generates code for action and place it in the window under the drop-down list. No need to make corrections.
        • To assign another action, select a new action in the drop-down list and repeat the steps.


        Tooltip (text onhover)

        • The tooltip works only on desktops where the mouseover event occurs.
        • Write any text that will be appears as tooltip, when mouse will be onhover hotspot.
        • When you select "Load scene" or "Load scene with set view", the program will fill tooltip with pano title. Write other text if necessary.
        • To avoid tooltip leave text box empty.
        • For hotspot actions "Load scene" and "Load scene with set view". Tooltip appears with scene thumb and text (tooltip with image).
        • For other hotspot actions . Tooltip appears with text.
        • How to change appearance of tooltip look Save hotspot.

          • When you put a new hotspot or edit an already created, all changes occur only on the screen.
          • Click save to add changes to the tour.
          • When you click save, the following happens:
            • Hotpot is added to the current panorama.
            • Hotspot attributes get the values that were assigned during editing.
            • For image and flyout hotspot images will be copied to the tour, if they are not in image folder.
            • Images will be optimized for the web and resized, if you choose the resize option.
            • Hotspot type panel will disappear.
            • Hotspot will be unavailable for editing.
          • To re-edit the hotspot, click "hotspot select" and click on the desired hotspot.
          • If you press the cancel button, all changes will be lost. Hotspot editor will be closed.
          • If during editing of the new hotspot you select other type, all changes will be lost. New hotspot disappears from the screen.

            Icon hotspot

            • Icon hotspot is an image, not distoreted hotspot.
            • It use small, high informative images, such as arrows or pictograms.
            • There is no need to scale hotspot when place it.
            • Icon hotspot are "fly in pano" (not zoomify with background), as they are not distorted hotspots.
            • There are set of 10 in-build icon hotspots for each design. When the design changes, the set of icons changes
            • To add custom icon hotspots, simply copy them to hotspot directory.
            • You can select any image on system when places image hotspot. It will be copied in hotspot directory when save hotspot.


            How to place:
            In select hotspot type dialog choose "Icon hotspot".
            (Either in Upper menu or in Main hotspot editor menu.)

            • Hotspot will appear at the center of the screen.
            • The last selected icon will be used as the image of the hotspot.
            • At any time, select the new icon for hotspot.
            • At any time, select the new action for hotspot.
            • At any time, write the new tooltip for hotspot.
            • At any time, drag-and-drop hotspot to the new position.

            Icon hotspot style (optionally)
            To change appearance and behavior of Icon hotspot, find in openstyles.xml text style with name stylehs and edit it.

            Note:
            If you need in icon distortion, place it as image hotspot.
            Image hotspot

            • Hotspot editor allows to place any image from system as image hotspot.
            • Hotspot editor will process image, copy it to the tour and generate code for hotspot.
            • Available formats .jpeg,.png,.gif,.Targa
            • Hotspots may be:
              1. 3-d distorted.
              2. not distorted.
            • Image hotspots works in VR mode
            • In real-time mode select or change settings for image hotspots:
              1. image
              2. action
              3. tooltip
              4. size
              5. alpha
              6. rotate
              7. rotate distorted hotspot over x,y,z axis
            • Available direct xml edition for styles, appearance, etc.


            How to place:

            • In select hotspot type dialog choose "Image hotspot".
              (Either in Upper menu or in Main hotspot editor menu.)
            • Select image file on the system. Available formats:
              • .jpeg
              • .png
              • .gif
              • .targa
            • When you press "OK" button in select image dialog, hotspot will appear at the center of the screen.
            • Set scale for the image. Use either track bar or enter scale value directly in text box.
            • Select resize if you want the program to process the image. If not, the scale will be assigned to the image.
            • Set alpha for the image. Use either track bar or enter alpha value directly in text box.
            • Set rotate for the image (not distorted). Use either track bar or enter rotate value directly in text box.
            • If necessary: select enabled distorted.
            • Rotate image over x, y, or z axis. Use either track bar or enter rotation value directly in text box.
            • All changes you will see in real-time mode.
            • At any time, select the new image for hotspot.
            • At any time, drag-and-drop hotspot to the new position.
            • At any time, make hotspot distorted or not distorted.
            • At any time, rotate distorted hotspot over x, y or z axis.
            • At any time, select the new action for hotspot.
            • At any time, change tooltip for hotspot.

            Note:

            • When you press "OK" button in select image dialog, the image will be saved in hotspot directory with new name:
              scenename_hsname.extension
            • If the width or the height of the source image is larger than 2000px, it will be resized to 2000px.
            • When you press "Save hotspot", this image will be resized to the scale value (if scale is not "1" and you select resize).
            • Be careful with enlarge of the image. It may cause the bad image quality.
            • If you don't save hotspot this image will be removed.
            • When you delete hotspot it's image will be removed.

            '
            Image hotspot style (optional)
            To change appearance and behavior of Image hotspot, you can find in openstyles.xml text style with name styleimagehs and edit it.

            Text hotspot.

            • Text hotspots use a textfield plugin to place text as hotspot.
            • You can place two types of text hotspots inside the tour.
              • Simple text with WebGL rendering. Works in all modes. Allows to place clear text with simple formatting.
              • Complex text with Css3D rendering. Does not work in VR mode. Allows to place external html page or internal html page with simple formatting for text, images, links.
            • Both types of hotspots can be used simultaneously (with a restriction for VR).
            • For both types of hotspov css styles and text styles are used.
            • You can create an unlimited number of styles for your tour or use the preset ones.
              • There is 4 in-build Simple text
                • Simple text hotspot allows to place clear text with simple formatting.
                • It has webgl rendering.
                • Images and links are not working in hotspot with webgl rendering.
                • For simmple text hotspots you can order width in visual editor only in pixels.
                • Simple text hotspots are visible in all modes.


                How to place:

                • In select hotspot type dialog choose "Simple text".
                  (Either in Upper menu or in Main hotspot editor menu.)
                • Enter text.
                • Hotspot appears in the center of the screen.
                • Drag-and-drop to the new place.
                • Select the width. The height of the hotspot is calculated automatically.
                • Select or create the css style for the font.
                • Select or create the text style for the background.
                • Select distorted/notdistorted.
                • Add action and tooltip.
                • Save.
                • Edit at any time.

                Note: you can add simple formatting tags []:

                • h1, h2,p,br,ul,b,i - works with default css styles.
                • center - works in new created styles.


                Simple text hotspot style (Optionally)
                To change appearance and behavior of simple text hotspot, find in openstyles.xml text style with name styletexthsvr and edit it.

                Complex text

                • Complex text allows you to place as hotspot:
                  • external html page (site). Insert html page as hotspot

                    • In select hotspot type dialog choose "Usual Text hotspot (CSS3D)".
                      (Either in Upper menu or in Main hotspot editor menu.)
                    • Select info with link to external html page. Read how to Background style editor.
                      • With text style you order the appearance of background for the text hotspot.
                      • Available 3 pre-installed text styles in vrTourSoft.
                      • With textstyle editor you can create unlimited amount of textstyles.


                      Create style
                      Select "Create style" in drop-down textstyle menu and change any parameter of formatting:

                      • backgroundcolor
                      • backgroundalpha
                      • borderalpha
                      • bordercolor
                      • borderwidth
                      • roundedge
                      • shadow

                      All changes you will see in real-time mode.
                      Press "Save style" to create new style in tour. The style will be available via drop-down menu.
                      If you press "exit" the parameters will be applied to the hotspot until you select other style. The changes will be saved in hotspot.
                      Note:

                      1. The new style will be saved in openstyles.xml at the end of the document. Select "Edit openstyle.xml" in "Test tour" menu. If you make changes in xml document save them and press "reload tour" or "reload scene" to make them available.
                        <style name="styletext3" hstextstyle="styletext3" bg="true" bgcolor="0x700416" bgalpha="0.8" borderwidth="3" borderalpha="0.5" bordercolor="0x000000" bgroundedge="10" bgshadow="3" />
                      2. To make background transparent:
                        • either set backgroundalpha to 0 in editor
                        • or set background="false" in openstyle.xml
                      3. To make border transparent:
                        • either set border alpha to 0
                        • or set border width to 0 in editor.
                      4. You can create your own text style in openstyle.xml To add it to the drop-down menu create attribute hstextstyle with original value.


                      Font style editor. Css style.

                      • With css style you order the appearance of font for the text hotspot.
                      • Available 3 pre-installed css styles in vrTourSoft.
                      • With css style editor you can create unlimited amount of css styles.


                      Create CSS style
                      Select "Create style" in drop-down css style menu and change any parameter of formatting:

                      • font size
                      • font color

                      All changes you will see in real-time mode.
                      Press "Save style" to create new style in tour. The style will be available via drop-down menu.
                      If you press "exit" the parameteres will not be applied to the hotspot. The changes will not be saved in hotspot.
                      The new style will be saved in openstyles.xml at the end of the document. Select "Edit openstyle.xml" in "Test tour" menu. If you make changes in xml document save them and press "reload tour" or "reload scene" to make them available.
                      Note:
                      The default css style expect different font formatting for the following tags:

                      • head1
                      • head2
                      • paragraph
                      • link

                      For example:
                      p {font-family: "Arial, sans-serif"; font-size:16px; margin-left: 10px; margin-right: 10px; color:#000000;}
                      h1 {font-weight: bold; font-family: "Arial, sans-serif"; font-size:22px; color:#000000; text-align: center; margin: 0px; }
                      h2 {font-weight: bold; font-family: "Arial, sans-serif"; font-size:18px; color:#000000; text-align: center; margin: 0px; }
                      a {text-decoration:underline; color:#110088; font-weight:bold; margin-left: 10px; font-size:20px;} a:hover { color:#885500; font-size:20px;}

                      When you create new css style, the formatting will be the same for all tags.
                      For example:
                      font-family:Arial; font-size:52px; color:#FF0000;
                      You can create your own style in openstyle.xml To add it to the drop-down menu create attribute infocss with original value.
                      Polygonal hotspot

                      • Polygonal hotspot allows to create interactive area inside pano.
                      • Place as many hotspot as you need.
                      • In real-time mode select or change settings for polygonal hotspots:
                        1. image
                        2. tooltip
                      • Polygonal hotspot does not works in VR mode.
                      • Available direct xml edition for styles, appearance, etc. for polygonal hotspots


                      How to place:

                      • In select hotspot type dialog choose "Polygonal hotspot".
                        (Either in Upper menu or in Main hotspot editor menu.)
                      • Rotate and zoom pano so, that you can see all hotspot area.
                      • Press "start hotspot" button.
                      • Click points around hotspot area.
                      • When done, press "finish hotspot" button. Hotspot will appear on it's place.
                      • Set alpha for the hotspot. Use either track bar or enter alpha value directly in text box.
                      • Add action and tooltip.
                      • Save.
                      • Edit at any time.


                      Note:

                      • When you press "finish hotspot" the program will write polygonal hotspot to xml. To delete polygonal hotspot use Delete Hotspot editor.
                      • It is not possible to drag-and-drop polygonal hotspot.


                      Hotspot style (Optionally)
                      To change appearance and behavior of Polygonal hotspot, find in openstyles.xml text style with name stylepolygonalhs and edit it.

                      Flyout hotspot
                      </iframe>

                      • Flyout hotspot is an image hotspot that placed in pano with changed scale, alpha or distortion. When click it's "fly out" on the center of the screen. on second click or click on other flyout hotspot it's "fly in"
                      • Place any image from the system as flyout hotspot.
                      • Place as many hotspot as you need.
                      • Flyout hotspot always distorted.
                      • Available only one action - flyout_hotspot();


                      Advantages of flyout hotspot:

                      1. Very easy to place
                      2. Visual effect of flying out


                      Disadvantages of flyout hotspot:

                      • The large picture will be loaded in the memory with the panorama image. It means that the large amount of flyout hotspots may cause the crash of the tour. Especially on mobiles.
                      • It is highly recommend to use Show image action instead flyout hotspot.


                      How to place:

                      • In select hotspot type dialog choose "Flyout hotspot".
                        (Either in Upper menu or in Main hotspot editor menu.)
                      • Select image file on the system. Available formats:
                        1. .jpeg
                        2. .png
                        3. .gif
                        4. .targa
                      • When you press "OK" button in select image dialog, hotspot will appear at the center of the screen.
                      • Set scale for the image. Use either track bar or enter scale value directly in text box.
                      • Set alpha for the image. Use either track bar or enter alpha value directly in text box.
                      • Rotate image over x, y, or z axis. Use either track bar or enter rotation value directly in text box.
                      • All changes you will see in real-time mode.
                      • At any time, select the new image for hotspot.
                      • At any time, drag-and-drop hotspot to the new position.
                      • At any time, change tooltip for hotspot.

                      Note:

                      • When you press "OK" button in select image dialog, the image will be saved in hotspot directory with new name:
                        scenename_hsname.extension
                      • If the width or the height of the source image is larger than 2000px, it will be resized.
                      • If you don't save hotspot this image will be removed.
                      • When you delete hotspot it's image will be removed.

                      '
                      Hotspot style (Optionally)
                      To change appearance and behavior of Flyout hotspot, find in openstyles.xml text style with name styleflyouths and edit it.

                      Video hotspot

                      • The program allows to place any video from system as video hotspot.
                      • in-build video shows by videoplayer plugin as flat or 3d-distorted hotspot.
                      • Create in-build video in Video editor. Animated hotspot

                        • Animated hotspots are ordinary image hotspots with special images and corresponding onloaded actions.

                        </iframe>How to place:

                        • Select animated hotspot type.
                        • Select hotspot from the list
                        • Press "place".
                        • Set scale (optional)
                        • Set alpha (optional)
                        • Set distortead and rotate (optional)
                        • Drag-and-drop it.
                        • Assign other values for hotspot.
                        • Save.
                        • Edit at any time.

                        Note:

                        • To insert tooltip assign via direct attribute edit: onhover="showtext('text',skin_tooltips);"


                        Edit hotspot.

                        • There are three ways to edit hotspots:
                          • Open in the Direct attribute edit.

                            • Allows you to set directly the value of any possible xml attribute, even if it was not previously assigned to this hotspot.
                            • All available attributes for hotspot look Delete hotspot
                              [list]
                            • Select "delete hotspot" in upper menu.
                            • Press "start delete" button
                            • Click on the hotspot you want to delete.
                            • Confirm delete
                            • Delete as many hotspots as you need.
                            • Press "exit delete mode" button

                            Direct edit of xml - *optional
                            [list]

                          • It is possible to make direct changes in xml.
                          • Save changes in xml and press "reload tour" or "reload scene" to make them available.
                          • Attributes for the hotspot edit in tour.xml
                          • Style for the hotspot edit in skin/openstyles.xml
                          • Style for the tooltip edit in skin/vtourskin.xml or skin/openstyles.xml(for both "load scene")
                          • Hotspot actions overwrite and place after include of tcreator.xml


                          [list]

                        • All available parameters for hotspot look here
                        • For text hotspots look additional parameters here

                        Hotspot attributes *optional
                        [list]

                      • Open tour xml. Either directly or press "Edit tour xml" in "Test tour" menu.
                      • In the corresponding scene find hotspot with hotspot name from the "hotspot name text box".
                      • Add or change any attribute.
                      • Press "Reload tour"" or "Reload scene" in "Test tour" menu to see changes.

                      Note: more conventional to do it via direct attribute settings.
                      Hotspot style
                      [list]

                    • To change appearance and behavior of hotspot edit hotspot style.
                    • Each hotspot type has it's own style
                    • Styles for the hotspots is placed in skin/openstyle.xml document.
                    • Open it directly or press "Edit openstyles xml" in "Test tour" menu.
                    • Add, change or remove attributes from style, if necessary.
                    • Create custom style.

                    Styles for hotspots:
                    [list]

                  • icon hotspot - stylehs
                  • image hotspot - styleimagehs
                  • text css3d hotspot - styletexths
                  • text webgl hotspot - styletexthsvr
                  • polygonal hotspot - stylepolygonalhs
                  • flyout hotspot - styleflyouths

                  Tooltip style *optional
                  It is two types of tooltips style:[list]

                • For hotspot actions "Load scene" and "Load scene with set view". Tooltip appears with scene thumb and text (tooltip with image).
                • For other hotspot actions . Tooltip appears with text.

                [list]

              • When hotspot action is any action, except "Load scene" or "Load scene with set view"[list=1]
              • The default style for tooltip is skin_tooltips from skin/vtourskin.xml
              • To avoid preview leave text box empty.
              • Note: skin_tooltips style affect all tooltips in tour.
            • When hotspot action is "Load scene" or "Load scene with set view"[list]
            • The style for tooltip is hsShowNextSceneStyle from skin/openstyle.xml
            • When create action the text box will be filled with scene title.
            • Enter the other text if necessary.
            • To avoid preview leave text box empty.
            • To change appearance of the tooltip with thumb, select "Edit openstyle.xml" in "Test tour" menu, and either select one of two text style with name "hsShowNextSceneStyle" (comment the other). Or create/edit custom style.

          Hotspot actions

          [list]

        • Hotspot actions is placed in tcreator.xml
        • tcreator.xml is the closed part of the vrTourSoft. It is contained actions that serves the correct work of the program.
        • It is possible to overwrite hotspot actions.
        • Write the action with the same name as defined in program. Placed it in tour xml after the including of tcreator.xml
        • Look action parameters in the original actions.

        Actions names and parameters:
        [list=1]

      • Load scene with set view - loadSceneSetView(scene_name,hlookat,vlookat,fov);
      • Show image - sphotoLarge(url);
      • Info relative width (%) - infobox_pct(info_name,width_in_%);
      • Info absolute width (px) - infobox_px(info_name,width_in_px);
      • Open url - openurl(url);
      • Show gallery - buildgallery(gallery_name);
      • Show plan - openPlan(plan_name);
      • Show inbuilt video - videoplayer_open(url.mp4|url.webm,posterurl.jpeg,soundvolume);
      • Show youtube video - youtubeplayer_open(link);

      Note:
      [list]

    • Links for tcreator.xml is necessary for right work of the tour.
    • It is possible to create custom openstyles.xml with own styles and actions. In different projects replace the default one.
    • After tour is finished it is possible to remove classiceds.js (and link for it). It have no functions in work of ready tour.

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited 3 times, last by vrTourSoft (August 3, 2020 at 11:49 AM).

  • Layer editor

    • Layer editor is the main tool to add, edit and delete layers to the tour.
    • All changes for layer you test in internal browser in real-time mode.
    • The program will process and add to the tour all the necessary files and generates code.

    • About.

      • Layer editor is the main tool for adding layers - active elements that do not rotate with the panorama (have absolute coordinates).
      • The layers allows to add your own buttons, create your own interface, add design elements, insert information, etc.
      • Layer editor allows you to add and edit all possible types of layers:
        • Image layer
        • Text layer
        • Container layer
      • The number of layers in the panorama is unlimited.
      • You can add a layer:
        • to the whole tour
        • to a specific panorama.
      • The editor allows you to set the value for any layer's attribute.
      • In the editing process, all changes are immediately visible in the browser due to the dynamic assignment of attributes.
      • When you click save, the following happens:
        • The program inserts all the necessary code fragments and saves the changes.
        • The program copies the necessary files to the tour, such as images, if necessary.
        • The program edits files. For example, resizes images, optimizes images for the web, prepares thumbs, etc., if necessary.
      • In the editor there are three types of panels for each type of layer.
      • When you create a new layer or select a layer to edit, the corresponding panel opens.
        • The panel allows you to change any value for layer at any time. It is impossible to change only the type of layer.
        • The panel allows you to delete layer.
      • The layer editor has 24 built-in actions:
        • 11 actions - allows to call interactive constructions
        • 12 actions - are useful to create your own interface
        • custom action - allows to call your own action
      • Drag-and-drop the layer editor panel on the screen.

      Image layer

      • Layer editor allows to place any image from system as image layer.
      • Layer editor will process image, resize it (if order), copy it to the tour and generate code for layer.
      • Available formats .jpeg,.png,.gif,.targa
      • All changes you will see on the screen.
      • Add a layer:
        • to the whole tour
        • to a specific panorama.
      • In real-time mode select or change settings for image layers:
        • image
        • action
        • position
        • parent
        • size
        • alpha
        • rotate
        • direct attribute settings

      How to place:

      • Select the image layer in the top menu.
      • In the open file dialog, select an image.
      • The image appears by default in the upper left corner.
      • Select align. Text layer

        • Text layers use a textfield plugin to place text as layer.
        • Layer editor allows you to place 3 types of text layers inside the tour:
          • simple text
          • internal html page (complex text)
          • external html page
        • Add a layer:
          • to the whole tour
          • to a specific panorama.
        • In real-time mode select or change settings for text layers:
          • text
          • action
          • position
          • parent
          • size
          • alpha
          • rotate
          • direct attribute settings
        • Built-in style editor for text layer.
          • By default, a layer appears with the same settings as the skin (skin/http://openstyles.xml/textlayerstyle1).
          • Create new style in a few clicks. Assign values for the font and background
          • The style will be saved in skin/openstyles.xml.
          • The number of styles is not limited.
          • Select the style from the drop-down list and apply it to the layer.
          • The number of layers with the same style is not limited.
        • Set the width of the text layer:
          • in pixels
          • in percent
        • The program will calculate the height automatically (autoheight="true"). Reorder height if you need.
        • Any attribute can be assigned a new value via direct attribute edit.
        • All changes you will see on the screen.

        How to place:

        • Select the text layer in the top menu.
        • The text layer appears by default in the upper left corner.
        • Enter or select text value:
          • simple text - directly enter text or character in the text input box.
          • internal html page (complex text) - select from the drop-down list info with internal html. Read how to external html page - select from the drop-down list info with link to iframe. Read how to Create/ edit text layer style.
            • Select "create style".
            • For the font select:
              • font size
              • font color
            • For background select:
              • color
              • alpha
            • For the border select:
              • color
              • width
            • Select roundedge.
            • Press save style.
            • Edit or delete at any time.
            • The style will be saved in skin/openstyles.xml.
            • The program will add style to the drop-down list.


            Container layer.

            • Container is the special type of layers that allows to group other layers within it.
            • You can put all types of layers inside the container:
              • image layers
              • text layers
              • other containers
            • In order to include a layer in a container, you need to assign this container as a parent for this layer.
            • The number of containers inside the tour is not limited.
            • The number of layers within the group is not limited.
            • The coordinates of the layers inside the group are calculated from the rectangle of the container.
            • The container does not produce any events.
            • The events produce the layers inside the container.
            • The container allows you to control the behavior of the group of layers within it. Set position, movement, alpha, visibie, enable, etc.
            • Add container:
              • to the whole tour
              • to a specific panorama.
            • In real-time mode select or change settings for container layers:
              • design
              • position
              • parent
              • size
              • direct attribute settings
            • Set the width and the height of the container layer:
              • in pixels
              • in percent
              • mix pixels and percent
            • Any attribute can be assigned a new value via direct attribute edit.
            • All changes you will see on the screen.
            • Containers are useful to create group of buttons, custom skin, user interfaces, maps, information pages, galleries, etc.
            • The program have the expnd set of build-in actions for layers. This allows to create custom skin with various set of buttons.
            • In order to create your own skin, collect all the buttons in a container and name it customskin. In this case, you can use the pre-defind action hideCustomMenu(); in order to remove/restore all items on the screen.


            How to place:

            • Select layer container in top menu.
            • The container appears by default in the upper left corner.
            • Select align. Read more. By default, the coordinates are calculated from the top left.
            • Select the parent:
              • tour
              • current panorama
              • layer container
            • Position the layer. Set the x and y coordinates.
            • Scale container. Enter the value for width and height:
              • in pixels
              • in percent
              • mix pixels and percent
            • Create design for container:
              • background:
                • alpha
                • color
              • background border:
                • alpha
                • color
                • border width
              • roundedge
            • Set directly any attribute value. Edit layer

              • Select "edit layer" in top menu.
              • Click on the layer you want to edit.
              • The layer name will appear in text box.
              • Press start edit.
              • The program will open corresponding panel and fill all the fields.

              Edit container

              • Select "edit container" in top menu.
              • Select container from the drop-down list.
              • Press start edit.
              • The program will open corresponding panel and fill all the fields.

              Layer position

              • The position of the layer on the screen is determined by 2 parameters:
                • align
                • x and y coordinates
              • Align - the origin of coordinates.
              • The x and y coordinates are automatically calculated from the selected value of the origin.
              • x - offset x
              • y - offset y
              • The following values are available:
                • topleft
                • top
                • topright
                • left
                • center
                • right
                • bottomleft
                • bottom
                • bottomright
              • Default value - topleft.
              • The x and y shift are automatically calculated from the selected value of the origin.
              • For a layer located inside the container, the coordinates are calculated from the rectangle of the container.

              How to use:

              • Select align from the drop-down list.
              • Default value - topleft.
              • When you change the align value, the x and y shift are automatically calculated from the selected value of the origin.
              • Drag-and-drop layer. Or directly enter the value of x and y coordinates.
              • All changes you see on the screen.


              Layer parent

              • Parent attribute defines inside which xml node this layer will be located (what will be the parent).
              • This determines:
                • visibility of the layer in different panoramas
                • origin for layer coordinates
              • There are three possible values for parent:
                • tour
                • specific panorama (current scene)
                • container
              • Parent is the tour:
                • the layer is visible in all panoramas of the tour
                • layer position is calculated from the panorama area
                • the layer is inside specific container
              • Parent is the specific panorama:
                • the layer is visible only in specific panorama
                • layer position is calculated from the panorama area
                • the layer is inside specific scene
              • Parent is the layer container:
                • the layer inherits visibility from the container
                • layer position is calculated from the container rectangle
                • the layer is inside layer with name="tourLayers"

              How to use:

              • Select parent in drop-down list.
              • The program will place layer in the corresponding node when save.


              Layer parent allows you to show a layer in the whole tour, inside a separate panorama or place it inside the layers container (group the layers).
              To make the layer visible in all panoramas of the tour, select the tour as the parent in the drop-down list. This is the default value.
              To make the layer visible in single panorama, select this panorama as the parent.
              To place the layer inside the group, select container (group) as the parent. You must create container before.
              Layer action.

              • Layer editor allows to apply any action to the layer.
              • Select action from the drop-down list and following the simple instruction for this type of action.
              • The program automatically generates code for the actions.
              • The program allows to change the layer action at any time.
              • The layer editor has 24 built-in actions:
                • 11 actions - allows to call interactive constructions
                  • Load scene
                  • Load scene with set view
                  • Show image
                  • Info relative width (%)
                  • Info absolute width (px)
                  • Open url
                  • Show gallery
                  • Show plan
                  • Show inbuilt video
                  • Show youtube video
                • 12 actions - are useful to create your own interface
                  • Switch fullscreen
                  • Switch autorotate
                  • Enter VR
                  • Hide custom menu
                  • Switch gyro
                  • Next scene
                  • Previous scene
                  • Rotate left
                  • Rotate right
                  • Rotate up
                  • Rotate down
                  • Zoom in
                  • Zoom out
                • custom action - allows to call your own action

              Note:

              • Enter any action using a custom action. For example: myaction();
              • Call JS as custom action: js(actionName);

              [list]

            • Actions that concern panorama management take effect only after exiting edit mode.[list]
            • zoomin
            • zoomout
            • rotate left
            • rotate right
            • rotate up
            • rotate down
          • These actions use ondown and onup attributes to respond to a mouse click.
          • To avoid errors, try not to change this 6 values after they are assigned.


          How to use:
          [list]

        • Select action from the drop-down list.
        • Following the simple instruction for this type of action.
        • The program automatically generates code for the action.


        Direct attribute settings.
        [list]

      • Allows you to set directly the value of any possible xml attribute, even if it was not previously assigned to this layer.
      • All available attributes for layers look How to create a user interface
        </iframe>[list]
      • In the tour settings/ tour design, select delete skin.
      • Create a container for your interface.
      • Create buttons of your choice.
      • Buttons can be images or text.
      • Select actions for buttons from the drop-down list or assign your own.
      • Place the buttons in a container by designating it as the parent.
      • Position the container.

      Tips and tricks.
      [list]

    • Create more than one container for the interface.
    • Create the main container and give it the name "customskin".
    • Set the width and height of the customskin container to 100%.
    • Set background alpha of the customskin container to 0.
    • Position the interface elements inside the main container.
    • Use the pre-defind action hideCustomMenu(); in order to remove/restore all items on the screen.
    • Create button with this action.

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited once, last by vrTourSoft (August 3, 2020 at 11:51 AM).

  • Start create/edit.
    The start tab contains a variety of tools that allows:

    • Start to create virtual tour.
    • Start to edit virtual tour.
    • Restore tour to control point.
    • Add pano to ready tour.
    • Remove pano from ready tour.
    • Rearrange panos in ready tour.
    • Save and open project.
    • Restore published tour for edit.


    • Create tour.

      1. Select the directory where krpano tools are located (krpano Tools.exe).
      2. Select panoramic images on the computer.
      3. Select the folder where the virtual tour will be created.
      4. Click create.

      Note:
      You can select the type of the tour: multires, normal, VR. The default is multires. If you do not have special purposes - leave the default settings.
      Images can be in different folders.
      It is not necessary to add all the panoramas to the tour at once. You can always add or remove panoramas from the ready tour.
      You can create a tour in any folder where there is no subdirectory vtour. By default, the program will offer to create a tour in the folder with the last selected panorama.
      Start edit tour.

      1. Select the directory where krpano tools are located (krpano Tools.exe).
      2. Select the html file of the tour that you will edit (tour.html).
      3. Click open.

      Save project.

      Save project as.
      When you have created or opened a tour for editing, you can save the project. The project can be saved in any directory. It will have the extension .tcrproj.
      In the future, you can open the project without specifying the path to the krpano or html file.
      When editing, you can restore the project to the last saved point. All intermediate steps will be deleted.
      Note: This function makes sense when deleting large changes. You can edit or delete any created item at any time.
      Open project (tour).
      Select the file with the extension .tcrproj to open the tour for edit.
      Open recent.
      Click this button to open the last tour you worked on in the program. The tour may not be saved as a project.
      Restore to last save.
      Clicking this button will restore the tour to the last save point.
      Note: Tour.httml, tour.xml and openstyles.xml will be loaded.
      Open published project (tour).
      Click this button and select the published project (.tcrproj) you want to restore for editing.
      Note: When publishing, files tour.xml and openstyles.xml will be encrypted. In addition, viewers (tour.js and tour.swf) can be protected. All this will make the tour unavailable for editing. For more information, see the publication of the tour.
      Add pano to ready tour.

      1. Select panoramic images. You can choose in different folders.
      2. Click add panoramas.

      Note: You can add panoramas to the tour without opening it in the editor. In this case, select the tour.html and path to the krpano (krpano Tools.exe).
      Remove pano from ready tour.

      1. Highlight in the list the panoramas you want to delete.
      2. Click delete panoramas.

      Note: You can remove panoramas from the tour without opening it in the editor. In this case, select the tour.html and path to the krpano (krpano Tools.exe).
      Rearrange panos in ready tour.
      [list=1]

    • Select a panorama in the list.
    • Press the up or down button to change its position.
    • Repeat for other panoramas.
    • Click save.

    Note: You can rearrange panos in ready tour without opening it in the editor. In this case, select the tour.html and path to the krpano (krpano Tools.exe).

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited 2 times, last by vrTourSoft (August 3, 2020 at 11:52 AM).

  • Hello thank you for the software. It saves a lot of time. Absolutely great.
    Is it possible to include such videos directly in Toursoft Creator like here
    Many thanks

    http://panorade.de/upload/avatar/tour1.html

    Hello!
    Thank you for your post
    Sorry, I did not quite understand the question.
    As far as I can see, you did this example in vrTourSoft. For some reason, you did not use standard tools. But the video was inserted in their own way.
    The video may slow down because you inserted the container inside body teg of html document with the panorama .This is not recommended.

    Specify what exactly you want to achieve?

  • Sorry it is translete from google . so i hope now i can explain it.
    I hope you understand it when you watch the video.
    The video (the speaker) is transparent with no background.
    Yes I would like to insert the video directly into vrTourSoft Creator
    Without extra scipt as I have done in the example.
    like in Panotour Pro the live Video


    You can do everything in vrtrsoft that is possible in the krpano.
    But you understood this by making your own example.
    In one click you can add a transparent video as in this example:
    https://www.vrtoursoft.com/example/video_anime/ind.htm
    You can also find examples of embedding live video on the forum.
    But the video editor does not currently work with live video.
    We have included this in the wishlist.

  • Hotspot editor.
    http://www.tcreator.classic-ru.org/editors/hotspoteditor.html


    The main video that explain how to work with different types of the hotspots. Place, edit, delete. Add actions, tooltips etc.. Use different panels. 20m 42s

    https://youtu.be/WmFmbJlnT6s

    • Hotspot editor is the main tool for adding hotspots - active elements that rotate with the panorama (have angular coordinates).
    • It allows you to add and edit all possible types of hotspots.
    • The number of hotspots in the panorama is unlimited.
    • The editor allows you to set the value for any hotspot's attribute.
    • In the editing process, all changes are immediately visible in the browser due to the dynamic assignment of attributes.
    • When you click save, the following happens:
      • The program inserts all the necessary code fragments and saves the changes.
      • The program copies the necessary files to the tour, such as images, if necessary.
      • The program edits files, for example, resizes images, optimizes images for the web, converts video, prepares posters, etc., if necessary.
    • The hotspot editing mode allows you to change any value for hotspot at any time. It is impossible to change only the type of hotspot.
    • Delete mode allows you to quickly remove all unnecessary hotspots.
    • Hotspot editor has 4 panels:
      • Main panel
      • Hotspot type panel
      • Direct attribute edit panel
      • Delete hotspot panel

      read more...

    vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
    https://www.vrtoursoft.com/

    Edited once, last by vrTourSoft (December 6, 2019 at 12:28 AM).

  • Layer editor.
    https://www.vrtoursoft.com/editors/layer.html



    https://youtu.be/hKvDDq2jMEw

    This is the main video that explain how to work with layer editor. 12m 53s

    • Layer editor is the main tool for adding layers - active elements that do not rotate with the panorama (have absolute coordinates).
    • The layers allows to add your own buttons, create your own interface, add design elements, insert information, etc.
    • Layer editor allows you to add and edit all possible types of layers:
      • Image layer
      • Text layer
      • Container layer
    • The number of layers in the panorama is unlimited.
    • You can add a layer:
      • to the whole tour
      • to a specific panorama.
    • The editor allows you to set the value for any layer's attribute.
    • In the editing process, all changes are immediately visible in the browser due to the dynamic assignment of attributes.
    • When you click save, the following happens:
      • The program inserts all the necessary code fragments and saves the changes.
      • The program copies the necessary files to the tour, such as images, if necessary.
      • The program edits files. For example, resizes images, optimizes images for the web, prepares thumbs, etc., if necessary.
    • In the editor there are three types of panels for each type of layer.
    • When you create a new layer or select a layer to edit, the corresponding panel opens.
      • The panel allows you to change any value for layer at any time. It is impossible to change only the type of layer.
      • The panel allows you to delete layer.
    • The layer editor has 24 built-in actions:
      • 11 actions - allows to call interactive constructions
      • 12 actions - are useful to create your own interface
      • custom action - allows to call your own action
    • Drag-and-drop the layer editor panel on the screen.

    read more...

  • How to use map editor and create multiple floor plans.
    https://www.vrtoursoft.com/editors/map.html


    This is the main video that explain how to work with map editor. 10m 05s

    • The map editor allows you to create a local map (plan, floor map) in the tour.
    • The map editor will create all the necessary code, process and copy the necessary files and images.
    • The program automatically adapts the plan for different screen resolutions.
    • The number of plans in the tour is unlimited.
    • It is possible to create a separate plan for each floor of a building or area.
    • If the panorama is marked on the plan, extraskin automatically generates a button to display the plan.
    • In all the panoramas marked on the plans, a button will appear that opens the desired plan. Read more.
    • Panorama can be loaded with an open or closed plan.
    • The current panorama can be marked on the plan with an active point.
    • The editor allows you to select and edit images for points and active points.
    • The current panorama can additionally be marked with a radar, which indicates the direction of the panorama rotation on the plan.
    • The editor allows you to set the radar settings and set the radar direction (heading).
    • For desktops, you can select different tooltips appearance on mouse over map point:
      • text
      • text with image



    read more...

  • How to create 2-level drop-down menu .





    This is the main video that explain how to work with menu editor. 11m 34s

    • Menu editor allows to create a 2-level drop-down menu in the tour.
    • It is a fully automatic engine, that create all necessary code, copy files and process images.
    • The menu automatically adjusts to different screen resolutions and devices.
    • The number of items in the menu is not limited for either the first or the second level.
    • The menu design is fully customizable.
    • The menu has vertical and horizontal output.
    • To create a menu, simply enter a list of items.
    • Add, edit or delete any menu item at any time.
    • Select a menu item and assign any action to the click.
      • 14 built-in actions
      • custom action
    • For panoramas in groups there is possible different output:
      • visual
      • text
    • Visual editor to create menu style.

    read more...

  • New version: vrTourSoft_v1.11
    Significant improvements in infobox editor:

    The appearance of the info box is now fully customizable.
    On the site you can find complete information about the infobox.
    Video coming soon.

    • All infoboxes inside the tour are shown in the same style. (Individually assigned width).
    • Infobox appears in the center of the screen. You can change this value in openstyles.xml
    • You set the width of the infobox individually when it is called (in pixels or percent).
    • The height of the infobox depends on the content.
    • By default, the maximum infobox height is 70% of the screen height.
      • If the height of the information is less than this value, then the visible height of the infobox will correspond to the height of the information.
      • If the height of the information is equal to or greater than the maximum height:
        • a scroll function appears that allows you to view all the information.
        • in addition, you can assign the appearance of a scroll bar.
    • You can select different sets of buttons for the scroll bar.
    • The appearance of the infobox (background, border, roundedge) can be edited through the editor or in the openstyles.xml
    • You can set:
      • maximum height in % (default - 70%).
      • show or not scrallbar (the scroll function works anyway)
      • select different sets of buttons for the scroll bar.
      • background parameters
      • background border parameters
    • All settings for the infobox (including the scrollbar URL) are stored in http://openstyles.xml/style name="styleinfobox"

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!